web-dev-qa-db-fra.com

API Carte de Dépliant avec Google Satellite Layer

Je suis très intéressé par Leaflet Map API .

Cependant, je dois pouvoir utiliser la couche satellite de Google. Je n'ai pas pu trouver d'exemple sur la façon d'ajouter une couche satellite Google à Leaflet. Je comprends que je devrai encore charger l'API Google Maps pour ce faire (OpenLayers en a un exemple).

google-maps-api-3satelliteleaflet
41
user2666194

Leaflet a une page officielle pour publier tous les plugins disponibles: http://leafletjs.com/plugins.html

Vous y trouverez des plugins pour ajouter le support des couches Google à Leaflet.

3
Etienne Desgagné

Vous n'avez pas besoin d'un plugin ou de l'API Google, vous pouvez l'ajouter en tant que couche de tuiles XYZ.

Des rues

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

Hybride:

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

Satellite:

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;
116
capie69

Il existe un plugin tiers pour cela: Démo: http://psha.org.ru/leaflet/bel.html (passer à Google Maps avec le commutateur) Source: http: //psha.org.ru/leaflet/Google.js

11
Mourner

ce référentiel contient quelques couches de tuiles google et d'autres plugins très utiles: https://github.com/shramov/leaflet-plugins

6
StefanoCudini

Couche de titre Google avec Trafic 

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

Veuillez consulter leurs Conditions générales

J'espère que quelqu'un aide cela

0
Rahul Mahadik