Mise en place d'une application webmapping de géolocalisation des points d'intérêt de la ville de Ouagadougou

8.2.3 Développement de l'interface cartographique

L'interface cartographique est la fenêtre qui va contenir notre carte. Son développement a été réalisé grâce à l'utilisation du client cartographique OpenLayers avec Javascript, Ext et GeoExt. Cette interface cartographique contient la carte et les outils de manipulation. La carte est composée de fond de carte (couche de base) et de couches secondaires. Nous avons utilisé les fonds de carte Google Maps et Open Streets Maps. Nous intégrerons dans la suite du projet notre propre fond de carte de la ville de Ouagadougou.

8.2.3.1 Utilisation de l'API OpenLayers, Ext et GeoExt

L'API OpenLayers ne nécessite pas d'installation pour son utilisation. Il existe deux modes d'utilisation de la bibliothèque OpenLayers [12] :

· il est possible d'accéder directement en ligne à la bibliothèque en faisant ceci :

<script src="http://www.openlayers.org/api/2.12/OpenLayers.js"></script>

Cette option rend notre plate-forme dépendant du site d'OpenLayers. Aussi, cela pourrait ralentir l'exécution de notre plate-forme.

· il est possible de le télécharger et l'utiliser en local [13] en faisant appel au script « openlayers.js » comme ceci :

<script src="./OpenLayers-2.12/OpenLayers.js"></script>

Nous avons choisi cette deuxième option. Nous avons téléchargé l'archive d'OpenLayers et nous l'avons décompressé et placé dans un dossier sur le serveur web.

Pour utiliser la bibliothèque GeoExt, il faut télécharger le paquet [14] et le décompresser dans un emplacement sur le serveur web. Puis on fait appel à la bibliothèque avec les scripts ci-dessous :

<script type="text/javascript" src="GeoExt/script/GeoExt.js"></script>

<link rel="stylesheet" href="GeoExt/resources/css/geoext-all.css" type="text/css">

8.2.3.2 Utilisation des Fonds de carte

Fond de carte Google Maps

Google Maps est un service de cartographie en ligne qui met à disposition des fonds de cartes utilisables par défaut. Ces fonds de cartes sont produits par Google à partir de sources de données telles que Télé Atlas^24(*), Navteq^25(*), IGN, Spot Image, etc. Toutes les régions du globe n'ont pas la même précision en termes de couverture des données cela par manque d'intérêt, les difficultés d'accès et la législation.

Google propose plusieurs vue dont le plan classique, le relief, le satellite. Ces fonds de carte par défaut peuvent être modifiés en changeant la visibilité et la couleur de fonds [4]. Pour intégrer le fonds de carte Google Maps, nous avons fait appel à l'API Google Maps dans un fichier HTML et nous avons initialisé la carte dans un fichier JavaScript.

Appel de l'API Google Maps

<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?v=3.9&sensor=false">

</script>

Fond de carte Open Street Maps

OpenStreetMap (OSM) est un projet fondé en 2004 qui vise à mettre à la disposition du grand public une cartographie de référence. Le projet OpenStreetMap milite pour une production et une diffusion libres de données géographiques [15]. Cette cartographie de référence est réalisée par des contributions de particuliers qui numérisent des données à partir des photographies satellites ou qui communiquent des relevés GPS (Global Positioning System) [16]. Contrairement aux sources de données propriétaires, la licence d'OpenStreetMap est beaucoup moins restrictive. Elle offre donc une plus grande souplesse d'utilisation. L'appel à OpenStreetMap se fait dans fichier HTML comme ceci.

<script src=" http://www.openstreetmap.org/openlayers/OpenStreetMap.js"></script>

* ²⁴ Tele Atlas est une société néerlandaise créée en 1984 qui fournit des cartes numériques et d'autres contenus dynamiques pour la navigation et les services de localisation. Elle fournit des données utilisées par un grand nombre d'applications cartographiques sur Internet.

* ²⁵ http://www.navteq.com