API карты листов с помощью спутника Google

Я очень заинтересован в API Leaflet Map.

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

Ответ 1

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

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

Ответ 2

Вам не нужен плагин или API Google, вы можете добавить его как слой плитки XYZ.

Улицы

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

Спутник

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;

Ответ 3

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

Ответ 4

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

Ответ 5

Титульный слой Google с трафиком

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

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

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

Ответ 6

Альтернатива API Карт Google для спутникового слоя: Leaflet.js с плитками Esri World Imagery

<script>

    var map = L.map('map').setView([-41.2858, 174.78682], 14);

    var mapLink = '<a href="#" onclick="location.href='http://www.esri.com/'; return false;">Esri</a>';
    var wholink = 'i-cubed, USDA, USGS, AEX, GeoEye, Getmapping, Aerogrid, IGN, IGP, UPR-EGP, and the GIS User Community';

    L.tileLayer(
        'http://server.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}', {
        attribution: '&copy; '+mapLink+', '+wholink,
        maxZoom: 18,
        }).addTo(map);

</script>