55

Leaflet Map APIにとても興味があります。

ただし、Google サテライト レイヤーを使用できるようにする必要があります。Google サテライト レイヤーを Leaflet に追加する方法の例を見つけることができませんでした。これを行うには、引き続き Google Maps API をロードする必要があることを理解しています (OpenLayers に例があります)。

4

6 に答える 6

172

プラグインや 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;
于 2015-09-04T06:57:48.020 に答える
10

そのためのサードパーティのプラグインがあります：デモ：http：//psha.org.ru/leaflet/bel.html（スイッチャーでGoogleマップに切り替えます）ソース：http：//psha.org.ru/leaflet/Google .js

于 2012-02-22T21:24:40.833 に答える
6

このリポジトリには、いくつかのタイル レイヤーの Google と他の非常に便利なプラグインが含まれています: https://github.com/shramov/leaflet-plugins

于 2012-08-06T06:37:57.427 に答える
5

リーフレットには、利用可能なすべてのプラグインを公開するための公式ページがあります: http://leafletjs.com/plugins.html

Leaflet に Google レイヤーのサポートを追加するためのプラグインがそこにあります。

于 2013-01-23T21:46:46.847 に答える