大家好,我是小房,我来为大家解答以上问题。地图如何标记多个地点,地图怎么标记多个地点很多人还不知道,现在让我们一起来看看吧!
1、引入JQuery库 $(document).ready(function () { var map = new BMap.Map("container");//存放地图的DIV var point = new BMap.Point(Y坐标,X坐标); //创建一个点(Y,X) map.enableScrollWheelZoom(); //允许鼠标滚轮控制缩放 map.addControl(new BMap.NavigationControl()); //添加平移控件 map.addControl(new BMap.ScaleControl()); //比例尺控件 map.addControl(new BMap.OverviewMapControl()); //缩略地图控件 map.addControl(new BMap.MapTypeControl()); //地图类型控件 map.centerAndZoom(point, 13); var opts = { width: 250, // 信息窗口宽度 height: 40, // 信息窗口高度 title: "多标注测试" // 信息窗口标题 } // 编写自定义函数,创建标注 function addMarker(point,v) { var marker = new BMap.Marker(point); var infoWindow = new BMap.InfoWindow("<a href="">这是第"+v+"个</a>", opts); // 创建信息窗口对象 marker.infoWindow = infoWindow; marker.addEventListener("click", function () { this.openInfoWindow(infoWindow); // 打开信息窗口 }); map.addOverlay(marker); } //标注数组我这里采用JSON格式 var list=[{X:"154515",Y:"51516",name:"你好1"},{X:"154515",Y:"51516",name:"你好2"}]; $.each(list, function (k,v) { var point = new BMap.Point(v.Y,v.X); addMarker(point,v);//添加标注 }); });。
本文到此讲解完毕了,希望对大家有帮助。
免责声明:本文由用户上传,如有侵权请联系删除!版权声明:本站所有资料均为网友推荐收集整理而来,仅供学习和研究交流使用。
工作时间:8:00-18:00
客服电话
电子邮件
扫码二维码
获取最新动态