Aplicacion GPS Con firebase

Realizar esta aplicación es muy sencilla en web y para eso utilizaremos javascript y la API key de google maps de igual forma la enlazaremos con firebase para guardar la ubicación.

Bien Comencemos

Antes que nada debemos

  • Tener la key de google maps
  • Un proyecto en firebase
  • Un editor de texto

Ya cumplido con todo ese requisito vamos a crear un proyecto con 3 carpetas en su interior como el siguiente árbol de direcciones

 

 

Después de eso poner la dirección de index.css y index.js  en el html igual necesitaremos el CDN de bootstrap

 

Despues de eso ir a la pagina de Maps JavaScript API para obtener nuestra geolocalizacion, copiar el siguiente codigo javascript

Después de eso Pegarlo en el index.js con una pequeña modificacion como se ve,  poniendo como variable global map como se ve en la imagen “var map”

Después de eso poner los siguientes estilos en el index.css

html, body {
height: 100%;
margin: 0;
padding: 0;
}
#map {
height: 100%;
}

Luego colocar en el index.html en el body en el script poner la key generada por google maps

     <div id=“map”></div>

 

<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_API_KEY&callback=initMap"
        async defer>
    </script>

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

*