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

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

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

gpinimg_03

maps.google.com/mapfiles/kml/pal2

地図の表示

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

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

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

 

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

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

google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon0.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon0s.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon1.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon1s.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon2.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon2s.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon3.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon3s.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon4.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon4s.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon5.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon5s.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon6.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon6s.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon7.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon7s.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon8.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon8s.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon9.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon9s.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon10.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon10s.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon11.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon11s.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon12.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon12s.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon13.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon13s.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon14.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon14s.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon15.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon15s.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon16.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon16s.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon17.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon17s.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon18.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon18s.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon19.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon19s.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon20.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon20s.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon21.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon21s.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon22.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon22s.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon23.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon23s.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon24.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon24s.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon25.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon25s.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon26.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon26s.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon27.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon27s.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon28.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon28s.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon29.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon29s.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon30.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon30s.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon31.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon31s.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon32.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon32s.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon33.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon33s.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon34.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon34s.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon35.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon35s.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon36.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon36s.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon37.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon37s.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon38.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon38s.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon39.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon39s.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon40.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon40s.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon41.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon41s.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon42.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon42s.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon43.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon43s.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon44.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon44s.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon45.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon45s.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon46.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon46s.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon47.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon47s.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon48.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon48s.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon49.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon49s.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon50.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon50s.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon51.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon51s.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon52.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon52s.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon53.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon53s.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon54.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon54s.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon55.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon55s.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon56.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon56s.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon57.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon57s.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon58.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon58s.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon59.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon59s.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon60.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon60s.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon61.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon61s.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon62.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon62s.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon63.png


google_pin_

http://maps.google.com/mapfiles/kml/pal2/icon63s.png


JavaScript

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

 

参考

Google {maps}

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

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