Googleマップをカスタマイズする方法。（モノトーンMAP）

googlemap

2020.09.07 2020.05.29

今回は、モノトーンサンプルの確認依頼があってので、モノトーン地図を表示してみました。

目次

表示確認内容
参考

表示確認内容

・地図は背景はモノトーン表示。
・駅アイコンは非表示にして、最寄りの駅及びバス停のみを表示する。
・指定位置のマーカーは、カスタマイズアイコンを表示する。

参考

イベント処理 - マッピィ Google Maps API JavaScriptの使い方 -

マップイベントの登録・削除などの情報を提供しています

ルート案内 - マッピィ Google Maps API JavaScriptの使い方 -

2点間のルート案内・ルート案内と距離を表示などの情報を提供しています

Google Map APIでルート表示をする

　Google Maps APIの機能を利用すると、複雑なルートの作成に伴う作業を大幅に減らすことができます。今回は、Google Maps APIを使用して、ルート距離の測定やルート案内の表示をWebサイトに実装する方法を紹介します。

地図へマーカーを配置/削除 - マーカー - Google Maps JavaScript API入門

作成したマーカーを地図上へ配置する2つの方法について確認します。逆にマーカーを地図上から削除する方法や非表示にする方法も確認します。

Events | Maps JavaScript API | Google Developers

コメント