地图如何标记多个地点(地图怎么标记多个地点)

 2024-01-04  阅读 13  评论 0

摘要:大家好,我是小房,我来为大家解答以上问题。地图如何标记多个地点,地图怎么标记多个地点很多人还不知道,现在让我们一起来看看吧!1、引入JQuery库 $(document).ready(function () {    var map = new BMap.Map("container");//存放地图的DIV    var point = new BMap.Point(Y坐标,X坐标); //创建

大家好,我是小房,我来为大家解答以上问题。地图如何标记多个地点,地图怎么标记多个地点很多人还不知道,现在让我们一起来看看吧!

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);//添加标注    });    });。

本文到此讲解完毕了,希望对大家有帮助。

免责声明:本文由用户上传,如有侵权请联系删除!

版权声明:本站所有资料均为网友推荐收集整理而来,仅供学习和研究交流使用。

原文链接:https://www.sast-sy.com/eabf4BD0CBg1UVgQK.html

发表评论:

管理员

  • 内容1434378
  • 积分0
  • 金币0

Copyright © 2022 四叶百科网 Inc. 保留所有权利。 Powered by ZFCMS 1.1.2

页面耗时0.0356秒, 内存占用1.72 MB, 访问数据库18次

粤ICP备21035477号