我有一组点，我想在嵌入式谷歌地图(API v3)上绘制。我希望边界容纳所有的点，除非缩放级别太低(即，缩小太多)。我的方法是这样的:
var bounds = new google.maps.LatLngBounds();
// extend bounds with each point
gmap.fitBounds(bounds);
gmap.setZoom( Math.max(6, gmap.getZoom()) );
这行不通。最后一行“gmap.setZoom()”如果在fitBounds之后直接调用，则不会改变地图的缩放级别。
有没有一种方法来获得缩放级别的边界而不应用到地图?还有其他解决方法吗?
当前回答
我已经多次访问这个页面来获得答案，虽然所有现有的答案都非常有用，但它们并不能完全解决我的问题。
google.maps.event.addListenerOnce(googleMap, 'zoom_changed', function() {
var oldZoom = googleMap.getZoom();
googleMap.setZoom(oldZoom - 1); //Or whatever
});
基本上，我发现“zoom_changed”事件阻止了UI的地图从“跳过”，这发生在我等待“空闲”事件。
希望这能帮助到一些人!
其他回答
如果我没记错的话，我假设你想让你的所有点在地图上以最高的缩放级别可见。我通过将地图的缩放级别初始化为16来实现这一点(不确定它是否是V3上可能的最高缩放级别)。
var map = new google.maps.Map(document.getElementById('map_canvas'), {
zoom: 16,
center: marker_point,
mapTypeId: google.maps.MapTypeId.ROADMAP
});
然后我做了边界的事情:
var bounds = new google.maps.LatLngBounds();
// You can have a loop here of all you marker points
// Begin loop
bounds.extend(marker_point);
// End loop
map.fitBounds(bounds);
结果: 成功!
我用这个来确保缩放级别不超过设置的级别，这样我就知道卫星图像是可用的。
向zoom_changed事件添加一个监听器。 这还可以在UI上控制缩放控制。
只在需要时执行setZoom，因此if语句比Math语句更可取。max或Math.min
google.maps.event.addListener(map, 'zoom_changed', function() {
if ( map.getZoom() > 19 ) {
map.setZoom(19);
}
});
bounds = new google.maps.LatLngBounds( ... your bounds ... )
map.fitBounds(bounds);
为了防止缩小得太远:
google.maps.event.addListener(map, 'zoom_changed', function() {
if ( map.getZoom() < 6 ) {
map.setZoom(6);
}
});
bounds = new google.maps.LatLngBounds( ... your bounds ... )
map.fitBounds(bounds);
我有同样的问题，我能够解决它使用下面的代码。这个监听器(google.maps.addListenerOnce())事件只会在map.fitBounds()执行之后被触发一次。所以，没有必要
跟踪并手动删除侦听器，或者 等待地图空闲。
它最初设置适当的缩放级别，并允许用户放大和缩小超过初始缩放级别，因为事件侦听器已经过期。例如，如果只调用google.maps.addListener()，那么用户将永远无法放大超过指定的缩放级别(在本例中为4)。由于我们实现了google.maps.addListenerOnce()，用户将能够放大到他/她选择的任何级别。
map.fitBounds(bounds);
var zoom_level_for_one_marker = 4;
google.maps.event.addListenerOnce(map, 'bounds_changed', function(event){
if (this.getZoom() >= zoom_level_for_one_marker){
this.setZoom(zoom_level_for_one_marker)
}
});
如果'bounds_changed'没有正确地触发(有时谷歌似乎不完全接受坐标)，那么考虑使用'center_changed'代替。
每次调用fitBounds()时都会触发'center_changed'事件，尽管它会立即运行，而不一定是在地图移动之后。
在正常情况下，'idle'仍然是最好的事件侦听器，但这可能会帮助一些人在调用fitBounds()时遇到奇怪的问题。
参见谷歌maps fitBounds回调
像我一样，如果你不愿意和听众一起玩，这是我想出的一个简单的解决方案: 在地图上添加一个方法，严格按照你的要求工作，像这样:
map.fitLmtdBounds = function(bounds, min, max){
if(bounds.isEmpty()) return;
if(typeof min == "undefined") min = 5;
if(typeof max == "undefined") max = 15;
var tMin = this.minZoom, tMax = this.maxZoom;
this.setOptions({minZoom:min, maxZoom:max});
this.fitBounds(bounds);
this.setOptions({minZoom:tMin, maxZoom:tMax});
}
那么你可以调用map.fitLmtdBounds(bounds)而不是map.fitBounds(bounds)来设置定义的缩放范围下的边界…或者map.fitLmtdBounds(bounds,3,5)来覆盖缩放范围..
