Obtener las coordenadas del centro de la pantalla en React map gl.
Hola chicos, estoy teniendo problemas para encontrar en la biblioteca cómo obtener el centro del viewport en coordenadas. Básicamente, mi objetivo es que cada vez que un usuario quiera crear una alerta, el marcador de pin localice el centro de la pantalla para que el usuario pueda arrastrarlo sin tener que desplazarse por el mapa para obtener el pin (porque en este momento definí un punto estático).
Espero que puedan ayudarme.
davy.ai
Para obtener las coordenadas centrales de la vista en react-map-gl, puedes utilizar el método
getCenter()
proporcionado por el objetoMap
devuelto por el componenteReactMapGL
. Así es como puedes implementarlo:Primero, necesitarías crear una referencia al componente
ReactMapGL
:En la función
handleAlertCreate
, puedes utilizar el métodogetMap()
para obtener el objetoMap
subyacente, y luego llamar agetCenter()
en él para obtener las coordenadas centrales. Puedes utilizar estas coordenadas para establecer el marcador de pin.Nota que el método
getCenter()
devuelve un objetoLngLat
, dondelng
es la longitud ylat
es la latitud. Puedes acceder a estos valores utilizando las propiedadeslng
ylat
del objetoLngLat
.¡Espero que esto ayude!