点聚合

帮助用户快速实现需要多种接口组合而成的较为复杂的业务场景需求。


使用场景

当地图上需要展示的marker过多,可能会导致界面上marker压盖、性能变差。使用点聚合功能,则可以解决该问题。


使用接口


Android 地图SDK:
接口 说明
TencentMap setOnCameraChangeListener(TencentMap.OnCameraChangeListener onCameraChangeListener) 在地图变换监听接口中添加聚合

Android地图组件库:

ClusterManager:点聚合管理类

接口 说明
ClusterManager setAlgorithm(Algorithm var1) 设置聚合策略
ClusterManager setRenderer(ClusterRenderer var1) 设置聚合渲染器,默认使用的是DefaultClusterRenderer
ClusterManager cluster 重新聚合时调用,如更改聚合配置或刷新地图状态



方法讲解

第一步:为了实现聚合功能,需要对ClusterManager进行初始化

  // 实例化点聚合管理者
        mClusterManager = new ClusterManager<MarkerClusterItem>(this, tencentMap);

        // 默认聚合策略,调用时不必添加,如果需要其他聚合策略可以按以下代码修改
        NonHierarchicalDistanceBasedAlgorithm<MarkerClusterItem> ndba = new NonHierarchicalDistanceBasedAlgorithm<>(this);
        // 设置点聚合生效距离,以dp为单位
        ndba.setMaxDistanceAtZoom(35);
        // 设置策略
        mClusterManager.setAlgorithm(ndba);

        // 设置聚合渲染器,默认使用的是DefaultClusterRenderer,可以不调用下列代码
        DefaultClusterRenderer<MarkerClusterItem> renderer = new DefaultClusterRenderer<>(this, tencentMap, mClusterManager);
        // 设置最小聚合数量,默认为4,这里设置为2,即有2个以上不包括2个marker才会聚合
        renderer.setMinClusterSize(2);
        // 定义聚合的分段,当超过5个不足10个的时候,显示5+,其他分段同理
        renderer.setBuckets(new int[]{5, 10, 20, 50});
        mClusterManager.setRenderer(renderer);

第二步:要使用腾讯地图提供的聚合功能,需要实现 ClusterItem 接口

public class MarkerClusterItem implements ClusterItem {
    private final LatLng mLatLng;

    // 自定义实例化方法
    public MarkerClusterItem(double latitude, double longitude) {
        // TODO Auto-generated constructor stub
        mLatLng = new LatLng(latitude, longitude);
    }

    @Override
    public LatLng getPosition() {
        // TODO Auto-generated method stub
        return mLatLng;
    }
}

第三步:添加聚合数据

List<TencentMapItem> items = new ArrayList<TencentMapItem>();
items.add(new TencentMapItem(39.984059116.307621));
items.add(new TencentMapItem(39.981954116.304703));
items.add(new TencentMapItem(39.984355116.312256));
items.add(new TencentMapItem(39.980442116.315346));
items.add(new TencentMapItem(39.981527116.308994));
items.add(new TencentMapItem(39.979751116.310539));
items.add(new TencentMapItem(39.977252116.305776));
items.add(new TencentMapItem(39.984026116.316419));
items.add(new TencentMapItem(39.976956116.314874));
items.add(new TencentMapItem(39.978501116.311827));
items.add(new TencentMapItem(39.980277116.312814));
items.add(new TencentMapItem(39.980236116.369022));
items.add(new TencentMapItem(39.978838116.368486));
items.add(new TencentMapItem(39.977161116.367488));
items.add(new TencentMapItem(39.915398116.396713));
items.add(new TencentMapItem(39.937645116.455421));
items.add(new TencentMapItem(39.896304116.321182));
items.add(new TencentMapItem(31.254487121.452827));
items.add(new TencentMapItem(31.225133121.485443));
items.add(new TencentMapItem(31.216912121.442528));
items.add(new TencentMapItem(31.251552121.500893));
items.add(new TencentMapItem(31.249204121.455917));
items.add(new TencentMapItem(22.546885114.042892));
items.add(new TencentMapItem(22.538086113.999805));
items.add(new TencentMapItem(22.534756114.082031));
mClusterManager.addItems(items);

第四步:添加聚合

 tencentMap.setOnCameraChangeListener(mClusterManager);

效果图

这篇文章对您解决问题是否有帮助?

已解决
未解决