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

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

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

gpinimg_08

maps.google.com/mapfiles/ms/micons

地図の表示

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

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

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

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

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

google_pin_

http://maps.google.com/mapfiles/ms/micons/water.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/water.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/waterfalls.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/waterfalls.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/webcam.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/webcam.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/wheel_chair_accessible.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/wheel_chair_accessible.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/woman.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/woman.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/yen.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/yen.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/arts.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/arts.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/bar.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/bar.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/bus.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/bus.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/cabs.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/cabs.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/camera.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/camera.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/campfire.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/campfire.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/campground.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/campground.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/caution.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/caution.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/coffeehouse.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/coffeehouse.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/convienancestore.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/convienancestore.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/cycling.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/cycling.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/dollar.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/dollar.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/drinking_water.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/drinking_water.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/earthquake.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/earthquake.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/electronics.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/electronics.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/euro.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/euro.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/fallingrocks.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/fallingrocks.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/ferry.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/ferry.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/firedept.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/firedept.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/fishing.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/fishing.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/flag.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/flag.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/gas.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/gas.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/golfer.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/golfer.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/grocerystore.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/grocerystore.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/groecerystore.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/groecerystore.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/helicopter.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/helicopter.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/hiker.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/hiker.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/homegardenbusiness.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/homegardenbusiness.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/horsebackriding.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/horsebackriding.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/hospitals.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/hospitals.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/hotsprings.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/hotsprings.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/info.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/info.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/info_circle.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/info_circle.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/landmarks-jp.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/landmarks-jp.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/lodging.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/lodging.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/man.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/man.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/marina.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/marina.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/mechanic.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/mechanic.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/motorcycling.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/motorcycling.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/movies.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/movies.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/parkinglot.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/parkinglot.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/partly_cloudy.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/partly_cloudy.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/pharmacy-us.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/pharmacy-us.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/phone.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/phone.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/picnic.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/picnic.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/plane.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/plane.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/POI.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/POI.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/police.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/police.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/postoffice-jp.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/postoffice-jp.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/postoffice-us.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/postoffice-us.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/question.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/question.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/rail.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/rail.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/rainy.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/rainy.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/rangerstation.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/rangerstation.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/realestate.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/realestate.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/recycle.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/recycle.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/restaurant.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/restaurant.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/sailing.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/sailing.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/salon.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/salon.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/shopping.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/shopping.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/ski.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/ski.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/snack_bar.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/snack_bar.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/snowflake_simple.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/snowflake_simple.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/sportvenue.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/sportvenue.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/subway.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/subway.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/sunny.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/sunny.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/swimming.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/swimming.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/toilets.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/toilets.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/trail.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/trail.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/tram.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/tram.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/tree.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/tree.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/truck.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/truck.shadow.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/volcano.png


google_pin_

http://maps.google.com/mapfiles/ms/micons/volcano.shadow.png


JavaScript

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

 

 

参考

Google {maps}

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

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