关于百度地图API显示地区范围控制的问题
来源:互联网 发布:超人幻想 知乎 编辑:程序博客网 时间:2024/05/29 21:17
关于百度地图API显示地区范围控制的问题,这个有很多种方法,需要看个人需求下面列举两种方法
1.假如我只想在
加载地图的时候显示郑州市所包含的范围,其他地方屏蔽掉,或者不让拖拽(如有图所示)
2.
控制区域范围,比如我只想显示北京市,只能在北京市内拖曳——地图控制在某一区域,具体实现
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<style type="text/css">
body, html, #allmap {
width: 100%;
height: 100%;
overflow: hidden;
margin: 0;
font-family: "微软雅黑";
}
</style>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"></script>
<title>地图展示</title>
</head>
<body>
<div id="allmap"></div>
</body>
</html>
<script type="text/javascript">
// 百度地图API功能
//var map = new BMap.Map("allmap"); // 创建Map实例
//map.centerAndZoom(new BMap.Point(116.404, 39.915), 15); // 初始化地图,设置中心点坐标和地图级别
var map = new BMap.Map("allmap");
map.centerAndZoom(new BMap.Point(116.404, 39.915), 13);
map.enableScrollWheelZoom(); // 允许滚动
map.addControl(new BMap.MapTypeControl()); //添加地图类型控件
//控制地图的最大和最小缩放级别
map.setMinZoom(16);
map.setMaxZoom(18);
map.enableScrollWheelZoom(true); //开启鼠标滚轮缩放
var strictBounds=new Bmap.Bounds(new BMap.Point(116.3645,39.9673),new BMap.Point(116.3646,39.9685));//sw西南,ne东北
var strictBounds=map.getBounds();
map.addEventListener("dragend", function(){
if(strictBounds.containsPoint(map.getCenter()))return;
var c=map.getCenter();
x=c.lng,
y=c.lat,
maxX=strictBounds.getNorthEast().lng,
maxY=strictBounds.getNorthEast().lat,
minX=strictBounds.getSouthWest().lng,
minY=strictBounds.getSouthWest().lat;
if (x < minX) x = minX;
if (x > maxX) x = maxX;
if (y < minY) y = minY;
if (y > maxY) y = maxY;
map.centerAndZoom(new BMap.Point(x,y),map.getZoom());
})
</script>
- 关于百度地图API显示地区范围控制的问题
- 如何控制百度地图的显示范围 ios软件开发
- 百度地图显示指定范围的地图
- 关于百度地图api的key问题
- 百度地图 显示在一定的范围
- 关于百度地图api测距显示NaN的解决方案
- 控制地图显示范围的参数
- 关于android 百度地图api 不能实时刷新的问题
- 关于android 百度地图api 不能实时刷新的问题
- IOS8 关于百度地图API的一些问题
- 百度地图API android studio中不显示地图只显示网格线的问题
- 关于百度地图API定位问题
- 关于百度地图打正式包时不显示的问题
- android关于百度地图显示网格问题
- 关于百度地图的问题
- 关于百度API地图的引用
- 关于百度地图api的阶段总结
- 关于百度地图api的使用心得
- Bootstrap 自适应窗口
- python修改操作系统时间的方法
- GPU&VS2012&CUDA&matlab&Arrayfire杂记(二)——matlab
- 工作中遇到的问题
- Spring boot(4)-应用打包部署
- 关于百度地图API显示地区范围控制的问题
- 重建二叉树
- 60 IO流类库(二)
- linux ping不通外网unknown host xxxxx解决方法
- 查看MariaDB(MYSQL)数据库中用户及其拥有权限
- 在线数据迁移经验:如何为正在飞行的飞机更换引擎
- Tricks(二十一)—— 随机数
- Inventor API: 2017版本支持3D PDF
- SQL server 2005安装详记