Googleマップのカスタマイズって？

GoogleMAPをカスタマイズできるのをご存知ですか？
マップのカスタマイズ自体は2014年頃からできるようになっており、実際に使用しているサイトや照会サイトなども多くあります。
カスタマイズには多少のhtml知識が必要ですが、それを補う「Google Map Builder」という便利なサイトもありますので、それを含めてご紹介します。

1.API キーの取得

これがなくては始まらない「APIキー」。
Googleのアカウントが必要となります。
API取得にはこちらを参照してください。
https://developers.google.com/maps/documentation/javascript/tutorial?hl=ja

2.Google Map Builderにアクセス

APIキーを取得したら「Google Map Builder」アクセスして作り込んでいくだけです。
https://mapkit.io/

1）API KEY
API Keyを入力します。
先ほど取得したものを貼り付けます。

2）Height Width
横幅×高さを入力します。単位はpxです。

3)
地図の中心を座標やズームレベルで指定します。
地図を調整すると自動で数値が変わります。
Latitude＝緯度
Longitude＝経度
Zoom Level＝拡大・縮小のレベル

3.マップの見た目を変更

見た目を変更するのは「themes」を調整してください。

1）Google maps theme
GoogleMAPで通常選べるテーマとなります。

2）Snazzy maps theme
様々なテーマから好きな見た目をえらべます。
Noneはテーマを選んでいない状態です。

ここでいくつかテーマをご紹介します。

old Dry Mud

Pale Dawn

Neon World

50 Shades of blue

Beige White and Blue

Bluish

4.見た目が決まればコードを取得

下にあるエクスポートボタンを押して編集内容のソースを取得します。

JavaScript等の記述などが羅列されていますので、それを自分のサイトの適切な場所にいれてください。
編集内容によってここのソースは多くなってしまいますので、別のファイルに記述してリンクさせてもいいかもしれません。

ここまではGoogle Map Builderを利用して簡単にMAPを調整する方法でしたが、もちろん自分でイチからカスタマイズすることもできます。次回はオリジナルのマーカーの設置を含めた説明をしたいと思います。

━━━━━━━━━━━━━━━━━━━━━━━━━━

広告・販促のご相談承ります。お気軽にお問い合わせ下さい

日広株式会社福岡支店
〒811-1321　福岡県福岡市南区柳瀬2-15-20
TEL 092-573-7011
E-mail info@fukuoka-pamphlet-seisaku.com

福岡県でデザインパンフレットのことならお任せ!
【福岡パンフレット制作.com】
URL https://fukuoka-pamphlet-seisaku.com/

━━━━━━━━━━━━━━━━━━━━━━━━━━