2

tengo el problema que cuando quiero integrar la parte de Geolocalización a mi mapa no me aparece nada en pantalla. Empecé con los marcadores desde un archivo XML y hasta ahì todo perfecto. Ahora quiero poner que detecte la localizaciòn del dispositivo no me trae nada de nada y no encuentro el error.

<!DOCTYPE html >
  <head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
    <title>Paradas de colectivos</title>
    <style>
      /* Always set the map height explicitly to define the size of the div
       * element that contains the map. */
      #map {
        height: 100%;
      }
      /* Optional: Makes the sample page fill the window. */
      html, body {
        height: 100%;
        margin: 0;
        padding: 0;
      }
    </style>
   
  <div id="map"></div>
    <script type="text/javascript"> 
      function initMap() {
    	  var map = new google.maps.Map(document.getElementById('map'), {
              center: {lat: -34.397, lng: 150.644},
              zoom: 14
            });
	
    	  var infoWindow = new google.maps.InfoWindow({map: map});
    	  
    	  
          
        	

4
  • Has puesto la referencia a HTML5 al principio del documento? es decir el doctype html? ...
    – alejza
    el 26 mar. 2018 a las 16:00
  • Ahí editè la publicación para que se entienda mejor.
    – Sama
    el 26 mar. 2018 a las 16:13
  • intenta agregando width: <div id="map" style="width: 500px"></div>
    – fredyfx
    el 26 mar. 2018 a las 16:40
  • Los navegadores necesitan autorización para obtener tu ubicación, puede ser por aqui el problema. el 26 mar. 2018 a las 17:57

1 respuesta 1

1

Ahora quiero poner que detecte la localizaciòn del dispositivo no me trae nada de nada y no encuentro el error.

Si tu sitio carece de HTTPS, consigue uno y verás que funciona.

Sucede que la siguiente línea:

Geolocation.getCurrentPosition()

Se ejecuta únicamente en contextos seguros (HTTPS).

Referencia: https://developer.mozilla.org/en-US/docs/Web/API/Geolocation/getCurrentPosition#Browser_compatibility

Ahora bien, para probar esto, puedes levantar un servidor con su respectivo certificado, vamos a hacer uso de https://education.github.com/pack que genera $50 in platform credit for new users

Ahora bien, usando Let's Encrypt tenemos el SSL gratuito, si tienes nginx como webserver, el siguiente enlace te caerá bien:

https://www.digitalocean.com/community/tutorials/how-to-secure-nginx-with-let-s-encrypt-on-ubuntu-16-04

Y si tienes un apache, aquí vamos con todo el power 2.0!!

https://www.digitalocean.com/community/tutorials/how-to-secure-apache-with-let-s-encrypt-on-ubuntu-16-04

2
  • Muchas gracias amigo!
    – Sama
    el 26 mar. 2018 a las 18:48
  • de nada hermano, actualicé mi respuesta para que sea de mayor utilidad, éxitos en todo :D
    – fredyfx
    el 26 mar. 2018 a las 18:56

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.