如何使用gMap将具有多个标记的地图居中?

时间:2011-05-13 17:59:39

标签: jquery jquery-plugins

我正在使用jQuery的gMap插件。在我的地图上,我有几个标记。如何根据标记的范围使地图居中?然后,如果可能的话,稍微缩小以在最外面的标记和地图的边缘之间留下边距?

谢谢!

编辑1-代码类似于http://gmap.nurtext.de/examples.html ...

中的此示例
$("#map4").gMap({ markers: [{ latitude: 47.651968,
                              longitude: 9.478485,
                              html: "_latlng" },
                            { address: "Tettnang, Germany",
                              html: "The place I live" },
                            { address: "Langenargen, Germany",
                              html: "_address" }],
                  address: "Braitenrain, Germany",
                  zoom: 10 });

1 个答案:

答案 0 :(得分:9)

这可能对你有所帮助......

//Zoom and center the map to fit the markers  
//This logic could be conbined with the marker creation.  
//Just keeping it separate for code clarity.  
var bounds = new google.maps.LatLngBounds();  
for (index in markers) {  
    var data = markers[index];  
    bounds.extend(new google.maps.LatLng(data.lat, data.lng));  
}  
map.fitBounds(bounds);