忘備録：Google Maps をカスタマイズして Web サイトに埋め込みたい

Google Maps をカスタマイズして Web サイトに埋め込みたいだけなのによくわかんなかったから忘備録を作ります。忘備録なので雑です。

API キーを取得する。この辺をわちゃわちゃやっていくと取れる。

ここのサンプルコードを改造していくのが個人的に早い。

JSON 形式でマップのスタイリングができる。initMap() のとこに突っ込めばいいっぽい。結局これが面倒なんだけど自分なりの定石を見つけてちゃんとまとめたいね…

取り急ぎ公式による概論とリファレンス読むのが早そう。

ちなみに Styling Wisard は特に使いこなせていない。これもろもろの粒度めっちゃ荒くない？と思いつつ僕が使い方わかってないだけな気もしてよくわからん。

あとは Google Maps のカスタマイズ集みたいなやつも見つけた。これ！っていうのは見つかりにくそうだけどいい感じのやつをベースに少し色合いをいじるとか、そういうのが早いかも。

はい

Simple icons のとこ見るとマーカーの画像を変えるやつが書いてある。Complex icons のとこにマーカーのサイズとか位置とか変えるやつが書いてある。マーカーの画像は SVG だと微妙っぽい。

そういや API キーなしで埋め込まれた地図は表示されなくなるらしい、こえー。

Glósóli