API Leaflet Map с Google Satellite Layer - PullRequest
       30

API Leaflet Map с Google Satellite Layer

38 голосов
/ 22 февраля 2012

Меня очень интересует API Leaflet Map .

Однако мне нужно иметь возможность использовать слой Google Satellite. Мне не удалось найти пример того, как добавить слой Google Satellite в Leaflet. Я понимаю, что для этого мне все еще нужно загрузить API Карт Google (например, в OpenLayers).

Ответы [ 5 ]

109 голосов
/ 04 сентября 2015

Вам не нужен плагин или 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;
11 голосов
/ 23 февраля 2012

Есть сторонний плагин для него: Демо: http://psha.org.ru/leaflet/bel.html (переключитесь на Google Maps с помощью переключателя) Источник: http://psha.org.ru/leaflet/Google.js

6 голосов
/ 06 августа 2012

этот репозиторий содержит несколько слоев листов Google и других и очень полезных других плагинов: https://github.com/shramov/leaflet-plugins

3 голосов
/ 24 января 2013

Leaflet имеет официальную страницу для публикации всех доступных плагинов: http://leafletjs.com/plugins.html

Там вы найдете плагины для добавления поддержки слоев Google в Leaflet.

0 голосов
/ 26 июня 2019

слой заголовка Google с Traffic

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'],
    });

Пожалуйста, смотрите их Общие условия

Надеюсь, кто-то поможет это

...