我最近开始使用Google Maps API v3。
我需要绘制一些位置(可能是3个或4个),并同时将 map 定位在这些点上-而不是手动设置 map 的长和纬度以使其居中...
有人可以分享一些提示,还是向我指出正确的方向?
提前致谢!
担
function initialize() {
var latlng = new google.maps.LatLng(51.50816, 0.02712);
var myOptions = {
zoom: 12,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var firstmap = new google.maps.Map(document.getElementById("map"),myOptions);
//EVENT MARKER
var point = new google.maps.LatLng(51.50816, 0.02712);
var marker = new google.maps.Marker({
position:point,
map:firstmap,
title: 'ExCel London',
draggable:false,
icon:'images/event.png'
})
var contentstring = '<div>Hello World</div>'
var infoWindow = new google.maps.InfoWindow({
content:contentstring
});
//HOTEL 1 MARKER
var point = new google.maps.LatLng(51.503146, -0.113259);
var marker = new google.maps.Marker({
position:point,
map:firstmap,
title: 'Waterloo Hotel',
draggable:false,
icon:'images/flag.png'
})
var contentstring = '<div>Hello World</div>';
var infoWindow = new google.maps.InfoWindow({
content:contentstring
});
google.maps.event.addListener(marker,'click',function(){
infoWindow.open(firstmap,marker);
})
};
最佳答案
您需要将标记保存在数组上,然后使用功能中心:
function autoCenter(){
var limits = new google.maps.LatLngBounds();
$.each(arrayMarkers, function (index, marker){
limits.extend(marker.position);
});
map.fitBounds(limits);
}