打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
Google Map API教程之如何自动缩放级别(setAutoZoom)

Google Map API教程之如何自动缩放级别(setAutoZoom)

最近花了两晚上的时间写了一个google地图的应用程序,采用了map apiweather apilocalsearch api,我想的是有空写一些关于Google Map API的文章,今天就写一个关于自动缩放地图到合适级别的方法,这里说的自动缩放,指的是地图上已经加入了很多Gmarker点,而这些点任何地方都有,我们为了要它们在地图上能够都显示出来,必须要个Google Map设置一个合适的缩放级别和中心点,这里用的方法是Google Map API的GLatLngBounds

假设我们创建的Google Map对象为gmap = new GMap2(),我们添加所有GMarker都保存在一个名字为markers的数组里,它们的点遍布各地,我们要做的就是要这些点都在地图上显示出来,也就是自动缩放地图(set auto zoom)。

首先我们bounds = new GLatLngBounds();,然后我们使用一个循环把所有的GMarker中的GLatLng对象传给bounds,即:bounds.extend(markers[i].getLatLng()),做完循环之后我们就可以通过以下的代码set auto zoom了:
gmap.setCenter(bounds.getCenter(),gmap.getBoundsZoomLevel(bounds);
结合起来就是下面的setAutoZoom的函数:

function setAutoZoom(gmap,markers){	var i=markers.length,bounds = new GLatLngBounds();	while(i--){		bounds.extend(new GLatLng(markers[i].y,markers[i].x));	}	gmap.setCenter(bounds.getCenter(),gmap.getBoundsZoomLevel(bounds)); }

查看Google Map Api setAutoZoom实例

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
Google Map API使用详解(四)——Google Map基本常识(中)
Google Maps Api介绍与基础操作 | 幼学笔记
WPF使用 Gmap.NET 绘制极坐标运动轨迹
GIS定制开发-GMAP.NET
超有创意的立体感出界照片
绝对创意, 看看你了解几幅原作呢?Out of Bounds
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服