浅谈 SuperMap iClient for Leaflet （三）点位聚散功能

首先跟得跟大家说声抱歉，断更了这么久今天终于把这个给补上

好了进入正题

创建地图我们就不多说了，在以前的文章里面有写，不明白的朋友可以翻回去看一下

点位聚散我所用到的是是PruneCluster.js插件 

重点在这里了

var leafletView = new PruneClusterForLeaflet();

    function jusan() {

      // 声明一个PruneClusterForLeaflet类
      map.removeLayer(leafletView) // 清空图层
      var icon = L.icon({
        iconUrl: 'helicopter.png',
        iconSize: [48, 48]
      });
      var size = 30; // 总共数量
      var markers = []; //点位的数组
      // 循环加载数据
      for (var i = 0; i < size; i++) {
        // 声明marker输入经纬度
        var marker = new PruneCluster.Marker(33.91111 + (Math.random() - 0.5) * 0.1 * size, 114.752778 + (Math.random() -
          0.5) * 0.2 * size);
        // 放到刚才声明的PruneClusterForLeaflet类对象中
        leafletView.RegisterMarker(marker);
      }
      map.addLayer(leafletView);
      leafletView.Cluster._markers.length = 30
      console.log(leafletView)


    }
    jusan()

基本上我们基于Leaflet的问题就到这里了，这只是一些常用的功能

有不足的地方请大家指出，谢谢