Para usar Google Maps o Gmaps existe la API oficial de Google, pero es una API muy enrevesada y necesitarías al menos 2 años de experiencia con JavaScript para entender al 100
Otra manera de poner la API de Google usando JQuery; para ello debemos descargar JQuery y GMaps.js y añadir un DIV a nuestro html;
<script src=»jquery-3.2.1.js» type=»text/javascript»></script>
<script src=»gmaps.js» type=»text/javascript»></script>
<script src=»http://maps.google.com/maps/api/js?sensor=true»></script>
<div id=»mapa»></div>
Ahora declaramos en una variable el objeto GMaps:
var map= new GMaps({
div: ‘#mapa’,
width: «600px»,
height: «400px»,
zoom: 13,
lat: –12.043333,
lng: 77.028333
});
Ahora podemos añadir marcadores en el mapa:
map.addMarker(
{title:’Capital de Perú’, lat: –77.028333,
lng: 77.028333 }) ;
Esto hay sido todo por el tutorial de hoy