AjaxAPI, Export des données d'une carte en GeoRSS

Ce widget est propulsé par

Si vous suivez la présentation de l'API Yahoo!Maps dans l'ordre de ce site, vous avez pu prendre connaissance de l'exemple basique d'utilisation , du placement de marqueur sur des cartes Y!Maps , de l'ajout d'outils de contrôles des cartes Y!Maps, de la géolocalisation d'adresse avec Y!Maps , ainsi que de l'utilisation de fichiers XML GeoRss pour "peupler" vos cartes de points.

Nous allons, dans le cadre de cette page, pousser plus loin le concept d'utilisation de fichiers XML GeoRSS en utilisant les fonctionnalités d'export dans ce format proposé dans la librairie Y!Maps.
Cet export peut être utile pour prendre une "empreinte" d'une carte d'un membre, l'empreinte permettant par exemple de rationaliser l'enregistrements des YPoints et autres YPolyline au sein d'une base de données.
On peut aussi imaginer que l'on ne travaille que sur base de fichiers GeoRSS ce qui entrainerait l'utilisation de méthodes supplémentaires de manipulation de fichiers XML pour supprimer, mettre à jour, ajouter des points.
Vous pouvez consulter la page #175 pour apprendre à charger des fichiers GeoRSS au sein de cartes Y!Maps.





#00 :: Export de carte en GeoRSS (YMarker + YAnnotation) #01 :: Export de carte en GeoRSS (YPolyline + YAnnotation) #02 :: Export de carte en GeoRSS (YMarker + YPolyline multiples)

Export de carte en GeoRSS (YMarker + YAnnotation)

Ce premier exemple vous permet de visualiser le résultat XML GeoRSS obtenu suite à l'utilisation de la méthode YMap.exportFormat() qui permet de rationaliser le contenu d'une carte Y!Maps au sein d'un fichier GeoRSS.
!!! :: il est à noter que l'exemple de carte crée ici est dotée d'une YAnnotation soit une structure de données permettant d'ajouter un titre, une description ainsi qu'une URL à la carte Y!Maps.

La carte peut être chargée à l'aide du bouton "charger la carte" et suite au chargement de la carte vous pouvez obtenir l'export XML GeoRSS de la carte à l'aide du bouton "exporter la carte en XML".

  



Le format GeoRSS est comme son nom l'indique basé sur le format RSS, soit un élément 'channel' encapsulant des éléments 'item' pour lesquels on peut préciser des éléments descriptifs ('title','description','link' mais aussi 'geo:lat' , 'geo:long' du fait de l'inclusion de 'geo/wgs84_pos').
!!! : on peut noter que le résultat de l'export GeoRSS se présente sur une seule ligne de fichier sans espaces.
Le code source de ce premier exemple est recopié ci après :
<!-- élément container de la carte --> <div id="carteYahoo"></div> <!-- boutons d'actions HTML --> <input type="button" name="ok_0" id="ok_0" value="charger la carte" onClick="chargerCarteYahoo('carteYahoo');" />   <input type="button" name="ok_1" id="ok_1" value="exporter la carte en XML" onClick="exporterCarteYahoo('carteYahoo','xml');" disabled="true" /> <!-- code Javascript d'action sur la carte --> <script type="text/javascript" language="JavaScript"> var map = null; function chargerCarteYahoo (idEl) { // création et paramétrage de la carte map = new YMap(document.getElementById(idEl)); var cPT = new YGeoPoint(48.87530041538759,2.3276424407958984); map.disableDragMap(); map.disablePanOnDoubleClick(); map.disableKeyControls(); map.addTypeControl(); // ajout de l'YAnnotation pour décrire la carte var myMap = new YAnnotation(); myMap.description = 'Carte Y!Maps de démo sur Webjax.eu, centrée sur le quartier de la gare saint lazare, Paris, France.'; myMap.title = 'Titre de la carte Yahoo!Maps'; myMap.link = 'http://www.webjax.eu/'; map.setAnnotation(myMap); map.drawZoomAndCenter(cPT,3); // ajout des points par défaut sur la carte // à partir d'un fichier GeoRSS map.addOverlay(new YGeoRSS('http://www.webjax.eu/xml/fr/page177.xml')); $('ok_0').disabled = 'true'; $('ok_1').disabled = false; } function exporterCarteYahoo (idEl,format) { // GeoRSS formtatted string var GeoRSSString = map.exportFormat('GEORSS'); if (GeoRSSString) { $('exportXML').value = GeoRSSString; $('exportXML').style.display = "inline"; } else return false; } </script>

Export de carte en GeoRSS (YPolyline + YAnnotation)

Si vous avez suivi le déroulement de cette page, vous avez pu vous rendre compte que les fichiers GeoRSS exportés à partir d'une carte contenant simplement des marqueurs, correspondent (en structure) aux fichiers GeoRSS que l'on peut importer pour placer des marqueurs.
Nous allons voir au cours de ce second exemple qu'il est possible d'utiliser les fichiers GeoRSS pour tracer des YPolyline sur les cartes.
Cela passe logiquement par une représentation XML du concept de YPolyline c'est à dire des tracés allant de telle YPoint(lat,lon) à tel autre YPoint(lat,lon) avec les options de couleur, transparence et épaisseur (largement décrits dans la page #176).
De la même façon que pour le premier exemple de cette page, la charge est chargeable via le bouton "charger la carte" et peut être exportée au format GeoRSS via le bouton "exporter la carte" disponible une fois la carte chargée.
La carte utilise les mêmes coordonnées/points que le premier exemple.

  


Le code source de ce premier exemple est recopié ci après :
<!-- élément container de la carte --> <div id="carteYahoo"></div> <!-- boutons d'actions HTML --> <input type="button" name="ok_2" id="ok_2" value="charger la carte" onClick="chargerCarteYahooPoly ('carteYahoo0');" />   <input type="button" name="ok_3" id="ok_3" value="exporter la carte en XML" onClick="exporterCarteYahooPoly ('carteYahoo0');" disabled="true" /> <!-- code Javascript d'action --> <script type="text/javascript" language="JavaScript"> var map0 = null; function chargerCarteYahooPoly (idEl) { // création et paramétrage de la carte map0 = new YMap(document.getElementById(idEl)); var cPT = new YGeoPoint(48.87530041538759,2.3276424407958984); map0.disableDragMap(); map0.disablePanOnDoubleClick(); map0.disableKeyControls(); map0.addTypeControl(); // ajout de l'YAnnotation pour décrire la carte var myMap = new YAnnotation(); myMap.description = 'Carte Y!Maps de démo sur Webjax.eu, centrée sur le quartier de la gare saint lazare, Paris, France.'; myMap.title = 'Titre de la carte Yahoo!Maps'; myMap.link = 'http://www.webjax.eu/'; map0.setAnnotation(myMap); map0.drawZoomAndCenter(cPT,3); // ajout des points par défaut sur la carte // à partir d'un fichier GeoRSS map0.addOverlay(new YGeoRSS('http://www.webjax.eu/xml/fr/page177bis.xml')); $('ok_2').disabled = 'true'; $('ok_3').disabled = false; } function exporterCarteYahooPoly () { // GeoRSS formtatted string var GeoRSSString = map0.exportFormat('GEORSS'); if (GeoRSSString) { $('exportXMLPoly').value = GeoRSSString; $('exportXMLPoly').style.display = "inline"; } else return false; } </script>

Export de carte en GeoRSS (YMarker + YPolyline multiples)

Vous avez pu voir dans l'exemple #01 de cette page ce que donnait un export GeoRSS de YPolyline "simple" en le sens qu'un seul tracé était exporté.
Ce troisième exemple va vous permettre de prendre connaissance de la structure d'un fichier GeoRSS contenant plusieurs tracés et des marqueurs positionnés sur les tracés.
La carte et la fonctionnalité d'export sont utilisables via les boutons prévus à cet effet.
La carte est centrée sur le quartier de la Gare Saint-Lazare, Paris, France et présente des tracés correspondants aux stations de métro.

  



Le code source de cet exemple est recopié ci après :
<!-- élément container de la carte --> <div id="carteYahoo"></div> <!-- boutons d'actions HTML --> <input type="button" name="ok_2" id="ok_2" value="charger la carte" onClick="chargerCarteYahoo('carteYahoo0');" />   <input type="button" name="ok_3" id="ok_3" value="exporter la carte en XML" onClick="exporterCarteYahoo('carteYahoo0');" disabled="true" /> <!-- code Javascript d'action --> <script type="text/javascript" language="JavaScript"> var map1 = null; function chargerCarteYahooPoly (idEl) { // création et paramétrage de la carte map1 = new YMap(document.getElementById(idEl)); var cPT = new YGeoPoint(48.87530041538759,2.3276424407958984); map1.disableDragMap(); map1.disablePanOnDoubleClick(); map1.disableKeyControls(); map1.addTypeControl(); // ajout de l'YAnnotation pour décrire la carte var myMap = new YAnnotation(); myMap.description = 'Carte Y!Maps de démo sur Webjax.eu, centrée sur le quartier de la gare saint lazare, Paris, France.'; myMap.title = 'Titre de la carte Yahoo!Maps'; myMap.link = 'http://www.webjax.eu/'; map1.setAnnotation(myMap); map1.drawZoomAndCenter(cPT,3); // ajout des points par défaut sur la carte // à partir d'un fichier GeoRSS map1.addOverlay(new YGeoRSS('http://www.webjax.eu/xml/fr/page177ter.xml')); $('ok_4').disabled = 'true'; $('ok_5').disabled = false; } function exporterCarteYahooPoly () { // GeoRSS formtatted string var GeoRSSString = map1.exportFormat('GEORSS'); if (GeoRSSString) { $('exportXMLPolyMul').value = GeoRSSString; $('exportXMLPolyMul').style.display = "inline"; } else return false; } </script>

: 02/03/2007 03:22:28 | : Yahoo.Maps, Yahoo, Ajax, API, ajax, api, YGeoRSS, RSS, GeoRSS, export, données, carte, exportFormat,

Aucun commentaire enregistré