vue结合百度地图实现海量点

方法调用

getNewmap(mapFlag) {
      this.map0.clearOverlays()
      var points = []
      var options = {
        size: BMAP_POINT_SIZE_TINY,
        // color: '#00FF39',
        color: 'rgba(255, 77, 77, 1)',
      }
      for (var i = 0; i < mapFlag.length; i++) {
       points.push(new BMap.Point(mapFlag[i].endLng, mapFlag[i].endLat))
      }
      var pointCollection = new BMap.PointCollection(points, options) // 初始化PointCollection
      this.map0.addOverlay(pointCollection) // 添加Overlay
  },

知识扩展

尺寸参数:
1 = BMAP_POINT_SIZE_TINY 2px*2px
2 = BMAP_POINT_SIZE_SMALLER 4px*4px
3 = BMAP_POINT_SIZE_SMALL 8px*8px
4 = BMAP_POINT_SIZE_NORMAL 10px*10px 默认值
5 = BMAP_POINT_SIZE_BIG 16px*16px
6 = BMAP_POINT_SIZE_BIGGER 20px*20px
7 = BMAP_POINT_SIZE_HUGE 30px*30px

形状参数:
1 = BMAP_POINT_SHAPE_CIRCLE 圆形 默认值
2 = BMAP_POINT_SHAPE_STAR 星形
3 = BMAP_POINT_SHAPE_SQUARE 方形
4 = BMAP_POINT_SHAPE_RHOMBUS 菱形
5 = BMAP_POINT_SHAPE_WATERDROP水滴
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容