<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>自动调整视野</title> <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.4"></script> </head> <body> <div style="width:800px;height:400px;border:1px solid gray" id="container"></div> </body> </html> <script type="text/javascript"> var map = new BMap.Map("container"); //地图容器 var points = [ //创建7个点 new BMap.Point(116.401801,39.912114), new BMap.Point(116.402802,39.912225), new BMap.Point(116.403803,39.912336), new BMap.Point(116.404804,39.912447), new BMap.Point(116.405805,39.912558), new BMap.Point(116.406806,39.912669), new BMap.Point(116.407804,39.912123) ]; var marker1 = new BMap.Marker(points[0]); //创建7个标注 var marker2 = new BMap.Marker(points[1]); var marker3 = new BMap.Marker(points[2]); var marker4 = new BMap.Marker(points[3]); var marker5 = new BMap.Marker(points[4]); var marker6 = new BMap.Marker(points[5]); var marker7 = new BMap.Marker(points[6]); map.addOverlay(marker1); //显示7个标注 map.addOverlay(marker2); map.addOverlay(marker3); map.addOverlay(marker4); map.addOverlay(marker5); map.addOverlay(marker6); map.addOverlay(marker7); map.centerAndZoom(points[6], 16); // 初始化地图,设置中心点坐标和地图级别 map.addControl(new BMap.NavigationControl()); //为地图添加鱼骨 var label = new BMap.Label("点击这个标注,展现7个标注的最佳视野",{position : points[6], offset: new BMap.Size(3,-6)}); //定义一个文字标签,注意1.2请用position map.addOverlay(label); marker7.addEventListener("click",function(){ //为marker7添加事件 map.setViewport(points); }); </script>
相关推荐
实现了百度地图自定义标注,标注可以定义自己想要的图片。达到了和百度marker点击后弹出信息窗口的效果,里面有例子,和相应的图片共大家学习。
百度地图标注api在地图上选择地址后获取地址和坐标,在marker标注上添加注释在百度地图容器中创建一个地图将地址解析结果显示在地图上,并调整地图视野/启用地图拖拽事件,默认启用(可不写)启用地图滚轮放大缩小启用...
百度地图在范围内标注点
基于JDBC从数据库中读取数据,在百度地图批量标注地点例程
百度地图循环实现标注及定时不规则显示标注。
百度地图的标注管理器。多marker的管理,更高效、解析更快。 基于Baidu Map API 1.2 。
利用百度地图sdk实现在当前位置xx米范围内进行标注,超出范围无法标注的demo.
百度地图点击标注,弹出窗口
百度地图范围内标注
百度地图搜索+标注点
因公司做公众号上用到了 百度地图 遇到了只能标注10个 之后的解决方案
百度地图显示多个标注点 http://blog.csdn.net/a497785609/article/details/24009031
百度地图标注数据量不大,希望直接读取excle生成标注;同时会有修改、编辑的需求。 项目分析 项目的没有难点,只有复杂度。如果是将标注信息固定在json或js文件中,即可实现;但是对于非编程人员,进行修改或者编辑...
百度地图的添加标注工具类,对外开放。 允许用户在地图上点击后添加一个点标注,允许用户设定标注的图标样式。 主入口类是MarkerTool, 基于Baidu Map API 1.2。
百度地图JavaScript API初始化地图创建标注
android 百度地图开发 在地图上用已知经纬度标记一个 标注
AE二次开发经常遇到的地图标注的显示或隐藏
百度地图的添加标注工具类,对外开放。 允许用户在地图上点击后添加一个点标注,允许用户设定标注的图标样式。 主入口类是MarkerTool, 基于Baidu Map API 1.2。
jquery百度地图api标注联系地址名称电话代码