Używam mapbox-GL-JS API i używam go reagują, aby utworzyć kilka znaczników niestandardowych w następujący sposób:klastrowania markerów custom HTML z mapbox-GL-js
let div = document.createElement('div');
let marker = new mapboxgl.Marker(div, {
offset: [ -20, 80 ]
});
marker.setLngLat(person.geometry.coordinates);
render(
<MapPersonIcon />,
div,
() => {
marker.addTo(map);
}
);
To działało świetnie. Jednak chciałbym teraz do grupowania tych markerów, tworząc taki sam wpływ na funkcjonalność znalezionego z warstw tj
https://www.mapbox.com/mapbox-gl-js/example/cluster/
Czy ktoś wie, czy jest to możliwe (oby z niestandardowymi klastrów zbyt) lub czy będzie dostępny w nadchodzącym wydaniu?
Kiedy korzystałem z Ulotki, mogłem poruszać się po tym problemie za pomocą css; Nadpisałbym domyślny marker css i użyłbym mojego własnego "obrazu tła" z stylizacją, aby dodać znacznik, i zadziałało naprawdę dobrze. To trochę frustrujące, że nie mogę zrobić tego samego, co przy GL, ponieważ używają one płótna, i dodać "rodzime" obiekty do mapy przez Geojson/Javascript, ale odrzucają dodanie elementów obcych, niestety. Będę musiał przejrzeć kod źródłowy i zobaczyć, jak dodają markery i czy coś oczywistego wyróżnia się i próbować wdrożyć pracę. Dzięki za dochodzenie. –
@AppDevGuy, który byłby ogromnie doceniany !! –
@AppDevGuy Zastanawiam się, jak to działa ... Czy masz gdzieś przykład? – jberculo