Empresas
Empleos
  • Sobre nosotros
  • Soluciones
    • Publicación de vacantes
      Publica tu vacante y recibe candidatos calificados en 48h.
    • Evaluación de candidatos
      500+ pruebas técnicas y psicológicas, más anti-fraude.
    • Headhunting
      Búsqueda ejecutiva a la medida de principio a fin.
    • Nómina + EOR
      Dispersión de nómina y EOR en más de 15 países de LATAM.
  • Precios
  • Empleos

0

154
Vistas
Solución de problemas de la API de JavaScript de Google Maps/error de navigator.geolocalización que no agrega una ubicación de marcador dentro de un parque

Estoy tratando de que mi geolocalización se muestre dentro de un parque/conservación cercano. En este caso, cuando estoy en la ruta de senderismo local. Cuando uso la API de Javascript de Google Maps y navigator.geolocalización desde el navegador, si estoy caminando por la calle o en cualquier lugar dentro del vecindario típico de Google Maps (las áreas grisáceas en Google Maps), los resultados son precisos, pero en el segundo entro en el parque/conservación (un área verde) la ubicación se detiene exactamente en la calle como si hubiera un campo de fuerza. El marcador de ubicación seguirá mi ruta a lo largo de la calle como un mimo mientras camino por el sendero, pero no cruzará el plano del parque.

Personalmente, estoy perdido, ya que esto incluso sucedió cuando utilicé el ejemplo de Google "busca tu ubicación" de los documentos para la API. Entonces, para esto, envío su ejemplo, ya que lo he seguido al máximo, pero me pregunto si alguien conoce una solución para que mi ubicación se muestre con precisión en el parque o una razón por la que esto podría estar sucediendo.

Las configuraciones del teléfono que probé en mi Samsung Galaxy S21 Ultra son: WI-FI desactivado, Bluetooth desactivado, exploración de WI-Fi activada y desactivada, exploración de Bluetooth activada y desactivada.

 let map: google.maps.Map, infoWindow: google.maps.InfoWindow; function initMap(): void { map = new google.maps.Map(document.getElementById("map") as HTMLElement, { center: { lat: -34.397, lng: 150.644 }, zoom: 6, }); infoWindow = new google.maps.InfoWindow(); const locationButton = document.createElement("button"); locationButton.textContent = "Pan to Current Location"; locationButton.classList.add("custom-map-control-button"); map.controls[google.maps.ControlPosition.TOP_CENTER].push(locationButton); locationButton.addEventListener("click", () => { // Try HTML5 geolocation. if (navigator.geolocation) { navigator.geolocation.getCurrentPosition( (position: GeolocationPosition) => { const pos = { lat: position.coords.latitude, lng: position.coords.longitude, }; infoWindow.setPosition(pos); infoWindow.setContent("Location found."); infoWindow.open(map); map.setCenter(pos); }, () => { handleLocationError(true, infoWindow, map.getCenter()!); } ); } else { // Browser doesn't support Geolocation handleLocationError(false, infoWindow, map.getCenter()!); } }); } function handleLocationError( browserHasGeolocation: boolean, infoWindow: google.maps.InfoWindow, pos: google.maps.LatLng ) { infoWindow.setPosition(pos); infoWindow.setContent( browserHasGeolocation ? "Error: The Geolocation service failed." : "Error: Your browser doesn't support geolocation." ); infoWindow.open(map); }
about 4 years ago · Juan Pablo Isaza
Responde la pregunta
Encuentra empleos remotos

¡Descubre la nueva forma de encontrar empleo!

Top de empleos
Top categorías de empleo
Empresas
Publicar vacante Precios Comercial
Legal
Términos y condiciones Política de privacidad
© 2026 PeakU Inc. All Rights Reserved.
Andres GPT
Recomiéndame algunas ofertas
Necesito ayuda