YOu基本上必須將地圖的中心設置爲新的經緯度。事情是這樣的:
map.setCenter(new google.maps.LatLng(this.latitude, this.longitude));
打開信息窗口簡單
myInfoWindow.open(map, yourMarker);
通過使用JavaScript可以添加一個事件來<a>
的的onClick和設定新的地圖中心。
UPDATE W /例:http://jsfiddle.net/kjy112/FEexA/
HTML:爲我們的谷歌地圖一個div,也是一個鏈接中心/信息贏得彈出。
<div id='map_canvas'></div>
<a id='marker' href='javascript:showMarker();'>Click Me!</a>
CSS:爲谷歌地圖區域設置尺寸
#map_canvas{
width: 400px;
height: 400px;
}
JavaScript操作: 集地圖與一些隨機的緯度經度
var map = new google.maps.Map(document.getElementById('map_canvas'), {
zoom: 10,
center: new google.maps.LatLng(35.137879, -82.836914),
mapTypeId: google.maps.MapTypeId.ROADMAP
});
創造我們的標記,其信息窗口:
var myMarker = new google.maps.Marker({
position: new google.maps.LatLng(47.651968, 9.478485),
});
myMarker['infoWin'] = new google.maps.InfoWindow({
content: "<div id='infoWindow'>Your Info Window!</div>"
});
這是處理「Click Me!」時的代碼錨點被點擊:
function showMarker() {
map.setCenter(myMarker.position); //makes myMarker center of map
myMarker.setMap(map); //add the marker to the map
myMarker['infoWin'].open(map, myMarker); //opens the info window associate with the marker
}
對不起,你介意給我看個例子嗎?謝謝。 – Victor 2010-12-15 08:12:19