Google Map カスタマイズの記録

グーグルマップのカスタマイズ時に参考にしたサイトやメモ。

Google Maps API の有料化について

APIキーが必須になる？
→ケースバイケース。チェック方法は下記のページを参考に。
https://webtan.impress.co.jp/e/2018/06/26/29696

API取得方法は公式サイトを参考に。
https://developers.google.com/maps/documentation/javascript/get-api-key?hl=ja

無料範囲等の詳細は以下のページに記載。
https://cloud.google.com/maps-platform/pricing/

Google 神も広告業だけでなくAPI 経済圏に参入。

Google Map のカスタマイズ

検索トップのページは以下。
https://webkikaku.co.jp/blog/webdesign/googlemap-customize/

更新日付が数年前なので、詳細は公式ページをたどる。

概要
https://developers.google.com/maps/documentation/javascript/tutorial?hl=ja

マップとマーカーの追加方法
https://developers.google.com/maps/documentation/javascript/adding-a-google-map?hl=ja

カスタマイズ方法
https://developers.google.com/maps/documentation/javascript/styling?hl=ja#stylers

スタイルを書いて、マップにセットするだけ。
各種プロパティの設定はマメに辞書を引くのも修行のうちながら、時間がないため検索したら以下のありがたいページを発見。
https://lab.syncer.jp/Web/API/Google_Maps/JavaScript/MapTypeStyle/
ならまちスタイルを追加して微調整。

以上。出来上がり！