2016-08-17 14 views
5

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); 
      } 
     ); 

result

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/

clusters

Czy ktoś wie, czy jest to możliwe (oby z niestandardowymi klastrów zbyt) lub czy będzie dostępny w nadchodzącym wydaniu?

Odpowiedz

1

Odpowiadając na własne pytanie:

Na obecny wydaje się, że nie jest to możliwe, jak na mapbox za github: enter image description here

Jeśli chcesz klastra swoje znaczniki trzeba będzie użyć mapbox rodzimego maki ikony (patrz powyższy przykładowy obrazek: & URL), dopóki wtyczka nie będzie dostępna dla niestandardowych znaczników HTML.

+2

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. –

+1

@AppDevGuy, który byłby ogromnie doceniany !! –

+0

@AppDevGuy Zastanawiam się, jak to działa ... Czy masz gdzieś przykład? – jberculo