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

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

関連記事

seo

seo

SEOって何? もうすでに知っている方もたくさんいるかもしれませんが、 Webサイトを作成する人は気になる言葉ですね。 検索エンジン最適化( Search Engine Optimization)のこ …

div

divを重ねて上下中央

divとdivを重ねてしかも上下中央にしたい!     例えば、指定したサイズに背景画像を配置して、その上にメニューやタイトル、キャッチコピーなどを表示したい。 もちろん、画像ファ …

スマホで簡単収入

有名なところに限る!無料登録スマホで簡単収入

  スマートフォンで収入を! A8ネット、モバ8ネットを運営するファンコミュニケーションズが提供する、 スマートフォン向けアドネットワーク『nend』のメディアパートナー様の掲載促進プログラ …

wifi

WiFiどれがいい?

  Wi-Fi特集   結局どれにすれば良いのか悩んでしまうのでおすすめをご紹介!   海外WiFi   イモトのWiFi Wi-Ho!(ワイホー) 世界各国( …

vegasスマホとPC

スマホとPCの条件分岐でVEGASを切り替える方法

  スマホとPCの条件分岐でVEGASを切り替える方法   表示したいところに以下を記述します。 <div class="img-movie"> & …