javascript - 自动调整缩放以适应谷歌地图中的所有标记

Question

使用最新版本的谷歌地图。如何使用经度和纬度添加标记并使用 JavaScript 自动调整 map 的缩放级别以包含所有标记？

Answer 1

Google Maps API v3 提供了一个 LatLngBounds 对象，您可以向该对象添加多个 LatLng 对象。然后您可以将其传递给 Map.fitBounds()功能如下所述:

• Zoom-To-Fit All Markers, Polylines or Polygons on A Google Map - API v2
• Zoom-to-Fit All Markers on Google Map v3

部分示例

var latlng = [
    new google.maps.LatLng(1.23, 4.56),
    new google.maps.LatLng(7.89, 1.01),
    // ...
]; 
var latlngbounds = new google.maps.LatLngBounds();
for (var i = 0; i < latlng.length; i++) {
    latlngbounds.extend(latlng[i]);
}
map.fitBounds(latlngbounds);