Question

我的问题是fitBounds通常使对象居中但是太小。我希望它应该在某个对象上居中并尽可能地放大它。实际上，缩放级别通常可以高一级。请考虑我的example。正如您所看到的，该国家可以在一个级别进行缩放，并且仍然可以100％可见。有没有办法克服它？

这是我的代码：

$(document).ready(function(){

  var locationBBOX = [["14.149166 49.002914","24.14444 49.002914","24.14444 54.834442","14.149166 54.834442","14.149166 49.002914"]];


  var map = new google.maps.Map(
      document.getElementById('map-div'), {
      center: new google.maps.LatLng(0, 0),
      disableDefaultUI: true,
      zoom: 1,
      mapTypeId: google.maps.MapTypeId.ROADMAP });

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

  for(var k in locationBBOX)
  {

    var _c1 = locationBBOX[k][0].split(' ');
    var _c2 = locationBBOX[k][2].split(' ');

    var _bbox = new google.maps.LatLngBounds(new google.maps.LatLng(parseFloat(_c1[1]),parseFloat(_c1[0])),new google.maps.LatLng(parseFloat(_c2[1]),parseFloat(_c2[0])));

    _bounds.union(_bbox);
  }

  map.fitBounds(_bounds);

  var ne = _bounds.getNorthEast();
  var sw = _bounds.getSouthWest();

  var boundingBoxPoints = [
                       ne, new google.maps.LatLng(ne.lat(), sw.lng()),
                       sw, new google.maps.LatLng(sw.lat(), ne.lng()), ne
                    ];

  var boundingBox = new google.maps.Polyline({
                       path: boundingBoxPoints,
                       strokeColor: '#FF0000',
                       strokeOpacity: 1.0,
                       strokeWeight: 2
                    });

  boundingBox.setMap(map);


});

谢谢！

Answer 1

我想我找到了答案。 Google地图似乎正在考虑所有控件（即使它们被隐藏）。基于此，实际可见区域更小。请检查以下主题：https://groups.google.com/forum/?fromgroups#!topic/google-maps-js-api-v3/5kSPwZfDyJI

为什么谷歌地图'fitBounds如此不准确？

1 个答案: