qwanturank

le service Web de l’API MapQuest Traffic. Si vous êtes nouveau sur les plugins MapQuest pour Leaflet,

vous voudrez consulter la section Mise en route dans la documentation des plugins Leaflet. Dans

Pour utiliser le Traffic Plugin, vous devrez inclure le Plugin Maps ainsi que le

Bibliothèque de brochures et fichiers CSS associés.

Commencer

Cette documentation suppose que vous avez une connaissance de base de

Brochure. Pour commencer à utiliser MapQuest

plugins pour Leaflet, vous devez d’abord ajouter ce qui suit à la section d’en-tête de votre page  :

chargera la bibliothèque principale Leaflet et CSS  :

Ensuite, chargez le plugin MapQuest Maps pour Leaflet et le plugin MapQuest Geocoding pour Leaflet et

remplacer

YOUR_KEY_HERE avec votre clé API.

Trafic de base

L’exemple suivant montre comment ajouter facilement la superposition de trafic et les incidents de trafic à

la carte.

Le code JavaScript suivant crée une carte et y ajoute la couche de trafic  :

window.

var map = L.map(‘map’,

couches  : MQ.mapLayer(),

centre : [ 40.731701, -73.993411 ],

zoom : 12

MQ.trafficLayer().addTo(map);

Dans le corps de la page, créez l’élément ‘map’, c’est là que la carte apparaîtra  :

Essayez-le maintenant

Essayez-le sur JSFiddle

Trafic avancé à l’aide du contrôle des couches

L’exemple suivant montre comment utiliser le

couches

contrôler

dans Leaflet pour basculer entre les couches de flux de trafic et d’incidents de trafic.

Le code JavaScript suivant crée une carte et ajoute un contrôle des couches qui permet à l’utilisateur de

basculer

entre les types de cartes, les flux de trafic et les couches d’incidents de circulation.

var mapLayer = MQ.mapLayer(),

carte;

map = L.map(‘map’,

couches : mapLayer,

centre : [ 40.731701, -73.993411 ],

zoom : 12

L.control.

‘Carte’  : mapLayer,

‘Satellite’  : MQ.satelliteLayer(),

‘Sombre’  : MQ.darkLayer(),

‘Lumière’  : MQ.lightLayer()

 » Flux de trafic  »  : MQ. [‘flow’]}),

 » Incidents de circulation  »  : MQ. [‘incidents’]})

addTo(map);

Dans le corps de la page, créez l’élément ‘map’, c’est là que la carte apparaîtra.

Essayez-le

À présent

Essayez-le sur JSFiddle

Plugins de brochure - Trafic

S’abonner
Notifier de
guest
0 Commentaires
Inline Feedbacks
View all comments