我有一组点，我想在嵌入式谷歌地图(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之后直接调用，则不会改变地图的缩放级别。
有没有一种方法来获得缩放级别的边界而不应用到地图?还有其他解决方法吗?
当前回答
对我来说，最简单的解决方法是:
map.fitBounds(bounds);
function set_zoom() {
if(map.getZoom()) {map.setZoom(map.getZoom() - 1);}
else {setTimeout(set_zoom, 5);}
}
setTimeout(set_zoom, 5);
其他回答
编辑:请看下面马特·戴蒙德的评论。
得到它!试试这个:
map.fitBounds(bounds);
var listener = google.maps.event.addListener(map, "idle", function() {
if (map.getZoom() > 16) map.setZoom(16);
google.maps.event.removeListener(listener);
});
根据您的需要进行修改。
我用这个来确保缩放级别不超过设置的级别，这样我就知道卫星图像是可用的。
向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);
计算完边界后，你可以检查左上角和右下角之间的距离;然后你可以通过测试距离来了解缩放级别(如果距离太远，缩放级别会很低)，然后你可以选择是否使用setbound方法或setZoom..
我使用:
gmap.setZoom(24); //this looks a high enough zoom value
gmap.fitBounds(bounds); //now the fitBounds should make the zoom value only less
这将使用较小的24和必要的缩放级别根据你的代码，但它可能会改变缩放无论如何，并不关心你有多少缩小。
对我来说，最简单的解决方法是:
map.fitBounds(bounds);
function set_zoom() {
if(map.getZoom()) {map.setZoom(map.getZoom() - 1);}
else {setTimeout(set_zoom, 5);}
}
setTimeout(set_zoom, 5);
