Usando una vista de Google Maps en Leaflet

Si preferimos Google Maps en LeafletJS, podemos usarlo siguiendo estos pasos:

Primero debes incluir el archivo de Google Maps indicando tu API Key:

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

Despues incluimos el archivo JS:

< script src='https://unpkg.com/leaflet.gridlayer.googlemutant@latest/Leaflet.GoogleMutant.js'></script>

El cual podemos bajar y alojar localmente.

Después de eso ya podemos crear la capa con el mapa de Google y agregarlo a nuestro mapa de leaflet:

var roads = L.gridLayer.googleMutant({
 type: 'roadmap' // valid values are 'roadmap', 'satellite', 'terrain' and 'hybrid'
}).addTo(mymap);

Detalles completos en la pagina del plugin: https://gitlab.com/IvanSanchez/Leaflet.GridLayer.GoogleMutant

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión /  Cambiar )

Google photo

Estás comentando usando tu cuenta de Google. Cerrar sesión /  Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión /  Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión /  Cambiar )

Conectando a %s