我有一组点，我想在嵌入式谷歌地图(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之后直接调用，则不会改变地图的缩放级别。
有没有一种方法来获得缩放级别的边界而不应用到地图?还有其他解决方法吗?
当前回答
如果我没记错的话，我假设你想让你的所有点在地图上以最高的缩放级别可见。我通过将地图的缩放级别初始化为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);
结果: 成功!
其他回答
如果我没记错的话，我假设你想让你的所有点在地图上以最高的缩放级别可见。我通过将地图的缩放级别初始化为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);
如果'bounds_changed'没有正确地触发(有时谷歌似乎不完全接受坐标)，那么考虑使用'center_changed'代替。
每次调用fitBounds()时都会触发'center_changed'事件，尽管它会立即运行，而不一定是在地图移动之后。
在正常情况下，'idle'仍然是最好的事件侦听器，但这可能会帮助一些人在调用fitBounds()时遇到奇怪的问题。
参见谷歌maps fitBounds回调
有同样的问题，需要适应地图上的许多标记。 这解决了我的问题:
申报范围 koderoid提供的使用方案(用于每个标记集bounds.extend(objLatLng)) 执行fitbounds后映射完成: google.maps.event。addListenerOnce(map， 'idle'， function() { 地图。fitBounds(边界); })；
编辑:请看下面马特·戴蒙德的评论。
得到它!试试这个:
map.fitBounds(bounds);
var listener = google.maps.event.addListener(map, "idle", function() {
if (map.getZoom() > 16) map.setZoom(16);
google.maps.event.removeListener(listener);
});
根据您的需要进行修改。
