Я использую Deck.gl для отображения небольшого маркера на карте Mapbox. Но когда я перетаскиваю значок, карта также перемещается. Как сделать так, чтобы карта не двигалась во время перетаскивания объекта слоя?
Экземпляр карты
<DeckGL
initialViewState={{
longitude: viewport.longitude,
latitude: viewport.latitude,
zoom: viewport.zoom,
}}
height={viewport.height}
width={viewport.width}
layers={layers}
controller
>
<ReactMapGL
mapStyle="mapbox://styles/mapbox/dark-v9"
mapboxApiAccessToken={
process.env.REACT_APP_MAPBOX_TOKEN
}
/>
</DeckGL>
Слой
const layerIcon = new ScatterplotLayer({
id: 'scatter-layer',
data: [
{
coordinates: [coordinates[0], coordinates[1]],
color: [44, 100, 255],
},
],
opacity: 0.9,
filled: true,
radiusMinPixels: 15,
getPosition: d => d.coordinates,
getFillColor: d => d.color,
onDrag: event => setCoordinates(event.lngLat),
pickable: true,
parameters: {
[LumaGL.DEPTH_TEST]: false,
[LumaGL.BLEND]: true,
[LumaGL.BLEND_DST_RGB]: LumaGL.ONE,
[LumaGL.BLEND_EQUATION]: LumaGL.FUNC_ADD,
},
});