1

Lo que pretendo hacer es obtener mi ubicación y la otra ubicación de un lugar estatico dentro de google maps, Lo que pretendo hacer es cuando mi ubicación se encuentre dentro de esa radio me mande un mensaje que estoy en ese lugar. Alguien sabe algun metodo que me facilite este trabajo?

2 respuestas 2

2

GeoLocation.watchPosition

Para interactuar con la posición de una persona se usa el api GeoLocation de HTML5.

Específicamente, para mantenerse monitoreando una posición, se usa el método watchPosition, cuyan disponibilidad debieras verificar en el browser, pero hoy en día casi todos cumplen.

Al invocarlo te pedirá permiso para saber tu posición

  navigator.geolocation.watchPosition(
    pos => {
      let {coords: {latitude, longitude} = {}} = pos;
      console.log({latitude, longitude});
    },
    err => {
      console.warn('Error en el localizador',err);
    },
    {timeout: 30000, maximumAge: 60000}
  );

El error se gatillará cuando se agote el timeout, cuando la persona te niegue el acceso a su ubicación (o bien los headers del sitio bloqueen el permiso por Feature Policy)

Las opciones como timeout y maximumAge están documentadas en PositionOptions

Si tu idea es monitorear hasta que la persona llegue a un sector, no querrás seguir alertándolo una vez que entró en él, así que tienes que pensar en una manera de quitar el watcher.

Para eso, cuando declaras el watcher obtienes un ID, que puedes usar para "matarlo" cuando ya haya cumplido su labor.

let listenerId;

listenerId = navigator.geolocation.watchPosition(...);

// Cuando ya no lo quiero tener escuchando
navigator.geolocation.clearWatch(listenerId);

Combinándolo con Google Maps

Google tiene una librería de funciones geométricas que puedes pedir como extra cuando incluyes la librería: (donde dice libraries=geometry)

<script src="https://maps.googleapis.com/maps/api/js?v=quarterly&libraries=geometry&key=<tu_key>"></script>

Con esa librería en el espacio de nombres, tienes acceso a la función computeDistanceBetween

google.maps.geometry.spherical.computeDistanceBetween(puntoA,puntoB)

Uno de tus puntos es fijo. Digamos que tiene latitud 20 y longitud 30:

const puntoFijo = new google.maps.Latlng(20,30);

Entonces ahora, cuando el watchPosition te responda, haces la verificación:

let listenerId;

listenerId = navigator.geolocation.watchPosition(
 pos => {
   let {coords: {latitude, longitude} = {}} = pos,
   actual = new google.maps.Latlng(latitude,longitude),
   distancia = google.maps.geometry.spherical.computeDistanceBetween(puntoFijo,actual);
   if(distancia<1000) { // 1km
     alert('estás a menos de un kilómetro');
     navigator.geolocation.clearWatch(listenerId);
   }
   console.log({latitude, longitude});

 },
   err => {
      console.warn('Error en el localizador',err.code, err.message);
    },
    {timeout: 30000, maximumAge: 60000}
);

Si no quieres visualizarlo en un mapa, no es necesario recurrir a Google Maps. Puedes hacerlo por ejemplo con @turf/distance, parte de la suite TurfJS

0

Segun veo tu inquietud quieres un tipo de Alarma que te avise cuando estas entrando en una zona, ahora no estás aclarando si quieres programar o bajo qué lenguaje lo quieres lograr, otra cosa que te puedo recomendar es el uso de Alarma en Teléfonos inteligentes. existen apps que te hacen esa labor.en el caso de Android Location Alarm y en el caso de iOs Alarm OnePlace En el caso de querer hacer una especie de DApp te recomiendo uses valores de posicionamiento y definir las coordenadas de proximidad. Espero sea de tu ayuda.

1
  • Ah pense que con especificar con las etiquetas sabrian, lo quiero hacer en ionic obviamente hacerlo con javascript, y si es casi similar a las apps que mencionaste, pero ahora no se como se realiza o que metodos se ocupan, con eso tendria para investigar y hacerlo por mi mismo Commented el 22 nov. 2019 a las 18:22

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.