Réalisé par :Bouhniz Amal
Plan•   Définition•   Fonctionnalités•   Architecture•   Exemple•   Conclusion                      1
Définition Bibliothèque JavaScript OpenSource permettant la mise en place des interfaces cartographiques.                 ...
Fonctionnalités• Permet dafficher sur une page web des données  géographiques sous forme dune carte.• Intégrer des données...
Architecture               4
Exemple :        intégration d’OpenLayers• Télécharger http://trac.osgeo.org/openlayers/wiki/HowToDownload• Placer dans l’...
Exemple :   afficher une carte                          1- Instanciation                  2- Choix des couches          3-...
Exemple :   résultat                       7
Exemple :           enrichir l’interface  Il est possible de rajouter à l’interface par défaut un  certain nombre doptions...
Exemple :   enrichir l’interface                1- Annuler configuration par défaut                     2- Ajout des optio...
Exemple :   résultat                       10
Conclusion• Version 2.11 supporte le mobile.• OpenLayers noffre pas beaucoup de widgets  donc linterface utilisateur doit ...
Références•   http://openlayers.org/•   http://softlibre.free.fr/ol/html/index-fr.html•   https://www.projet-plume.org/fic...
Merci
Prochain SlideShare
Chargement dans…5
×

OpenLayers

1 458 vues

Publié le

0 commentaire
0 j’aime
Statistiques
Remarques
  • Soyez le premier à commenter

  • Soyez le premier à aimer ceci

Aucun téléchargement
Vues
Nombre de vues
1 458
Sur SlideShare
0
Issues des intégrations
0
Intégrations
63
Actions
Partages
0
Téléchargements
37
Commentaires
0
J’aime
0
Intégrations 0
Aucune incorporation

Aucune remarque pour cette diapositive

OpenLayers

  1. 1. Réalisé par :Bouhniz Amal
  2. 2. Plan• Définition• Fonctionnalités• Architecture• Exemple• Conclusion 1
  3. 3. Définition Bibliothèque JavaScript OpenSource permettant la mise en place des interfaces cartographiques. 2
  4. 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. 5. Architecture 4
  6. 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. 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. 8. Exemple : résultat 7
  9. 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. 10. Exemple : enrichir l’interface 1- Annuler configuration par défaut 2- Ajout des options zoom, aperçu 9
  11. 11. Exemple : résultat 10
  12. 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. 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. 14. Merci

×