2012-02-22 13 views
20

Estoy muy interesado en el Leaflet Map API.Folleto Mapa API con Google Satellite Layer

Sin embargo, necesito poder utilizar Google Satellite Layer. No he podido encontrar un ejemplo sobre cómo agregar una capa de satélite de Google al prospecto. Entiendo que todavía necesitaré cargar la API de Google Maps para hacer esto (OpenLayers tiene un ejemplo).

Respuesta

3

Folleto tiene una página oficial para la publicación de todos los plugins disponibles: http://leafletjs.com/plugins.html

encontrará plugins allí por la adición de capas de asistencia de Google Folleto.

+0

Para el uso de Leaflet 1.0: https://gitlab.com/IvanSanchez/Leaflet.GridLayer.GoogleMutant – user2666194

61

No necesita un complemento o la API de Google, puede agregarlo como una capa de mosaico XYZ.

Calles

googleStreets = L.tileLayer('http://{s}.google.com/vt/lyrs=m&x={x}&y={y}&z={z}',{ 
    maxZoom: 20, 
    subdomains:['mt0','mt1','mt2','mt3'] 
}); 

híbrido:

googleHybrid = L.tileLayer('http://{s}.google.com/vt/lyrs=s,h&x={x}&y={y}&z={z}',{ 
    maxZoom: 20, 
    subdomains:['mt0','mt1','mt2','mt3'] 
}); 

satélite:

googleSat = L.tileLayer('http://{s}.google.com/vt/lyrs=s&x={x}&y={y}&z={z}',{ 
    maxZoom: 20, 
    subdomains:['mt0','mt1','mt2','mt3'] 
}); 

Terreno

googleTerrain = L.tileLayer('http://{s}.google.com/vt/lyrs=p&x={x}&y={y}&z={z}',{ 
    maxZoom: 20, 
    subdomains:['mt0','mt1','mt2','mt3'] 
}); 


Note the difference in the "lyrs" parameter in the URL: 
Hybrid: s,h; 
Satellite: s; 
Streets: m; 
Terrain: p; 
+0

¿Es posible cambiar la proyección de googleSat? ¿O dónde puedo encontrar la proyección de googleSat? – Titsjmen

+0

Gracias, este es un enfoque realmente genial, mucho mejor que agregar más complementos. –

+0

Gracias, esto es bueno. De hecho, es tan bueno que me hizo reír de todos los complementos que he estado cargando. Muchas gracias por compartir. – 33v

Cuestiones relacionadas