Googleマップのカスタマイズ

Googleマップをイラストマップみたいにしたい。

Google Maps API Styled Map Wizard
safariだと「How to use the Styled Maps Wizard」が消せない。

日本語版Google Maps API Styled Map Wizard

Google Maps API Styled Map Wizardを使ってみた

オリジナルアイコンの配置
map = new google.maps.Map(document.getElementById(“map”), myOptions);
new google.maps.Marker({
position: new google.maps.LatLng(00.00000, 000.00000), //アイコンの中心座標
map: map,
icon: “アイコン画像のパス.png” //アイコン画像
});

 

経路を入れる(線を描く)
ポリライン

座標を取得
http://www5.ocn.ne.jp/~botan/map_g.html


Share on Tumblr

Leave a Reply