TOP>Google>Google Maps APIで使えるアイコン一覧

Googleマップで使われているアイコン一覧

URL:http://maps.google.co.jp/mapfiles/ms/icons/ファイル名(〜.png)
幅32px:高さ32px

blue-dot.png red-dot.png green-dot.png ltblue-dot.png yellow-dot.png purple-dot.png pink-dot.png orange-dot.png
blue.png red.png green.png ltblue.png yellow.png purple.png pink.png orange.png
blue-pushpin.png red-pushpin.png grn-pushpin.png ltblu-pushpin.png ylw-pushpin.png purple-pushpin.png pink-pushpin.png
restaurant.png coffeehouse.png bar.png snack_bar.png drinking_water.png lodging.png wheel_chair_accessible.png
shopping.png movies.png grocerystore.png convienancestore.png arts.png homegardenbusiness.png electronics.png
mechanic.png pharmacy-us.png realestate.png salon.png dollar.png parkinglot.png gas.png
cabs.png bus.png truck.png rail.png plane.png ferry.png helicopter.png
question.png info.png flag.png earthquake.png webcam.png postoffice-us.png police.png
firedept.png hospitals.png landmarks-jp.png phone.png caution.png postoffice-jp.png hotsprings.png
tree.png campfire.png picnic.png campground.png rangerstation.png toilets.png POI.png
hiker.png cycling.png motorcycling.png horsebackriding.png sportvenue.png golfer.png trail.png
water.png snowflake_simple.png marina.png fishing.png sailing.png swimming.png waterfalls.png

シャドウファイルの詳細は下記の通り

shadow.png マーカー・ドットアイコン共通。
pushpin_shadow.png プッシュピンアイコン用。

その他のアイコンは「ファイル名.png」を「ファイル名.shadow.png」。例えば

hiker.png http://maps.google.co.jp/mapfiles/ms/icons/hiker.png
hiker.shadow.png http://maps.google.co.jp/mapfiles/ms/icons/hiker.shasow.png

コードの記入例

Icon.shadow="http://maps.google.co.jp/mapfiles/ms/icons/アイコン名.shadow.png";
Icon.iconSize=new GSize(32,32);
Icon.shadowSize=new GSize(59,32);
Icon.iconAnchor=new GPoint(16,32);
Icon.infoWindowAnchor=new GPoint(16,0);

GoogleRidefinderで使われているアイコン一覧

URL:http://labs.google.com/ridefinder/images/ファイル名(〜.png)
幅12px:高さ20px

mm_20_green.png mm_20_red.png mm_20_blue.png mm_20_orange.png mm_20_purple.png mm_20_yellow.png mm_20_gray.png mm_20_black.png mm_20_white.png
mm_20_shadow.png

コードの記入例

Icon.shadow="http://labs.google.com/ridefinder/images/mm_20_shadow.png";
Icon.iconSize=new GSize(12,20);
Icon.shadowSize=new GSize(22,20);
Icon.iconAnchor=new GPoint(6,20);
Icon.infoWindowAnchor=new GPoint(6,1);
Icon.infoShadowAnchor=new GPoint(13,13);

Google Maps Gadgetアイコン一覧

URL:http://www.google.com/mapfiles/gadget/ファイル名(〜.png)
幅31px:高さ27px

arrowSmall80
shadow of arrowSmall80

コードの記入例

Icon.shadow="http://www.google.com/mapfiles/gadget/arrowshadowSmall80.png"
Icon.iconSize = new GSize(31, 27);
Icon.shadowSize = new GSize(31, 27);
Icon.iconAnchor = new GPoint(8, 27);
Icon.infoWindowAnchor = new GPoint(5, 1);

URL:http://www.google.com/mapfiles/gadget/ファイル名(〜.png)
幅16px:高さ27px

markerA.png markerB.png markerC.png markerD.png markerE.png
markerF.png markerG.png markerH.png markerI.png markerJ.png
markerK.png markerL.png markerN.png markerM.png markerO.png
markerP.png markerQ.png markerR.png markerS.png markerT.png
markerU.png markerV.png markerW.png markerX.png markerY.png
marker.png markerSmall80.png
shadow50Small80.png

コードの記入例

Icon.shadow="http://www.google.com/mapfiles/gadget/shadow50Small80.png"
Icon.iconSize = new GSize(16, 27);
Icon.shadowSize = new GSize(30, 28);
Icon.iconAnchor = new GPoint(8, 27);
Icon.infoWindowAnchor = new GPoint(5, 1);

Google Earthで使われているアイコン一覧

Google Earth用に使われているアイコン一覧はMile Williams氏のGoogle Earth Icons - Google Maps API Tutorialにある。
英語なので補足しておくと、下記の各ディレクトリにアイコンが収められていてシャドウ用アイコンはファイル名s.pngの形になっている。

例(通常アイコンとシャドウ用アイコン)

通常アイコン http://maps.google.com/mapfiles/kml/pal4/icon33.png
シャドウアイコン http://maps.google.com/mapfiles/kml/pal4/icon33s.png

Google EarthアイコンのURL:

  • http://maps.google.com/mapfiles/kml/pal2/ファイル名(〜.png)
  • http://maps.google.com/mapfiles/kml/pal3/ファイル名(〜.png)
  • http://maps.google.com/mapfiles/kml/pal4/ファイル名(〜.png)
  • http://maps.google.com/mapfiles/kml/pal5/ファイル名(〜.png)

いずれも幅32px:高さ32px

コードの記入例

Icon.shadow="http://maps.google.com/mapfiles/kml/pal*/ファイル名s.png";
Icon.iconSize=new GSize(32,32);
Icon.shadowSize=new GSize(59,32);
Icon.iconAnchor=new GPoint(16,32);
Icon.infoWindowAnchor=new GPoint(16,0);
posted by パンダ at 13:36 |Comment(1) | Google
ブックマークに追加: はてなブックマーク Yahoo!ブックマーク
この記事へのコメント
はじめまして!

Google Map の赤いアイコンだけではさびしいので他のアイコンを探していました。

活用させていただきたいと思います。

記事をありがとうございました。
Posted by Jose Luis at 2007年08月21日 17:39
コメントを書く
お名前:

メールアドレス:

ホームページアドレス:

コメント:

認証コード: [必須入力]


※画像の中の文字を半角で入力してください。

Google Maps API関連記事

×

この広告は1年以上新しい記事の投稿がないブログに表示されております。