Geolocalización con Google Maps

Geek / WEB CODE

ley-geolocalizacion-moviles

La  geolocalización es un concepto relativamente nuevo, que ha proliferado de unos dos años a esta parte y que hace referencia al conocimiento de la propia ubicación geográfica de modo automático.
También denominada georreferenciación, la geolocalicación implica el posicionamiento que define la localización de un objeto en un sistema de coordenadas determinado. Este proceso es generalmente empleado por los sistemas de información geográfica, un conjunto organizado de hardware y software, más datos geográficos, que se encuentra diseñado especialmente para capturar, almacenar, manipular y analizar en todas sus posibles formas la información geográfica referenciada, con la clara misión de resolver problemas de gestión y planificación.

Existen varias alternativas para conocer esta ubicación, aunque claro, son los dispositivos móviles los que por su portabilidad con nosotros mismos nos permitirán más fácilmente conocer nuestra ubicación y actualizarla a medida que nos vamos movilizando y por tanto, cambiando de ubicación geográfica.
Entre ese amplio abanico de opciones que nos permiten descubrir la geolocalización se destacan los teléfonos móviles de alta gama, que son aquellos que cuentan con funciones especializadas, en este particular caso traen integrados receptores de GPS, los cuales y gracias a la red de satélites que rodea al planeta podrán ubicarnos en cualquier parte del globo terráqueo en el cual nos encontremos.
Otra alternativa ampliamente usada y a disposición de aquellos que no poseen celulares como los mencionados líneas arriba u otros equipos portátiles es la del Google Earth, que consiste en un programa informático, similar al Sistema de Información Geográfica, que permite obtener imágenes del planeta en tecnología 3 D en combinación con imágenes de satélite, mapas y el motor de búsqueda de Google y así facilita la visualización de imágenes a escala del lugar del planeta tierra que se pretenda descubrir o identificar.

geolocalización con Google Maps

Por ahora mostraremos un poco del codigo necesario para tener una sección degeolocalización con Google Maps en nuestro propio sitio.

<!DOCTYPE html>
<html lang="es">
<head>
	<meta charset="UTF-8">
	<title>Geolocalizacion del Pancho</title>
	<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=true"></script>
	<script type="text/javascript">
<style>
      html, body, #mapa {
        height: 100%;
        margin: 0px;
        padding: 0px
      }
    </style>
// Uso del Appi de Goodle MAPS
        function init() {
  
 // Obtenemos las coordenadas a travez del navegador     
          if (navigator.geolocation) {
            document.getElementById("myLocation").innerHTML = "Listo para obtener datos.";
            var geo = navigator.geolocation;
            geo.getCurrentPosition(showLocation, showError);
          }
          else {
            document.getElementById("myLocation").innerHTML = "Geolocation no soportada en este navegador.";
            
          }

        }      
// Mostramos las coordenadas en el ID myLocation
        function showLocation(position) {
          var lng = position.coords.longitude;
          var lat = position.coords.latitude;
          document.getElementById("myLocation").innerHTML = "Lat: " + lat + ", Long: " + lng;
         
          var myLatlng = new google.maps.LatLng(lat, lng);

// Establecemos las opciones del Apo de Google en una variable.

          var mapOptions = {
          	zoom: 16,
          	center: new google.maps.LatLng(lat, lng),
          	disableDefaultUI: true,
          	mapTypeId: google.maps.MapTypeId.TERRAIN 
          };
// Creamos el mapa en el Div con el ID mapa

         var map = new google.maps.Map(document.getElementById('mapa'), mapOptions);

// ESTE CODIGO PONE EL MARCADOR DENTRO DEL MAPA

         var marker = new google.maps.Marker({
	     position: myLatlng,
	     map: map,
	     title:"Aqui estoy!!!!"
		  });
        }
        
        function showError(error) { 
          alert("Hubo un error");
        }

	
	</script>
</head>

<body onload="init();">
	<h1> Localizacion actual es: </h1>
	<p id="myLocation"></p>
     <div id="mapa"></div>	
</body>
</html>

[button link=”https://www.fmoreno.com.mx/code/geo.html” type=”big” color=”purple” newwindow=”yes”] Ver el resultado[/button]

Volver arriba