带有Google Satellite图层的Leaflet地图API

Question

我对Leaflet Map API很感兴趣。

然而，我需要能够使用谷歌卫星层。我还没有能够找到一个例子，如何添加谷歌卫星层到宣传单。我知道我仍然需要加载Google Maps API才能做到这一点(OpenLayers有一个例子)。

Answer 1

Leaflet有一个官方页面，用于发布所有可用的插件：http://leafletjs.com/plugins.html

你会在那里找到为Leaflet添加Google layers支持的插件。

Answer 2

您不需要插件或Google API，您可以将其添加为XYZ瓦片层。

街道

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

混合：

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

卫星：

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

地形

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;

Answer 3

还有一个第三方插件: Demo：http://psha.org.ru/leaflet/bel.html (使用switcher切换到谷歌地图)来源：http://psha.org.ru/leaflet/Google.js