Automatically adjust zoom to accommodate all marker in a google map

前端 未结 3 1192
后悔当初
后悔当初 2020-12-25 10:17

Using the latest version of Google maps. How to add markers using longitude and latitude and automatically adjust the zoom level of the map to include all the markers using

3条回答
  •  一整个雨季
    2020-12-25 11:04

    Google Maps API v3 provides a LatLngBounds object to which you can add multiple LatLng objects. You can then pass this to Map.fitBounds() function as described here:

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

    Partial Example

    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);
    

提交回复
热议问题