使用 TomTom Web SDK 创建集群

Question

我正在使用 TomTom 通过以下简单代码在网站上显示地图：

let map = tomtom.L.map('map', {
    key: 'MY_API_KEY',
    source: 'vector',
    basePath: 'public/sdk/tomtom',
    center: mapCenter,
    zoom: 4
});

// then retrieving data from an AJAX call
$.each(data, function (i, v) {
    let marker = tomtom.L.marker([parseFloat(v["lat"]),parseFloat(v["lng"])], {
        icon: tomtom.L.icon({
            iconUrl: 'public/images/' + v['icon'],
            iconSize: [30, 45],
            iconAnchor: [15, 45],
            popupAnchor: [0, -45]
        })
    }).addTo(map);

    marker.bindPopup(v['contentString']);
}

有很多标记要显示，所以我想引入集群，但我只能在 Android SDK 上找到关于集群的文档，而我需要使用 Web SDK 来实现。是否可以使用 web SDK 引入集群？如何？还是不可能？

Answer 1

有一个示例展示了如何做到这一点：https://developer.tomtom.com/maps-sdk-web/functional-examples#markers-clustering

简而言之：不要直接添加到地图 .addTo(map) 尝试：

var markers = tomtom.L.markerClusterGroup();
markers.addLayer(marker);
map.addLayer(markers);

使用 TomTom Web SDK 创建集群

Create clusters with TomTom web SDK

javascript

tomtom