Google Maps API・マイマップの使い方・活用法をご紹介しています。

google.com提供(paddle)・Google謹製のマーカー画像

Google Maps APIなど向けにGoogleがあらかじめ用意してある画像アイコンから、
google.com/mapfiles/kml/paddleにて提供されている画像のURL指定し、
Google Maps APIで表示を行う例をご紹介します。

gpinimg_09

google.com/mapfiles/kml/paddle

地図の表示

google.com/mapfiles/kml/paddle提供のマーカーアイコンを配置しています。

なお、ここでは影アイコンを別で表示していますが、
本来影アイコンは同じマーカーに対して設定して利用します。

以下で、影アイコンの利用方法をご紹介しています。

google.com/mapfiles/kml/paddle提供・Google謹製のマーカー画像

以下のアイコンが利用できます。

2017/01/13訂正
URLが無効になってしまいました。
旧URLは文末へ一覧化しておきますが、新URLへ置き換えました。

google_pin_

http://maps.google.com/mapfiles/kml/paddle/stop.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/stop-lv.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/pause.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/pause-lv.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/go.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/go-lv.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/1.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/1-lv.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/2.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/2-lv.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/3.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/3-lv.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/4.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/4-lv.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/5.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/5-lv.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/6.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/6-lv.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/7.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/7-lv.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/8.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/8-lv.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/9.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/9-lv.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/10.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/10-lv.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/A.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/A-lv.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/B.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/B-lv.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/C.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/C-lv.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/D.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/D-lv.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/E.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/E-lv.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/F.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/F-lv.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/G.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/G-lv.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/H.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/H-lv.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/I.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/I-lv.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/J.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/J-lv.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/K.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/K-lv.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/L.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/L-lv.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/M.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/M-lv.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/N.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/N-lv.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/O.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/O-lv.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/P.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/P-lv.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/Q.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/Q-lv.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/R.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/R-lv.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/S.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/S-lv.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/T.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/T-lv.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/U.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/U-lv.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/V.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/V-lv.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/W.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/W-lv.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/X.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/X-lv.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/Y.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/Y-lv.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/Z.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/Z-lv.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/blu-blank.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/blu-circle.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/blu-circle-lv.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/blu-diamond.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/blu-diamond-lv.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/blu-square.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/blu-square-lv.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/blu-stars.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/blu-stars-lv.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/red-blank.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/red-circle.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/red-circle-lv.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/red-diamond.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/red-diamond-lv.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/red-square.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/red-square-lv.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/red-stars.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/red-stars-lv.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/grn-blank.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/grn-circle.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/grn-circle-lv.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/grn-diamond.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/grn-diamond-lv.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/grn-square.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/grn-square-lv.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/grn-stars.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/grn-stars-lv.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/pink-blank.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/pink-circle.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/pink-diamond.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/pink-square.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/pink-stars.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/purple-blank.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/purple-circle.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/purple-circle-lv.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/purple-diamond.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/purple-diamond-lv.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/purple-square.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/purple-square-lv.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/purple-stars.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/purple-stars-lv.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/wht-blank.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/wht-circle.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/wht-circle-lv.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/wht-diamond.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/wht-diamond-lv.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/wht-square.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/wht-square-lv.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/wht-stars.png


google_pin_

http://maps.google.com/mapfiles/kml/paddle/wht-stars-lv.png


JavaScript

上記で埋込表示しているソースは以下を利用しています。
URLを一括で抜きたい場合は以下の方が便利かもしれません。

 

 

参考

Google {maps}

旧URL一覧(以下はすべて無効)

http://google.com/mapfiles/kml/paddle/stop.png
http://google.com/mapfiles/kml/paddle/stop-lv.png
http://google.com/mapfiles/kml/paddle/pause.png
http://google.com/mapfiles/kml/paddle/pause-lv.png
http://google.com/mapfiles/kml/paddle/go.png
http://google.com/mapfiles/kml/paddle/go-lv.png
http://google.com/mapfiles/kml/paddle/1.png
http://google.com/mapfiles/kml/paddle/1-lv.png
http://google.com/mapfiles/kml/paddle/2.png
http://google.com/mapfiles/kml/paddle/2-lv.png
http://google.com/mapfiles/kml/paddle/3.png
http://google.com/mapfiles/kml/paddle/3-lv.png
http://google.com/mapfiles/kml/paddle/4.png
http://google.com/mapfiles/kml/paddle/4-lv.png
http://google.com/mapfiles/kml/paddle/5.png
http://google.com/mapfiles/kml/paddle/5-lv.png
http://google.com/mapfiles/kml/paddle/6.png
http://google.com/mapfiles/kml/paddle/6-lv.png
http://google.com/mapfiles/kml/paddle/7.png
http://google.com/mapfiles/kml/paddle/7-lv.png
http://google.com/mapfiles/kml/paddle/8.png
http://google.com/mapfiles/kml/paddle/8-lv.png
http://google.com/mapfiles/kml/paddle/9.png
http://google.com/mapfiles/kml/paddle/9-lv.png
http://google.com/mapfiles/kml/paddle/10.png
http://google.com/mapfiles/kml/paddle/10-lv.png
http://google.com/mapfiles/kml/paddle/A.png
http://google.com/mapfiles/kml/paddle/A-lv.png
http://google.com/mapfiles/kml/paddle/B.png
http://google.com/mapfiles/kml/paddle/B-lv.png
http://google.com/mapfiles/kml/paddle/C.png
http://google.com/mapfiles/kml/paddle/C-lv.png
http://google.com/mapfiles/kml/paddle/D.png
http://google.com/mapfiles/kml/paddle/D-lv.png
http://google.com/mapfiles/kml/paddle/E.png
http://google.com/mapfiles/kml/paddle/E-lv.png
http://google.com/mapfiles/kml/paddle/F.png
http://google.com/mapfiles/kml/paddle/F-lv.png
http://google.com/mapfiles/kml/paddle/G.png
http://google.com/mapfiles/kml/paddle/G-lv.png
http://google.com/mapfiles/kml/paddle/H.png
http://google.com/mapfiles/kml/paddle/H-lv.png
http://google.com/mapfiles/kml/paddle/I.png
http://google.com/mapfiles/kml/paddle/I-lv.png
http://google.com/mapfiles/kml/paddle/J.png
http://google.com/mapfiles/kml/paddle/J-lv.png
http://google.com/mapfiles/kml/paddle/K.png
http://google.com/mapfiles/kml/paddle/K-lv.png
http://google.com/mapfiles/kml/paddle/L.png
http://google.com/mapfiles/kml/paddle/L-lv.png
http://google.com/mapfiles/kml/paddle/M.png
http://google.com/mapfiles/kml/paddle/M-lv.png
http://google.com/mapfiles/kml/paddle/N.png
http://google.com/mapfiles/kml/paddle/N-lv.png
http://google.com/mapfiles/kml/paddle/O.png
http://google.com/mapfiles/kml/paddle/O-lv.png
http://google.com/mapfiles/kml/paddle/P.png
http://google.com/mapfiles/kml/paddle/P-lv.png
http://google.com/mapfiles/kml/paddle/Q.png
http://google.com/mapfiles/kml/paddle/Q-lv.png
http://google.com/mapfiles/kml/paddle/R.png
http://google.com/mapfiles/kml/paddle/R-lv.png
http://google.com/mapfiles/kml/paddle/S.png
http://google.com/mapfiles/kml/paddle/S-lv.png
http://google.com/mapfiles/kml/paddle/T.png
http://google.com/mapfiles/kml/paddle/T-lv.png
http://google.com/mapfiles/kml/paddle/U.png
http://google.com/mapfiles/kml/paddle/U-lv.png
http://google.com/mapfiles/kml/paddle/V.png
http://google.com/mapfiles/kml/paddle/V-lv.png
http://google.com/mapfiles/kml/paddle/W.png
http://google.com/mapfiles/kml/paddle/W-lv.png
http://google.com/mapfiles/kml/paddle/X.png
http://google.com/mapfiles/kml/paddle/X-lv.png
http://google.com/mapfiles/kml/paddle/Y.png
http://google.com/mapfiles/kml/paddle/Y-lv.png
http://google.com/mapfiles/kml/paddle/Z.png
http://google.com/mapfiles/kml/paddle/Z-lv.png
http://google.com/mapfiles/kml/paddle/blu-blank.png
http://google.com/mapfiles/kml/paddle/blu-blank-lv.png
http://google.com/mapfiles/kml/paddle/blu-circle.png
http://google.com/mapfiles/kml/paddle/blu-circle-lv.png
http://google.com/mapfiles/kml/paddle/blu-diamond.png
http://google.com/mapfiles/kml/paddle/blu-diamond-lv.png
http://google.com/mapfiles/kml/paddle/blu-square.png
http://google.com/mapfiles/kml/paddle/blu-square-lv.png
http://google.com/mapfiles/kml/paddle/blu-stars.png
http://google.com/mapfiles/kml/paddle/blu-stars-lv.png
http://google.com/mapfiles/kml/paddle/red-blank.png
http://google.com/mapfiles/kml/paddle/red-blank-lv.png
http://google.com/mapfiles/kml/paddle/red-circle.png
http://google.com/mapfiles/kml/paddle/red-circle-lv.png
http://google.com/mapfiles/kml/paddle/red-diamond.png
http://google.com/mapfiles/kml/paddle/red-diamond-lv.png
http://google.com/mapfiles/kml/paddle/red-square.png
http://google.com/mapfiles/kml/paddle/red-square-lv.png
http://google.com/mapfiles/kml/paddle/red-stars.png
http://google.com/mapfiles/kml/paddle/red-stars-lv.png
http://google.com/mapfiles/kml/paddle/grn-blank.png
http://google.com/mapfiles/kml/paddle/grn-blank-lv.png
http://google.com/mapfiles/kml/paddle/grn-circle.png
http://google.com/mapfiles/kml/paddle/grn-circle-lv.png
http://google.com/mapfiles/kml/paddle/grn-diamond.png
http://google.com/mapfiles/kml/paddle/grn-diamond-lv.png
http://google.com/mapfiles/kml/paddle/grn-square.png
http://google.com/mapfiles/kml/paddle/grn-square-lv.png
http://google.com/mapfiles/kml/paddle/grn-stars.png
http://google.com/mapfiles/kml/paddle/grn-stars-lv.png
http://google.com/mapfiles/kml/paddle/pink-blank.png
http://google.com/mapfiles/kml/paddle/pink-blank-lv.png
http://google.com/mapfiles/kml/paddle/pink-circle.png
http://google.com/mapfiles/kml/paddle/pink-circle-lv.png
http://google.com/mapfiles/kml/paddle/pink-diamond.png
http://google.com/mapfiles/kml/paddle/pink-diamond-lv.png
http://google.com/mapfiles/kml/paddle/pink-square.png
http://google.com/mapfiles/kml/paddle/pink-square-lv.png
http://google.com/mapfiles/kml/paddle/pink-stars-lv.png
http://google.com/mapfiles/kml/paddle/pink-stars-lv.png
http://google.com/mapfiles/kml/paddle/purple-blank.png
http://google.com/mapfiles/kml/paddle/purple-blank-lv.png
http://google.com/mapfiles/kml/paddle/purple-circle.png
http://google.com/mapfiles/kml/paddle/purple-circle-lv.png
http://google.com/mapfiles/kml/paddle/purple-diamond.png
http://google.com/mapfiles/kml/paddle/purple-diamond-lv.png
http://google.com/mapfiles/kml/paddle/purple-square.png
http://google.com/mapfiles/kml/paddle/purple-square-lv.png
http://google.com/mapfiles/kml/paddle/purple-stars.png
http://google.com/mapfiles/kml/paddle/purple-stars-lv.png
http://google.com/mapfiles/kml/paddle/wht-blank.png
http://google.com/mapfiles/kml/paddle/wht-blank-lv.png
http://google.com/mapfiles/kml/paddle/wht-circle.png
http://google.com/mapfiles/kml/paddle/wht-circle-lv.png
http://google.com/mapfiles/kml/paddle/wht-diamond.png
http://google.com/mapfiles/kml/paddle/wht-diamond-lv.png
http://google.com/mapfiles/kml/paddle/wht-square.png
http://google.com/mapfiles/kml/paddle/wht-square-lv.png
http://google.com/mapfiles/kml/paddle/wht-stars.png
http://google.com/mapfiles/kml/paddle/wht-stars-lv.png


公開日:
最終更新日:2017/01/13

コンテンツ
すべて展開 | すべて省略