自动缩放和自动居中显示窗口中的所有标记
auto zoom and auto center to show all markers in window
我使用谷歌地图来显示使用标记的位置。我正在传递一个要初始化()的位置数组。我想设置自动缩放和自动居中以进行映射,使所有标记都可见。地图应采用缩放值,以便一次可以看到所有标记。这是我的代码:
function initialize(arr) {
var myOptions = {
zoom:13,
center: arr[0],
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById("map-canvas"), myOptions);
route = new google.maps.Polyline({
path: arr,
map:map
});
i=0;
interval = setInterval(function() {
if(i<=arr.length)
{
marker = new google.maps.Marker({
position: arr[i],
map: map
});
i++;
}//if
else if(i>arr.length){
window.clearInterval(interval);
}//else if
},1000);//interval
} //initialize
我有下面的代码,但没有得到如何和在哪里使用它。
var latlngbounds = new google.maps.LatLngBounds();
for (var i = 0; i < latlng.length; i++) {
latlngbounds.extend(latlng[i]);
}
map.setCenter(latlngbounds.getCenter(), map.getBoundsZoomLevel(latlngbounds));
从您的问题来看,您似乎使用了多个标记,并且希望设置缩放级别。
如果是这样,我的建议是查看fitBounds()
。
fitBounds() 方法调整贴图的视口以查看在地图中心完整地通过了LatLngBounds。
查看此示例fiddle进行演示。
相关文章:
- 为什么缩放按钮不会显示在照片擦除中
- 未注释img´除非调整浏览器大小、缩放或打开开发工具,否则不会显示
- ArcGIS Javascript-缩放以显示所有点
- 谷歌地图漏洞?显示的标记会根据缩放级别而更改
- 网页调整缩放显示
- Jquery:缩放后的图像未正确显示
- 传单,着色矢量,同时仅在特定缩放级别显示它们
- 在某些缩放级别不显示数据的图表
- 仅在缩放级别 15 谷歌地图 API v3 上显示标记
- 当缩放级别为 1 时,谷歌地图显示 kml(内部是图像 URL)不正确
- 显示图形点的平均值,随着用户缩放而动态修正
- 如何缩放 html5 画布以显示谷歌地图坐标
- 谷歌地图区域突出显示和适当的缩放“近似”区域
- 防止显示.js缩放
- 如何在传单中显示超出特定缩放级别的标签
- 突出显示如何在单击重置缩放按钮事件中捕获和插入逻辑
- 如何在openlayers上显示缩放级别(仅限js/html文件)
- 窗口.打开一个图像并显示缩放
- Opera mini 6显示缩放视图(与移动视图on选项相同)
- Fabricjs:如何显示缩放后的对象大小