web-dev-qa-db-ja.com

Google Satellite Layerを使用したLeaflet Map API

Leaflet Map API に非常に興味があります。

ただし、Google Satellite Layerを使用できる必要があります。 Google SatelliteレイヤーをLeafletに追加する方法の例を見つけることができませんでした。これを行うには、まだGoogle Maps APIを読み込む必要があることを理解しています（OpenLayersには例があります）。

google-maps-api-3satelliteleaflet
41
user2666194

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

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

3
Etienne Desgagné

プラグインや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;
116
capie69

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

11
Mourner

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

6
StefanoCudini

Trafficを使用したGoogleタイトルレイヤー

var googleTraffic = L.tileLayer('https://{s}.google.com/vt/lyrs=m@221097413,traffic&x={x}&y={y}&z={z}', {
        maxZoom: 20,
        minZoom: 2,
        subdomains: ['mt0', 'mt1', 'mt2', 'mt3'],
    });

一般条件 をご覧ください

誰かがこれを助けることを願っています

0
Rahul Mahadik