百度地图加载海量点

2025-05-22 10:56:53

1、注册百度地图开放平台,在控制台内创建应用,申请ak。

百度地图加载海量点

3、在新建的页面添加一个div元素,用作百度地图实例化的容器。<div id="map"></div>

百度地图加载海量点

5、添加海量点生成方法,并添加到地图上。本文采用随机生成的点。 // 随机1000个坐标点 funct足毂忍珩ion theLocation() { map.clearOverlays(); for (var i = 0; i < 1000; i++) { var new_point = new BMap.Point(a + getRandom(), b + getRandom()); points.push(new_point); } var options = { size: BMAP_POINT_SIZE_SMALL, shape: BMAP_POINT_SHAPE_STAR,//点样式 color: '#d340c3' } console.log(points); var pointCollection = new BMap.PointCollection(points, options); // 初始化PointCollection pointCollection.addEventListener('click', function (e) { alert('单击点的坐标为:' + e.point.lng + ',' + e.point.lat); // 监听点击事件 }); map.addOverlay(pointCollection); // 添加Overlay } function getRandom() { return Math.random() / 2; }

百度地图加载海量点

7、保存代码,运行页面,实际效果如图:

百度地图加载海量点
声明:本网站引用、摘录或转载内容仅供网站访问者交流或参考,不代表本站立场,如存在版权或非法内容,请联系站长删除,联系邮箱:site.kefu@qq.com。
相关推荐
  • 阅读量:46
  • 阅读量:89
  • 阅读量:59
  • 阅读量:62
  • 阅读量:95
  • 猜你喜欢