GoogleMapカスタマイズ

googlemap

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

今回は、モノトーンサンプルの確認依頼があってので、モノトーン地図を表示してみました。 表示確認内容 ・地図は背景はモノトーン表示。・駅アイコンは非表示にして、最寄りの駅及びバス停のみを表示する。・指定位置のマーカーは、カスタマ...
googlemap

Googleマップをカスタマイズする方法。(複数マーカー表示編)

前回マーカー表示にチャレンジしましたが、今回は複数のマーカー表示にチャレンジします。 CSSの記述(前回から変更なし) カスタムCSSに下記コードを記述します。”mapSample”地図が表示されます。 #mapSamp...
googlemap

Googleマップをカスタマイズする方法。(吹き出し編)

前回マーカー表示にチャレンジしましたが、今回は吹き出し表示にチャレンジします。 CSSの記述(前回から変更なし) カスタムCSSに下記コードを記述します。”mapSample”地図が表示されます。 #mapSample{...
googlemap

Googleマップをカスタマイズする方法。(マーカー表示編)

前回、カスタマイズした地図を表示しましたが、今回はマーカー表示にチャレンジします。 CSSの記述(前回から変更なし) カスタムCSSに下記コードを記述します。”mapSample”地図が表示されます。 #mapSampl...
googlemap

Googleマップをカスタマイズする方法。(表示編)

前回、”Google Maps APIs Styling Wizard”を使って、地図をカスタマイズしましたが、今回は実際に自分のサイトへカスタマイズした地図の貼り付けにチャレンジします。 Google Maps APIの取得 ...
googlemap

Googleマップをカスタマイズする方法。

Googleマップの色や、表示される項目をGoogle Maps APIs Styling Wizardで調整できます。 Google Maps APIs Styling Wizardの使い方 サイトへ移動 下記サイトへ...