Web全般

Google Mapのマイマップを重ねる

投稿日:

マイマップを重ねる

 

グーグルマップでいろんなルートを作成しました。

例えば、1コース(ルートAAA)・2コース(ルートBBB)・3コース(ルートCCC)といったように複数のパターンを作り、それぞれ地図にマーカーを打ち、表示できるようにしました。

今回は、一つの地図上に複数のルートを重ねて表示してみたいと思います。

※あらかじめマイマップを作成しているものとします。

 
格安ドメイン名取得サービス『エックスドメイン』

 

Googleマップを開く

 

1.ログインして自分で作成したマップを確認します。

ブラウザの右上にあるメニューから『マップ』を開きます。

 

Googleアプリ

 

 

 

 

 

 

 

 

 

 

 

 

 

 

2.画面の左側にあるメニューを開き、『マイプレイス』を選択します。

 

Googleマップメニュー

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

3.『マイマップ』を選択します。

ここに、自分が作成しているマップが表示されます。

下の図では、5つ作成しましたので5つ分が表示されています。

 

マイマップ

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

マイマップをダウンロード

 

それぞれのデーターをダウンロードしていきます。

1.上図の5つのうちダウンロードしたいマップ(ルート)を選択します。

2.選択して表示された画面から『マイマップで開く』を選択します。

 

マイマップで開く

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

3.先ほどの画面と似たような画面が開きますので、右の3つの点が縦に並んだマークを選択します。

 

マイマップ

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

4.表示された画面の『KMLをダウンロード』を選択し、『OK』で保存します。

 

KMLをダウンロード

 

 

 

 

 

 

 

 

KMLエクスポート

 

 

 

 

 

 

 

 

以上、重ね合わせたい数だけのマイマップ分を同じようにダウンロードします。

 

 

ダウンロードしたマイマップを合体させる

 

1.再度、『マイプレイス』の画面に戻ります。

2.『地図を作成』を選択して新しい地図を作ります。

 

マイプレイス

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

3.先ほどダウンロードした地図データをインポートします。

 

地図のインポート

 

 

 

 

 

 

 

 

 

アップロード

 

 

4.地図の追加

先ほどインポートした地図データが表示され、追加することで下に表示されていきます。

地図の追加

 

 

 

 

 

 

 

 

 

 

 

 

 

 

 

5.『無題の地図』を選択して、名前を付けて保存してください。

 

これで完成できました!

 



 

 

-Web全般
-


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

関連記事

動画配信サービス

気になる動画配信サービス

  Amazonプライム物足りない   Amazonプライムの無料体験を利用してみて感じたことは、 動画も音楽も『おまけ』みたいなもの ただ、料金的には『月400円の契約』『年間3 …

vegas2

WordPressで画像をかっこよく見せるVEGAS

  WordPressで画像をかっこよく見せる ワードプレスを使っていて画像を扱うことも多いと思いますが、サイトをかっこよくおしゃれに見せる方法の一つとして、画像に手を加えてインパクトを与え …

google アナリティクス

GoogleアナリティクスをWordPressに導入設置

  自分のブログやサイトを持っている方にとって必須ともいえるアクセス解析ツールです。このツールを利用することによって、ブログやサイトの細かなアクセス状況によって分析することができるようになり …

ヘッダー画像を変形

ヘッダー画像の変形(下の部分を波のようにする)

  ヘッダー画像をカスタマイズ   少し変わったホームページを作りたいなというときに、最近では、1カラムのサイトが増えてきました。 また、スクロール時にアニメーション効果を付けたサ …

画像の下に隙間

背景画像の下に隙間ができる【WordPress】

HOME PAGE1 PAGE2 PAGE3     何が原因なのか?   HTMLでは、下記の様にしています。 <div class="haikei&q …