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

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

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

gpinimg_06

maps.google.com/mapfiles/kml/pal5

地図の表示

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

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

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

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

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

google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


JavaScript

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

 

 

参考

Google {maps}

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

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