Google Maps API V3 変更点
google maps api V2 から V3 になって、主に変わったところ
- ＡＰＩ Ｋｅｙ不要 sensorパラメーターが必須に。
meta name="viewport" content="initial-scale=1.0, user-scalable=no"
script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=[true|false]"
-
地図表示方法
founction initialize(){
//中心座標
var centerLatlng = new google.maps.LatLng(緯度lat, 経度lng);
//マップ設定
var mapOption =
{
center: centerLatlng ,
zoom: 13, // ズームレベル
mapTypeId: google.maps.MapTypeId.[マップタイプ]
};
//マップ表示
var map = new google.maps.Map(document.getElementById("map_canvas"), mapOption);
}
- マーカー表示
var iconPng = ''アイコンファイル名;
var markerLatLng = new google.maps.LatLng(緯度lat, 経度lng);
var marker = new google.maps.Marker(
{
map: map,
position:markerLatLng,
icon: iconPng,
shadow: shadow, //マーカーの影
title: 'マーカータイトル'
});
- マーカーを消す
v2のmap.clearOverlays()は廃止。
marker.setMap(null);
-
地図の動きを取得する（イベントをキャッチする）
例）地図を動かす毎に中心マーカーを動かす（再表示する）
google.maps.event.addListener( map , "center_changed" , function(){
centerMarker.setMap(null);
centerMarker = new google.maps.Marker({
position: map.getCenter(), //中心座標を取得する。
map: map,
icon: centerMarkerIcon
});
});