腾讯地图关于限制地图的显示范围和缩放级别总结

这个可以在初始化地图的时候使用(有误求指出)

 // 先声明地图需要的变量
 var searchService,markers = [],lables = [],markerIndex=0,map,circles = [];
 //初始化地图函数  自定义函数名init
 function initMap(con) {
     //定义map变量 调用 qq.maps.Map() 构造函数   获取地图显示容器
     //center1为地图的中心点
     var center1 = new qq.maps.LatLng(xxx,yyy);

     //ne表示northeast东北方向的点,sw表示southwest西南方向的点
     var ne = new qq.maps.LatLng(31.156408,123.376465);
     var sw = new qq.maps.LatLng(26.125850,116.499023);

     map = new qq.maps.Map(document.getElementById(con), {
         center: center1,
         //minZoom设置地图最小的缩放级别
         //maxZoom设置地图最大的缩放级别
         minZoom:8,
         //boundary用来控制地图显示的范围
         //new qq.maps.LatLngBounds(southwest,northeast)
         boundary:new qq.maps.LatLngBounds(sw,ne);
         //zoom为地图目前的缩放级别
         zoom:9
     });

     //调用Poi检索类
     searchService = new qq.maps.SearchService({
         map:map
     });

        ...
  }

总结:

1.限制地图的显示范围

一般导入地图之后,通过拖拽或者放大,能看到全世界。

如果想控制地图的范围,让地图即使进行拖拽或者缩放,显示的范围也是固定,

那么就要设置boundary值。(northeast:东北方向的点,southwest:西南方向的点)

...
boundary:new qq.maps.LatLngBounds(southwest,northeast)
...

2.限制缩放级别

通过设置minZoom(地图最小的缩放级别)和maxZoom(地图最大的缩放级别),

来控制地图的缩放。

时间: 2024-10-07 01:53:47

腾讯地图关于限制地图的显示范围和缩放级别总结的相关文章

提供一个谷歌(腾讯)、百度地图纠偏数据库

转载请说明出处:http://blog.csdn.net/cywosp/article/details/27095723 <黑天鹅--如何应对不可预知的未来> 作者:纳西姆?尼古拉斯?塔勒布 关于黑天鹅 在发现澳大利亚黑天鹅之前,所有欧洲人都确信天鹅全部都是白色的,人们在经过上百万次的确定性观察白天鹅之后得到了这一结论,而且一直延续了上千年,直到黑天鹅的出现,从而将这一结论完全打破.通过黑白天鹅的现象说明我们通过观察或经验获得的知识具有严重的局限性和脆弱性,仅仅一次的完全不同的发现就足以颠覆根

百度地图API一:根据标注点坐标范围计算显示缩放级别zoom自适应显示地图

百度地图中根据页面中的point,自动设置缩放级别和视图中心,将所有的point在视图范围内展示. var points = [point1, point2,point3]; var view = map.getViewport(eval(points)); var mapZoom = view.zoom; var centerPoint = view.center; map.centerAndZoom(centerPoint,mapZoom);

Android地图开发之地图的选择

做lbs开发差不多快2年了,地图相关的产品也差不多做了3个了,用到过的地图包括google地图.高德地图.百度地图.图吧.Osmdroid,今天总结下,方便大家开发时选择合适的地图. 首先说定位模块选择,高德地图.百度地图现在都有了单独的地位sdk,且都支持全球定位,都是非常不错的选择.我现在做的项目对定位要求很高,现在的选择是gps定位使用系统定位方式,基站定位使用百度定位,gps连接成功使用系统定位接口,gps断开切换到百度基站定位. gps定位,百度和高德都用过,但是测试发现没有同类产品统

百度地图API自定义地图

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Typ

百度、高德开撕地图,手机地图第一争霸背后的阳谋

百度更多是C端用户使用频率更高,高德在B端用途更大,地图争霸,目标却是O2O 文/张书乐 这个周末,地图行业第一之争的舆论战打得火热.此次口水战的起源是高德单方面宣称"已成为行业第一",隔空喊话百度地图"不服来战",并宣称将允许第三方数据公司QuestMobile监测验证.百度地图第一时间发文回应,甩出三家权威机构数据和用户评测结果,吊打高德数据"掺水".不过,高德并未消停,仍放话坚持用第三方数据说话.面对友商如是挑衅,百度地图官方再度强势回应,

百度地图、高德地图的数据从哪里得到的?[声明我只是此文章的搬运工,从百度知道复制来的]

要说数据来源,首先得对地图数据做一个分类,因为不同分类的数据,其来源,采集方法都是有大不同的. 要明白地图的数据分类,必须先理解一个概念,就是地图图层的概念: 如上图,电子地图对我们实际空间的表达,事实上是通过不同的图层去描述,然后通过图层叠加显示来进行表达的过程. 对于我们地图应用目标的不同,叠加的图层也是不同的,用以展示我们针对目标所需要信息内容. 其次呢,我引入一下矢量模型和栅格模型的概念,GIS(电子地图)采用两种不同的数学模型来对现实世界进行模拟: 矢量模型:同多X,Y(或者X,Y,Z

百度地图、高德地图的数据从哪里得到的?

要说数据来源,首先得对地图数据做一个分类,因为不同分类的数据,其来源,采集方法都是有大不同的. 要明白地图的数据分类,必须先理解一个概念,就是地图图层的概念:        如上图,电子地图对我们实际空间的表达,事实上是通过不同的图层去描述,然后通过图层叠加显示来进行表达的过程. 对于我们地图应用目标的不同,叠加的图层也是不同的,用以展示我们针对目标所需要信息内容. 其次呢,我引入一下矢量模型和栅格模型的概念,GIS(电子地图)采用两种不同的数学模型来对现实世界进行模拟: 矢量模型:同多X,Y(

【Android】高德地图 缩放级别及像素以及地图上的点转化成屏幕上的点

/** * 调节地图到正好放置查询范围的所有点 * @param centerLatLng 中心点 * @param range 查询范围(米) */  private void adjustCamera(LatLng centerLatLng,int range) {  //http://www.eoeandroid.com/blog-1107295-47621.html //当前缩放级别下的比例尺  //"每像素代表" + scale + "米" float s

微信JS-SDK之地理位置的获取与在线导航,集成百度地图实现在线地图搜索

原创声明:本文来源于本人另一博客[微信JS-SDK之地理位置的获取,集成百度地图实现在线地图搜索]原创作品,绝非他处摘取,转载请联系博主 本次讲解微信开发第三篇:获取用户地址位置信息,是非常常用的功能,特别是服务行业公众号,尤为需要该功能,本次讲解的就是如何调用微信JS-SDK接口,获取用户位置信息,并结合百度地铁,实现在线地图搜索,与在线导航. 官方文档地址:https://mp.weixin.qq.com/wiki/7/aaa137b55fb2e0456bf8dd9148dd613f.htm