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

Gracias por visitar mi blog de informática, mi nombre es Tomás y soy formador y desarrollador web. Si quiere usted dejarme alguna sugerencia, ayuda o quiere un servicio de formación estoy escuchando ofertas en tomas.gonzalez@infogonzalez.com, en Facebook a https://www.facebook.com/Infogonzalez estoy deseando escucharle. Su duda o sugerencia NO molesta.

Tomas Gonzalez
Este sitio web utiliza cookies, si necesitas más información puedes visitar nuestra política de privacidad    Ver
Privacidad
Creative Commons License
Except where otherwise noted, the content on this site is licensed under a Creative Commons Attribution-NonCommercial-ShareAlike 4.0 International License.
A %d blogueros les gusta esto: