在Google Maps API v2中,我们的国家/地区地图非常适合700x400px的地图,其内容如下:
map.getBoundsZoomLevel(<bounds of our country>)
但是在API v3中,
map.fitBounds()
方法不适用于该缩放级别(达到700x400)-它只能缩小一级。这意味着
map.fitBounds()
用一些“宽限期”或其他东西来计数。我如何影响此保证金的大小?
最佳答案
这是一种无需使用自定义边距即可尽可能放大地图的解决方案。如果需要,您应该能够对其进行调整以占一定的余量。
我的解决方案基于this comment in a Google Groups thread。不幸的是,对helper.getProjection()
的调用总是返回未定义的,因此我对上面的答案做了一些修改,并提出了这个工作代码。
只需将现有的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));
}
关于google-maps - 如何影响map.fitBounds()的“宽限度”,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/9843732/