我有一组点，我想在嵌入式谷歌地图(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之后直接调用，则不会改变地图的缩放级别。
有没有一种方法来获得缩放级别的边界而不应用到地图?还有其他解决方法吗?
当前回答
我用这个来确保缩放级别不超过设置的级别，这样我就知道卫星图像是可用的。
向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);
其他回答
有同样的问题，需要适应地图上的许多标记。 这解决了我的问题:
申报范围 koderoid提供的使用方案(用于每个标记集bounds.extend(objLatLng)) 执行fitbounds后映射完成: google.maps.event。addListenerOnce(map， 'idle'， function() { 地图。fitBounds(边界); })；
我已经找到了一个解决方案，在调用fitBounds之前进行检查，这样你就不会放大，然后突然缩小
var bounds = new google.maps.LatLngBounds();
// extend bounds with each point
var minLatSpan = 0.001;
if (bounds.toSpan().lat() > minLatSpan) {
gmap.fitBounds(bounds);
} else {
gmap.setCenter(bounds.getCenter());
gmap.setZoom(16);
}
您必须对minLatSpan变量进行一些操作，以使其达到您想要的位置。它将根据缩放级别和地图画布的尺寸而变化。
你也可以用经度来代替纬度
我使用:
gmap.setZoom(24); //this looks a high enough zoom value
gmap.fitBounds(bounds); //now the fitBounds should make the zoom value only less
这将使用较小的24和必要的缩放级别根据你的代码，但它可能会改变缩放无论如何，并不关心你有多少缩小。
如果我没记错的话，我假设你想让你的所有点在地图上以最高的缩放级别可见。我通过将地图的缩放级别初始化为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);
结果: 成功!
编辑:请看下面马特·戴蒙德的评论。
得到它!试试这个:
map.fitBounds(bounds);
var listener = google.maps.event.addListener(map, "idle", function() {
if (map.getZoom() > 16) map.setZoom(16);
google.maps.event.removeListener(listener);
});
根据您的需要进行修改。
