Programmation SIG et Internet Cartographique Séance 4 : Applet

Jean-Michel FOLLIN (jmf[email protected]) LUP-SIG, 2004-2005
Programmation SIG et Internet Cartographique
Séance 4 :
Applet JAVA dans un document HTML et
Manipulation d’une carte au format SVG
Exercice 1 : Visualisation de données à travers une Applet
Un exemple d’ applet Java « SIG » − ALOV Map − set trouve sur le site :
http://alov.org/
Suivez les liens donnés sur ce site pour télécharger le code de l’applet. Utilisez l’applet pour créer une
présentation de la ville d’Orléans (couches MIF et DBF).
Pour cela, récupérez les données (échantillon gratuit de données GEOROUTE provenant du site de
l’IGN) à l’URL suivante :
http://perso.univ-lr.fr/jmfollin/lupsig/donnees/alovmap.zip
Créer un fichier projet.html contenant l’applet et un fichier de configuration projet.xml
Consultez la documentation donnée sur le site ALOV pour connaître les paramètres à utiliser dans la
balise <APPLET> ainsi que la syntaxe des fichiers de configuration (fichiers XML).
Remarque : Le code de l’applet ALOV est également disponible à l’adresse :
http://perso.univ-lr.fr/jmfollin/lupsig/s4/support/alovmap.zip
A la fin de cet exercice, vous devriez avoir une présentation ressemblant à celle ci-dessous :

Jean-Michel FOLLIN (jmf[email protected]) LUP-SIG, 2004-2005
Exercice 2 : Manipulation d’un document SVG
2.1 Terminer le TP précédent : génération d’un SVG à partir d’une carte de Map Info
vous pouvez utiliser les données IGN sur Orléans de l’exercice 1.
2.2. Quand vous avez fini l’exercice 2.1
Récupérer le document SVG à modifier States_s4.svg
Manipuler le fichier SVG (dans HTML Editor par exemple) pour :
• Modifier l’opacité des états lors du passage de la souris en utilisant la fonction
setAttribute("fill-opacity","value")
• Terminer le menu d’activation des couches (ecmascript) en utilisant la fonction
checkBoxScript(evt,myLayer)
• Afficher les données de population lors du passage de la souris en utilisant la fonction
getAttributeNS (string namespaceURI , string localName ).
A la fin de cet exercice, vous devriez avoir une présentation ressemblant à celle ci-dessous :