2012-02-22 17 views
20

Jestem bardzo zainteresowany Leaflet Map API.Ulotka API Map z warstwą satelitarną Google

Jednak muszę mieć możliwość korzystania z Warstwy satelitów Google. Nie mogłem znaleźć przykładu, jak dodać warstwę satelitarną Google do ulotki. Rozumiem, że nadal będę musiał załadować interfejs API Map Google, aby to zrobić (OpenLayers ma przykład).

Odpowiedz

3

Ulotka ma oficjalną stronę do publikowania wszystkich dostępnych wtyczek: http://leafletjs.com/plugins.html

znajdziesz tam wtyczek do dodawania warstw do pomocy technicznej Google Ulotka.

+0

Do ulotki 1.0 użyj: https://gitlab.com/IvanSanchez/Leaflet.GridLayer.GoogleMutant – user2666194

61

Nie potrzebujesz wtyczki ani interfejsu API Google, możesz dodać go jako warstwę kafli XYZ.

Ulice

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

Hybrid:

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

Satelita:

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; 
+0

Czy można zmienić projekcję googleSat? Lub gdzie mogę znaleźć projekcję googleSat? – Titsjmen

+0

Dzięki, jest to naprawdę świetne podejście, o wiele lepsze niż dodanie większej liczby wtyczek. –

+0

Dzięki to jest dobrze. W rzeczywistości jest tak dobry, że rozśmieszyłem wszystkie wtyczki, które ładowałem. Dziękuję bardzo za dzielenie się. – 33v