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

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

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

gpinimg_05

maps.google.com/mapfiles/kml/pal4

地図の表示

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

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

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

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

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

google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


google_pin_

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


JavaScript

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

 

 

参考

Google {maps}

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

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