Question

在Google maps API v2中，我们国家的地图很适合700x400px地图，内容如下：

map.getBoundsZoomLevel(<bounds of our country>)

但是在API v3中，map.fitBounds()方法不适合在700x400的缩放级别 - 它缩小了一个级别。

这意味着map.fitBounds()计入一些“优雅边际”或其他东西。

如何影响此保证金的大小？

Answer 1

这是一个可以在没有自定义边距的情况下尽可能放大地图的解决方案。如果你愿意的话，你应该能够根据它来调整它。

我的解决方案基于this comment in a Google Groups thread。不幸的是，对helper.getProjection()的调用总是返回undefined，所以我对上面的答案进行了调整，并提出了这个有效的代码。

只需将map.fitBounds(bounds)的现有来电替换为myFitBounds(map, bounds)：

function myFitBounds(myMap, bounds) {
    myMap.fitBounds(bounds);

    var overlayHelper = new google.maps.OverlayView();
    overlayHelper.draw = function () {
        if (!this.ready) {
            var projection = this.getProjection(),
                zoom = getExtraZoom(projection, bounds, myMap.getBounds());
            if (zoom > 0) {
                myMap.setZoom(myMap.getZoom() + zoom);
            }
            this.ready = true;
            google.maps.event.trigger(this, 'ready');
        }
    };
    overlayHelper.setMap(myMap);
}

// LatLngBounds b1, b2 -> zoom increment
function getExtraZoom(projection, expectedBounds, actualBounds) {
    var expectedSize = getSizeInPixels(projection, expectedBounds),
        actualSize = getSizeInPixels(projection, actualBounds);

    if (Math.floor(expectedSize.x) == 0 || Math.floor(expectedSize.y) == 0) {
        return 0;
    }

    var qx = actualSize.x / expectedSize.x;
    var qy = actualSize.y / expectedSize.y;
    var min = Math.min(qx, qy);

    if (min < 1) {
        return 0;
    }

    return Math.floor(Math.log(min) / Math.log(2) /* = log2(min) */);
}

// LatLngBounds bnds -> height and width as a Point
function getSizeInPixels(projection, bounds) {
    var sw = projection.fromLatLngToContainerPixel(bounds.getSouthWest());
    var ne = projection.fromLatLngToContainerPixel(bounds.getNorthEast());
    return new google.maps.Point(Math.abs(sw.y - ne.y), Math.abs(sw.x - ne.x));
}

Answer 2

现在，方法fitBounds有第二个参数，表示填充的大小。对于那些想要删除它的人，你只需要传递0。

Map.map.fitBounds(bounds, 0);


New method signature: fitBounds(bounds:LatLngBounds|LatLngBoundsLiteral, padding?:number)

如何影响map.fitBounds（）的“宽限度”

2 个答案: