Кликабельные точки в отдельном слое Mapbox на React Native - PullRequest
Новая
       45

Кликабельные точки в отдельном слое Mapbox на React Native

0 голосов
/ 19 ноября 2018

Я уже некоторое время пытаюсь отобразить стиль, созданный в Mapbox Studio, поверх стиля Mapbox по умолчанию.Настройка styleURL всего MapView работает, но не позволяет мне специально нацеливать мои точки: <Mapbox.MapView styleURL={'mapbox://...'} />.

Я подумал, что мне может понадобиться либо VectorSourceили SymbolLayer или их смесь, но я не могу расшифровать их документацию.

Screenshot of Mapbox Studio

Вот мой текущийкод, в котором я пытался использовать ShapeSource и SymbolLayer / CircleLayer.Причина, по которой у меня есть sourceLayerID как sitesMarker и sitesDot , заключается в том, что они названы так в моем стиле (см. Изображение выше).Приведенный ниже код не показывает ничего, кроме стиля карты по умолчанию из Mapbox (MapboxGL.StyleURL.Dark). 

<MapboxGL.MapView style={{ flex: 1 }} styleURL={MapboxGL.StyleURL.Dark}>
    <MapboxGL.ShapeSource id="myShapeSource" url="mapbox://styles/{abc}/{123}"> 
        <MapboxGL.SymbolLayer id="myShapeLayer" sourceLayerID="sitesMarker" />
        <MapboxGL.CircleLayer id="myCircleLayer" sourceLayerID="sitesDot" />
    </MapboxGL.ShapeSource>
</MapboxGL.MapView>

Моя цель - получить свойства точек onPress и в конечном итоге отобразитьаннотации в связи с маркером и т. д. и т. д. Как поступить?Спасибо!

...