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创建集群

1 个答案: