Google Maps APIを使って地図をカスタマイズしてみよう!

2014/05/18

googleMapsApi2

こんにちは!
今回はGoogle Maps APIを使って地図をカスタマイズしてみたいと思います。

前回はGoogle Maps APIを使って地図を表示しました。前回の続きです。

 

アイコンを配置する

今回配置するアイコンはこちらです。

アイコンを配置するスクリプトは下記のようになります。

  • google.maps.MarkerImage・・・アイコンの画像を設定します。
  • google.maps.Size・・・アイコンのサイズを設定します。
  • google.maps.Point・・・アイコンの位置を設定します。

 

デザインを変える

Styled Map Wizardというサイトを使うと簡単にデザインを変更できます。

使い方は下記の記事が参考になります。
Googleマップのお手軽カスタマイズ!Styled Maps Wizardの使い方 | 株式会社LIG

Styled Map Wizardから取得したスクリプトを貼付けます。
最終的なスクリプトは下記のようになります。

DEMOページを見る

 

いかがでしたか。割と簡単にできますのでオススメです。

以上でGoogle Maps APIを使って地図をカスタマイズしてみようでした。

topへ戻る