CircleLayer

对于显示集群数据，我们有两种推荐的方法，其中使用CircleLayer是其中一种。不同的圆圈颜色可以代表不同的数据范围。例如，蓝色圆圈可以是一百以上个点的集合，红色圆圈是五十个以上，绿色是十个以上。一旦地图被放大到足够大的程度，就只能看到单个的数据点。

SymbolLayer稍微复杂一点，但本质上与上面的CircleLayer实现相同。根据你使用的SymbolLayer图标的形状/大小，您可能需要使用PropertyFactory的 iconTranslate 方法来确定数据计数 SymbolLayer 数字文本在SymbolLayer 集群图标上对齐。不同的图标也可以代表不同的数据范围。例如，第一个图标可以是一百以上个点的集合，第二个图标是五十个以上，第三个是十个以上。一旦地图被放大到足够大的程度，就只能看到单个的数据点。

步骤：

使用 GeoJSON 数据源，并将其作为一个GeoJsonSource添加到 Mapbox 地图中。

mapboxMap.getStyle(new Style.OnStyleLoaded() {
  @Override
  public void onStyleLoaded(@NonNull Style style) {
    try {
      style.addSource(
        new GeoJsonSource("GEOJSON_SOURCE_ID",
          new URI("URL_POINTING_TO_GEOJSON_FILE"),
          new GeoJsonOptions()
            .withCluster(true)
            .withClusterMaxZoom(MAX_ZOOM)
            .withClusterRadius(DESIRED_CLUSTER_RADIUS)
        )
      );
    } catch (URISyntaxException exception) {
      Log.e(TAG, "Check the URL " + exception.getMessage());
    }
  }
});

mapboxMap.getStyle {
    try {
        it.addSource(GeoJsonSource("GEOJSON_SOURCE_ID",
        URI("URL_POINTING_TO_GEOJSON_FILE"),
        GeoJsonOptions()
            .withCluster(true)
            .withClusterMaxZoom(MAX_ZOOM)
            .withClusterRadius(DESIRED_CLUSTER_RADIUS)))
    } catch (exception: URISyntaxException) {
        Log.e(FragmentActivity.TAG, "Check the URL " + exception.message)
    }
}

创建一个SymbolLayer ，放置点不聚集时代表单个数据点的图标。只有当地图的相机离地图足够近时，这些图标才会显示出来。记住，地图缩放值越高，相机的放大程度就越高。和等级 4 相比，等级12时相机离地图更近。
创建尽可能多的SymbolLayer或CircleLayer用于不同的数据范围。你可以设定，红色的圆圈表示有 10-30 个数据点的数据集群，蓝色的圆圈表示有 50 个或更多的数据点的数据集群。数据驱动的样式和Expression筛选器将决定在哪个缩放级别显示哪个集群层。
为隐藏的数据数量文本创建一个SymbolLayer。也就是说，图标/圆圈上出现的数字会告诉用户这个图标/圆圈后面“隐藏”了多少数据点，如果地图被放大，就可以看到这些数据点。不要忘记可以使用运行样式去调整文本的大小、颜色以及其他属性。

mapboxMap.getStyle(new Style.OnStyleLoaded() {
  @Override
  public void onStyleLoaded(@NonNull Style style) {
    SymbolLayer countLayer = new SymbolLayer("SYMBOL_LAYER_COUNT_LAYER_ID", "GEOJSON_SOURCE_ID");
    countLayer.setProperties(
      textField(Expression.toString(get("point_count"))),
      textSize(TEXT_SIZE),
      textColor(TEXT_COLOR),
      textIgnorePlacement(true),
      textAllowOverlap(true)
    );
    style.addLayer(countLayer);
  }
});

mapboxMap.getStyle {
    val countLayer = SymbolLayer("SYMBOL_LAYER_COUNT_LAYER_ID", "GEOJSON_SOURCE_ID")
    countLayer.setProperties(
        textField(Expression.toString(get("point_count"))),
        textSize(TEXT_SIZE),
        textColor(TEXT_COLOR),
        textIgnorePlacement(true),
        textAllowOverlap(true))
 
    it.addLayer(countLayer)
}

你正要离开Mapbox中国网站

你正要离开Mapbox中国网站

数据聚类

CircleLayer

SymbolLayer