API Mappa Leaflet con Google Satellite Layer

Question

Sono molto interessato allo Leaflet Map API.

Tuttavia, devo essere in grado di utilizzare Google Satellite Layer. Non sono stato in grado di trovare un esempio su come aggiungere un Google Satellite Layer a Leaflet. Capisco che avrò ancora bisogno di caricare l'API di Google Maps per farlo (OpenLayers ne ha un esempio).

Answer 1

opuscolo è una pagina ufficiale per la pubblicazione di tutti i plugin disponibili: http://leafletjs.com/plugins.html

troverete i plugin lì per l'aggiunta di strati di supporto per Google Volantino.

Answer 2

C'è

un plugin di terze parti per esso: Demo: http://psha.org.ru/leaflet/bel.html (commuta con lo switcher Google Maps) Fonte: http://psha.org.ru/leaflet/Google.js

Answer 3

questo repository contiene alcuni strati di piastrelle Google e gli altri e molto utili altri plugin: https://github.com/shramov/leaflet-plugins

Answer 4

Non è necessario un plug-in o l'API di Google, è possibile aggiungerlo come layer tile XYZ.

Strade

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

ibrida:

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

satellite:

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

Terrain

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;