我有一组点，我想在嵌入式谷歌地图(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);
其他回答
我只是通过提前设置maxZoom来修复这个问题，然后在之后删除它。例如:
map.setOptions({ maxZoom: 15 });
map.fitBounds(bounds);
map.setOptions({ maxZoom: null });
我已经多次访问这个页面来获得答案，虽然所有现有的答案都非常有用，但它们并不能完全解决我的问题。
google.maps.event.addListenerOnce(googleMap, 'zoom_changed', function() {
var oldZoom = googleMap.getZoom();
googleMap.setZoom(oldZoom - 1); //Or whatever
});
基本上，我发现“zoom_changed”事件阻止了UI的地图从“跳过”，这发生在我等待“空闲”事件。
希望这能帮助到一些人!
我用这个来确保缩放级别不超过设置的级别，这样我就知道卫星图像是可用的。
向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);
我在我的一个应用程序中解决了类似的问题。你对问题的描述让我有点困惑，但我认为你的目标和我一样……
在我的应用程序中，我想绘制一个或多个标记，并确保地图显示它们。问题是，如果我只依赖fitBounds方法，那么缩放级别将在只有一个点时达到最大值——这是不好的。
解决方案是当有很多点时使用fitBounds，当只有一个点时使用setCenter+setZoom。
if (pointCount > 1) {
map.fitBounds(mapBounds);
}
else if (pointCount == 1) {
map.setCenter(mapBounds.getCenter());
map.setZoom(14);
}
在这个函数中，您只需要动态添加元数据来存储几何类型，因为该函数接受任何几何。
“fitGeometries”是一个扩展映射对象的JSON函数。
"geometries"是一个通用的javascript数组，而不是MVCArray()。
geometry.metadata = { type: "point" };
var geometries = [geometry];
fitGeometries: function (geometries) {
// go and determine the latLngBounds...
var bounds = new google.maps.LatLngBounds();
for (var i = 0; i < geometries.length; i++) {
var geometry = geometries[i];
switch (geometry.metadata.type)
{
case "point":
var point = geometry.getPosition();
bounds.extend(point);
break;
case "polyline":
case "polygon": // Will only get first path
var path = geometry.getPath();
for (var j = 0; j < path.getLength(); j++) {
var point = path.getAt(j);
bounds.extend(point);
}
break;
}
}
this.getMap().fitBounds(bounds);
},
