Usar Google Maps con JQuery (GMaps.js)

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% lo que aparece en la documentación oficial.

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