Uso de GPS con API de Google Maps en HTML5 Ejemplo de Geolocalización: Ver mi posición actual

El ejemplo que veremos a continuación es básico, por lo cual solo aprenderán a utilizar el API de google maps para visualizar la posición actual, este ejemplo se puede visualizar en cualquier ordenador conectado a Internet o atraves de cualquier movil.

Bastará con agregar en un archivo.html el siguiente código :

<!DOCTYPE html>
<html>
<head>
<meta charset=”UTF-8″>
<title>Navegacion</title>
<meta name=”viewport” content=”initial-scale=1.0, user-scalable=no”>
<meta name=”apple-mobile-web-app-capable” content=”yes”>
<meta name=”apple-mobile-web-app-status-bar-style” content=”black”>
<link rel=”stylesheet” href=”http://soytaquero.com/gps/style.css”>
</head>
<body>
<div id=”map”></div>
<script src=”https://maps.googleapis.com/maps/api/js?sensor=true”></script>
<script src=”http://soytaquero.com/gps/index.js”></script>
</body>
</html>

 

Ejemplo en linea :http://soytaquero.com/gps/

Y en el navegador web veremos nuestra localización actual.

Posteriormente iremos agregando mas funcionalidades, saludos.