スポンサードリンク

アイコン一覧

2014/04更新:

Google Maps API V3; schedule of Icons for markers

グーグルマップ用のアイコンを探して増やしました。 Google Maps API グーグルマップで必要になるのがアイコンのサンプル。

Google Map アイコン一覧表にまとめてみました。影付きも用意。

マウスの右クリックで、URLをコピペしてダウンロード保存してください。

blue-dot.png green-dot.png ltblue-dot.png red-dot.png yellow-dot.png purple-dot.png pink-dot.png orange-dot.png
blue.png green.png lightblue.png red.png yellow.png purple.png pink.png orange.png
msmarker.shadow.png マーカー。アイコン用影
blue-pushpin.png grn-pushpin.png ltblu-pushpin.png red-pushpin.png ylw-pushpin.png purple-pushpin.png pink-pushpin.png
pushpin_shadow.png プッシュピン用影
bar.png coffeehouse.png restaurant.png snack_bar.png drinking_water.png lodging.png wheel_chair_accessible.png man.png woman.png
bar.png coffeehouse.png restaurant.png snack_bar.png drinking_water.png lodging.png wheel_chair_accessible.png man.shadow.png woman.shadow.png
movies.png convienancestore.png grocerystore.png homegardenbusiness.png parkinglot.png gas.png mechanic.png shopping.png yen.png ydollar.png euro.png
movies.png convienancestore.png grocerystore.shadow.png homegardenbusiness.png parkinglot.png gas.png mechanic.png shopping.png yen.shadow.png doller.shadow.png euro.shadow.png
cabs.png bus.png rail.png plane.png ferry.png truck.png helicopter.png harts.png electronics.png pharmacy-us.png alon.png
cabs.png bus.png rail.png plane.png ferry.png truck.png helicopter.png arts.shadow.png lectronics.shadow.png pharmacy-us.shadow.png salon.shadow.png
campground.png rangerstation.png tree.png toilets.png picnic.png hiker.png cycling.png motorcycling.png horsebackriding.png sportvenue.png golfer.png golfer.png
campground.png rangerstation.png tree.png toilets.png picnic.png hiker.png cycling.png motorcycling.png horsebackriding.png sportvenue.png golfer.png golfer.png
swimming.png webcam.png question.png info.png flag.png water.png snowflake_simple.png marina.png fishing.png sailing.png waterfall.png info_circle.png
swimming.png webcam.png question.png info.png flag.png water.png snowflake_simple.png marina.png fishing.png sailing.png sailing.png sailing.png
rainy.png ski.png
rainy.shadow.png ski.shadow.png
cabs.png bus.png rail.png plane.png ferry.png subway.png tram.png truck.png helicopter.png postoffice-us.png police.png
cabs.shadow.png bus.shadow.png rail.shadow.png plane.shadow.png ferry.shadow.png subway.shadow.png tram.shadow.png truck.shadow.png helicopter.shadow.png postoffice-us.png police.png
hotsprings.png firedept.png postoffice-jp.png phone.png phone.png phone.png phone.png phone.png phone.png phone.png
hotsprings.png firedept.png postoffice-jp.png phone.shadow.png phone.shadow.png phone.shadow.png phone.shadow.png phone.shadow.png phone.shadow.png phone.shadow.png
camera.png webcam.png hotsprings.png
camera.shadow.png webcam.shadow.png hotsprings.shadow.png
sunny.png partly_cloudy.png police.png postoffice-us.png volcano.png
sunny.shadow.png partly_cloudy.shadow.png police.shadow.png postoffice-us.shadow.png volcano.shadow.png
mm_20_red.png mm_20_blue.png mm_20_green.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 ミニマーカー。アイコン用影
arrowSmall80.png
arrowshadowSmall80.png 矢印用影

 

◆グーグルアースやその他で使用されているアイコン一覧 

               
   
           
     

 

           
   
           
 

 

◆世界地図に便利な国別の国旗アイコン

ISO国コードによる国・地域別のSVGアイコン、PNGアイコンがダウンロードできます。 ページの後半に「You can download pre built PNG icon sets from my Dropbox.」とあり、そこからzipファイルでまとめて国旗をダウンロードできます。国旗アイコンのサイズも様々に揃ってます。

https://github.com/koppi/iso-country-flags-svg-collection

National flag

 

◆手軽にGoogle Map用のアイコンに利用出来るメトロスタジオMetro Studio2

Metro Studio2(いまなら無料)は、いいです。かなり自由に自分好みのグーグルマップ用に使えそうなアイコンを作成できます。地図のアイコンに統一感がでてきますし、大きさ、カラーも変えられます。アスファベットアイコン、数字アイコン、漢字アイコン等も自由で、Googleマップに使えそうなご希望のアイコンが大抵揃いそうです。ただし、アイコンは「まる」か「四角」のみ。(詳しくは、コチラ

 

 
 

 

◆map icons collection カラフルサンプルアイコン

サンプルもカラフルで種類が豊富です。旧Google Codeから新しいサイトへ移動しました。さらにパワーアップ。

ここには特殊文字のアイコンもあります。

 

◆矢印、アルファベットアイコン

 

◆現在地アイコン

Google Map current indicator icon

◆影付きのカスタムアイコン(マーカー)を作成できるサイト

自分のPC内のpng、画像ファイルでカスタムアイコンを作りたければここを試されてはどうでしょうか。

◆Google Maps JavaScript API V3

スポンサードリンク

  1. google mapsをちょっとやってみようと思って勉強中のものです。
    矢印アイコンいただきましたー。

  2. ありがとうございます。いただきます!

Leave a Comment


NOTE - You can use these HTML tags and attributes:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <img localsrc="" alt="">