Google maps 通过标记在Google地图上设置边界

Google maps 通过标记在Google地图上设置边界,google-maps,Google Maps,我知道这可能已经张贴过,但我尝试过的所有例子都不起作用 我在谷歌地图上有一个标记列表,我想用标记集设置地图的边界。结果是它只在一个标记上缩放 这是我的密码: 函数设置标记(map){ var内容、边界、loc; for(var i=0;i

我知道这可能已经张贴过,但我尝试过的所有例子都不起作用

我在谷歌地图上有一个标记列表,我想用标记集设置地图的边界。结果是它只在一个标记上缩放

这是我的密码:

函数设置标记(map){

var内容、边界、loc;
for(var i=0;i
您在发布的代码中有几个拼写错误:

  • bounds变量应在循环外部初始化。这:
  • roeMarker
    未定义,应为
    json[i]

  • 您在发布的代码中有几个拼写错误:

  • bounds变量应在循环外部初始化。这:
  • roeMarker
    未定义,应为
    json[i]
  • 
    
    发布的代码无效(缺少最后一个
    }
    ),我收到一个javascript错误:
    未捕获引用错误:未定义roeMarker
    发布的代码无效(缺少最后一个
    }
    ),我收到一个javascript错误:
    未捕获引用错误:未定义roeMarker
    var content, bounds, loc;
    
    for (var i = 0; i < json.length; i++) {
    
    
    
      /* Set bounds */
      bounds = new google.maps.LatLngBounds();
    
      var marker = new google.maps.Marker({
        position: { lat: roeMarker[1], lng: roeMarker[2] },
        map: map,
    
      });
      /* Set marker to bounds */
    
      loc = new google.maps.LatLng(marker.position.lat(), marker.position.lng());
      bounds.extend(loc);
      marker.setMap(map);
    
    }
    
    
    /* Add all bounds to map and rezoom and center */
    
    map.fitBounds(bounds); //auto-zoom
    map.panToBounds(bounds); //auto-center
    
    function setMarkers(map) {
      var content, bounds, loc;
      for (var i = 0; i < json.length; i++) {
        /* Set bounds */
        bounds = new google.maps.LatLngBounds();  // <====================== move outside the loop
    
        var marker = new google.maps.Marker({
          position: { lat: roeMarker[1], lng: roeMarker[2] },
          map: map,
        });
        /* Set marker to bounds */
        loc = new google.maps.LatLng(marker.position.lat(), marker.position.lng());
        bounds.extend(loc);
        marker.setMap(map);
      }
      /* Add all bounds to map and rezoom and center */
      map.fitBounds(bounds); //auto-zoom
      map.panToBounds(bounds); //auto-center
    }
    
    function setMarkers(map) {
      var content, loc;
      var bounds = new google.maps.LatLngBounds();
      console.log(json);
      for (var i = 0; i < json.length; i++) {
        var marker = new google.maps.Marker({
          position: {
            lat: json[i][1],
            lng: json[i][2]
          },
          map: map,
        });
        /* Set marker to bounds */
        bounds.extend(marker.getPosition());
      }
      map.fitBounds(bounds); //auto-zoom
    }