Your SlideShare is downloading. ×
OpenLayers
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×

Saving this for later?

Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime - even offline.

Text the download link to your phone

Standard text messaging rates apply

OpenLayers

1,068
views

Published on


0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total Views
1,068
On Slideshare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
31
Comments
0
Likes
0
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Réalisé par :Bouhniz Amal
  • 2. Plan• Définition• Fonctionnalités• Architecture• Exemple• Conclusion 1
  • 3. Définition Bibliothèque JavaScript OpenSource permettant la mise en place des interfaces cartographiques. 2
  • 4. Fonctionnalités• Permet dafficher sur une page web des données géographiques sous forme dune carte.• Intégrer des données issues de plusieurs sources en utilisant les standards WMS ou WFS et de différents formats KML, JSON, GML.• Ajouter des contrôles graphiques : zoom, affichage et masquage de couche… 3
  • 5. Architecture 4
  • 6. Exemple : intégration d’OpenLayers• Télécharger http://trac.osgeo.org/openlayers/wiki/HowToDownload• Placer dans l’environnement de développement (ex: localhost dapache).• Créer une page web (ex: html). 5
  • 7. Exemple : afficher une carte 1- Instanciation 2- Choix des couches 3- Ajout des couches à la carte 4- Zoomer au max 5- Appel 6
  • 8. Exemple : résultat 7
  • 9. Exemple : enrichir l’interface Il est possible de rajouter à l’interface par défaut un certain nombre doptions de configuration grâce à la classe controls :Classe DescriptionPanZoomBar Affiche une barre de zoom.Scale Affiche l’échelle courante.LayerSwitcher Affiche un sélecteur permettant de choisir la couche désirée.EditingToolbar Affiche la barre dédition des objets géographiques.MousePosition Affiche la position du curseur.OverviewMap Ajoute une carte de référence. 8
  • 10. Exemple : enrichir l’interface 1- Annuler configuration par défaut 2- Ajout des options zoom, aperçu 9
  • 11. Exemple : résultat 10
  • 12. Conclusion• Version 2.11 supporte le mobile.• OpenLayers noffre pas beaucoup de widgets donc linterface utilisateur doit être combiné avec dautres frameworks tels que jQuery ou Sencha. 11
  • 13. Références• http://openlayers.org/• http://softlibre.free.fr/ol/html/index-fr.html• https://www.projet-plume.org/fiche/openlayers• http://dev.openlayers.org/releases/OpenLayers- 2.10/doc/apidocs/files/OpenLayers-js.html
  • 14. Merci