Google Map API v3 - 设置边界和中心

6 回答

• -1

  是的，只需声明您的新边界对象 .

  var bounds = new google.maps.LatLngBounds();
  

  然后为每个标记扩展您的bounds对象：

  bounds.extend(myLatLng);
  map.fitBounds(bounds);
  

  API：google.maps.LatLngBounds

  回复于 2024-05-17T04:50:42+08:00
• -15

  得到了一切 - 请参阅最后几行代码 - （ bounds.extend(myLatLng); map.fitBounds(bounds); ）

  function initialize() {
    var myOptions = {
      zoom: 10,
      center: new google.maps.LatLng(0, 0),
      mapTypeId: google.maps.MapTypeId.ROADMAP
    }
    var map = new google.maps.Map(
      document.getElementById("map_canvas"),
      myOptions);
    setMarkers(map, beaches);
  }
  
  var beaches = [
    ['Bondi Beach', -33.890542, 151.274856, 4],
    ['Coogee Beach', -33.923036, 161.259052, 5],
    ['Cronulla Beach', -36.028249, 153.157507, 3],
    ['Manly Beach', -31.80010128657071, 151.38747820854187, 2],
    ['Maroubra Beach', -33.950198, 151.159302, 1]
  ];
  
  function setMarkers(map, locations) {
    var image = new google.maps.MarkerImage('images/beachflag.png',
      new google.maps.Size(20, 32),
      new google.maps.Point(0,0),
      new google.maps.Point(0, 32));
    var shadow = new google.maps.MarkerImage('images/beachflag_shadow.png',
      new google.maps.Size(37, 32),
      new google.maps.Point(0,0),
      new google.maps.Point(0, 32));
    var shape = {
      coord: [1, 1, 1, 20, 18, 20, 18 , 1],
      type: 'poly'
    };
    var bounds = new google.maps.LatLngBounds();
    for (var i = 0; i < locations.length; i++) {
      var beach = locations[i];
      var myLatLng = new google.maps.LatLng(beach[1], beach[2]);
      var marker = new google.maps.Marker({
        position: myLatLng,
        map: map,
        shadow: shadow,
        icon: image,
        shape: shape,
        title: beach[0],
        zIndex: beach[3]
      });
      bounds.extend(myLatLng);
    }
    map.fitBounds(bounds);
  }
  

  回复于 2024-05-17T04:50:42+08:00
• 176

  我对google maps api v3的建议是（不要认为它可以更有效地完成）：

  gmap : {
      fitBounds: function(bounds, mapId)
      {
          //incoming: bounds - bounds object/array; mapid - map id if it was initialized in global variable before "var maps = [];"
          if (bounds==null) return false;
          maps[mapId].fitBounds(bounds);
      }
  }
  

  在结果中，u将适合 Map 窗口中边界的所有点 .

  Example works perfectly and u freely can check it here www.zemelapis.lt

  回复于 2024-05-17T04:50:42+08:00
• 1

  答案非常适合调整标记的 Map 边界，但如果您想为多边形和圆形等形状展开Google Map 边界，则可以使用以下代码：

  对于圈子

  bounds.union(circle.getBounds());
  

  对于多边形

  polygon.getPaths().forEach(function(path, index)
  {
      var points = path.getArray();
      for(var p in points) bounds.extend(points[p]);
  });
  

  对于矩形

  bounds.union(overlay.getBounds());
  

  对于折线

  var path = polyline.getPath();
  
  var slat, blat = path.getAt(0).lat();
  var slng, blng = path.getAt(0).lng();
  
  for(var i = 1; i < path.getLength(); i++)
  {
      var e = path.getAt(i);
      slat = ((slat < e.lat()) ? slat : e.lat());
      blat = ((blat > e.lat()) ? blat : e.lat());
      slng = ((slng < e.lng()) ? slng : e.lng());
      blng = ((blng > e.lng()) ? blng : e.lng());
  }
  
  bounds.extend(new google.maps.LatLng(slat, slng));
  bounds.extend(new google.maps.LatLng(blat, blng));
  

  回复于 2024-05-17T04:50:42+08:00
• 5

  setCenter（）方法仍适用于最新版本的Maps API for Flash，其中fitBounds（）不存在 .

  回复于 2024-05-17T04:50:42+08:00
• 398

  使用下面一个，

  map.setCenter（bounds.getCenter（），map.getBoundsZoomLevel（bounds））;

  回复于 2024-05-17T04:50:42+08:00