Как установить параметры уменьшения с помощью кластеров Mapbox?

Я POC-кластеры с Mabpox-gl-js v0.45.

Я хотел бы настроить свойства моего кластера (фактические значения по умолчанию - point_count и point_count_abbreviated). Каждый из моих точек (по одному для каждого города) имеет свойство поверхности (целое число), которое я хочу суммировать, когда точки кластеризованы.

Я вижу в источниках mapbox ссылку на функцию уменьшения для вычисления пользовательских свойств:

SuperCluster.prototype = {
    options: {
        minZoom: 0,   // min zoom to generate clusters on
        // .....
        log: false,   // whether to log timing info

        // a reduce function for calculating custom cluster properties
        reduce: null, // function (accumulated, props) { accumulated.sum += props.sum; }

        // initial properties of a cluster (before running the reducer)
        initial: function () { return {}; }, // function () { return {sum: 0}; },

        // properties to use for individual points when running the reducer
        map: function (props) { return props; } // function (props) { return {sum: props.my_value}; },
    },

Но я не вижу упоминания об этом в документации. Как установить эти параметры?

Похоже, что Mapbox не публикует этот интерфейс (см. Документацию по кластеру), и никаких упоминаний в этом случае не приводится:

map.addSource("earthquakes", {
    type: "geojson",
    // Point to GeoJSON data. This example visualizes all M1.0+ earthquakes
    // from 12/22/15 to 1/21/16 as logged by USGS' Earthquake hazards program.
    data: "/mapbox-gl-js/assets/earthquakes.geojson",
    cluster: true,
    clusterMaxZoom: 14, // Max zoom to cluster points on
    clusterRadius: 50 // Radius of each cluster when clustering points (defaults to 50)
});

Ответ 1

Кто-то дал мне обходной путь: не используйте встроенный supecluster, но создайте свой собственный и используйте его как источник:

var myCluster = supercluster({
    radius: 40,
    maxZoom: 16,
    reduce: function(p) { /* I can use reduce/map/... functions! */ }
});

// My clustered source is created without Mapbox clusters since I managed my clusters outside Mapbox library.
map.addSource("earthquakes", {
    type: "geojson",
    data : {
      "type" : "FeatureCollection",
      "features" : []
    }
});

function loadRemoteGeoJson() {
    var features
    // Do what you want, when you want to retrieve remote features...
    // ...
    // In the end set features into your supercluster
    myCluster.load(features)
    pushClusterIntoMapbox(map)
}

// Function to call when you load remote data AND when you zoom in or out !
function pushClusterIntoMapbox(map) {
  // I maybe should be bounded here...
  var clusters = myCluster.getClusters([ -180.0000, -90.0000, 180.0000, 90.0000 ], Math
      .floor(map.getZoom()))

  // My colleague advice me to use http://turfjs.org as helper but I think it quite optionnal
  var features = turf.featureCollection(clusters)
  map.getSource("earthquakes").setData(features)
}

Ответ 2

Похоже, что это работает как регулярное сокращение. Он будет называться по одному для каждой точки и позволяет использовать свойства этой точки для создания свойств для всего кластера.

Поэтому, если вы определите свое сокращение, как это;

supercluster({
  reduce: (clusterProps, pointProps) => {
    clusterProps.sum += pointProps.surface;
  }
});

Тогда свойство sum на кластере будет представлять собой сумму всех свойств surface на точках.