#1 Thu 10 March 2011 15:52
- jean94
- Participant assidu
- Date d'inscription: 13 Aug 2009
- Messages: 436
Afficher des vecteurs géographpiques dans une page web
Bonjour à tous,
Je ne crois pas que l'on puisse appeler cela du web mapping tellement c'est de base, mais étant donné que c'est une carte dans une page web j'ai posté ici.
Bref, j'ai un fond de carte en .tab ou .shp aucune différence le fomat natif n'est pas important ici, qui contient 17 départements. J'aimerais dans une page web afficher ces départements. Pas obligé d'être projeté, je veux siimplement qu'en passant sur un polygone, il s'allume et en cliquand dessus renvoie vers une autre page. Je veux éviter tout ce qui est flash. j'ai regardé w3schools.com mais ne trouve pas exactement ce que je veux ou ce qu'il me faut.
Donc si vous pourrier me donner quelques exemple de code, de format, et les étapes a suivre pour arriver au produit shouaité.
Merci!
JF
P.S. je suis débutant en html.
Hors ligne
#2 Thu 10 March 2011 16:02
Re: Afficher des vecteurs géographpiques dans une page web
Bonjour,
Tu peux regarder cette documentation, attention je pense pas qu'elle soit encore à jour ...
http://www.davidgis.fr/documentation/wi … /ch09.html
Y.
Yves Jacolin, bénévole de l'association GeoRezo.net, agit au nom et pour le compte de l'association - Partageons ce qui nous départage !! - GeoRezo vous aide ? Aidez GeoRezo !
Hors ligne
#3 Thu 10 March 2011 16:05
Re: Afficher des vecteurs géographpiques dans une page web
Bonjour,
Regardez aussi la balise MAP :
http://bernard.quevillier.pagesperso-or … ew/map.htm
Après tout, si vous n'avez que 17 zones réactives...
Hors ligne
#4 Thu 10 March 2011 16:12
- Delu
- Participant actif
- Lieu: Briançon
- Date d'inscription: 29 Apr 2008
- Messages: 76
Re: Afficher des vecteurs géographpiques dans une page web
Voici un exemple de map que je n'ai pas construit moi même. Je ne peux donc pas te dire comment on converti les coordonnées du fichier sig vers celle de la balise map mais bon ça donne un exemple :
Code:
<div class="carte-secteur" style="float: right;"> <div align="center"> <br/> <img border="0" usemap="#carte_small" alt="" src="<?php echo $src_img;?>"/> <map name="carte_small"> <area alt="" href="lien" coords="127,66,124,62,123,59,120,58,119,58,118,58,115,57,112,58,111,60,108,57,108,56,106,54,102,54,99,53,94,57,93,61,94,65,94,68,95,70,93,72,94,76,93,78,95,79,91,81,90,84,91,85,94,88,93,89,92,94,93,94,94,99,95,100,96,104,96,105,94,107,96,109,96,110,100,110,101,111,104,112,104,115,105,116,105,119,107,121,112,122,114,122,116,119,120,117,121,117,122,117,124,117,129,117,134,117,136,118,138,115,139,115,139,113,138,111,138,107,134,100,136,98,137,97,139,95,135,92,134,88,132,84,131,81,130,80,129,79,128,79,129,78,127,77,126,71,125,69,127,66" shape="poly"> <area alt="" href="lien" coords="81,16,75,12,74,11,73,12,73,12,72,13,69,18,70,22,70,24,72,25,69,27,68,27,67,31,66,35,66,36,65,37,65,40,72,44,75,44,78,43,80,43,82,42,85,42,86,42,87,43,86,44,85,48,88,50,87,52,87,55,89,56,94,57,99,53,102,54,106,54,108,57,107,57,110,60,112,58,115,57,117,58,120,58,123,59,123,58,126,56,128,56,134,50,133,48,133,46,135,45,132,45,133,44,129,44,127,42,128,40,126,40,126,39,123,39,121,38,121,37,120,36,120,37,119,36,120,30,119,29,118,29,118,28,114,27,109,28,107,27,107,27,106,25,104,27,102,25,100,26,99,26,95,25,97,23,94,17,89,13,89,13,87,12,87,13,81,16" shape="poly"> <area alt="" href="lien" coords="93,78,95,79,91,81,88,80,88,79,87,78,86,77,85,75,82,75,81,76,79,76,77,78,76,81,71,81,66,79,66,78,66,75,66,75,65,75,64,75,61,71,57,70,56,67,50,68,49,63,46,62,44,61,38,61,37,61,35,50,32,48,31,46,29,45,28,41,27,42,26,41,24,42,18,41,17,36,15,36,18,31,16,30,16,29,14,29,15,26,21,23,21,23,24,21,24,16,28,15,30,15,33,17,34,20,33,22,33,25,34,25,35,26,35,26,38,32,40,33,42,37,43,38,46,34,51,35,53,33,53,32,54,31,53,30,52,26,55,23,53,22,52,19,52,15,52,13,53,11,52,9,53,5,55,6,57,5,59,2,62,3,67,6,68,7,72,5,76,9,75,12,74,11,73,13,72,13,69,18,70,22,70,24,72,25,69,27,68,27,67,30,67,31,66,35,66,36,65,37,65,40,69,42,74,44,78,43,80,43,82,42,86,42,87,43,86,44,86,48,88,51,87,52,87,55,89,56,94,57,93,61,94,62,95,66,94,69,95,70,93,72,94,76,93,78" shape="poly"> <area alt="" href="lien" coords="41,91,36,86,35,84,30,81,23,82,22,81,20,79,17,78,13,78,8,78,9,77,7,77,7,74,6,73,8,70,6,69,6,68,4,68,4,66,4,63,5,61,6,58,3,56,3,56,1,54,3,52,3,50,2,50,4,48,3,46,5,44,6,43,8,40,13,36,17,36,18,40,24,42,26,41,26,42,28,41,29,45,32,46,32,48,35,50,37,60,38,61,44,61,46,62,49,62,50,68,56,67,57,70,61,71,64,75,66,75,66,80,65,81,61,81,59,80,57,80,55,79,54,79,51,84,49,85,49,86,44,88,41,91" shape="poly"> <area alt="" href="lien" coords="42,121,41,121,39,119,33,112,33,111,29,102,27,101,27,99,25,98,24,98,24,97,23,97,22,95,27,92,30,92,32,91,33,88,35,87,36,86,41,91,41,91,44,88,49,86,49,85,50,84,54,79,55,79,56,80,57,80,59,80,60,81,62,81,63,81,65,81,66,80,71,81,76,81,77,78,79,76,81,76,82,75,85,75,86,77,87,78,88,80,91,81,90,83,91,86,94,88,93,89,92,94,88,96,86,96,85,98,78,94,77,94,77,96,75,97,74,102,70,103,68,106,69,108,68,110,67,110,66,110,67,113,66,115,67,116,67,117,67,118,64,120,62,119,57,119,53,119,52,120,51,119,51,118,49,117,49,118,44,116,44,115,43,115,42,116,42,117,43,119,42,121,42,121" shape="poly"> <area alt="" href="lien" coords="87,145,83,145,80,146,79,146,70,149,67,148,66,147,64,146,65,146,64,144,61,142,61,141,62,139,61,138,60,137,59,137,58,135,56,135,55,134,55,134,54,133,53,133,51,133,50,131,49,131,48,130,47,129,47,129,43,122,42,121,42,119,42,116,43,115,44,115,44,116,48,118,50,117,51,118,51,119,52,120,53,119,56,119,59,119,62,118,64,120,66,118,67,116,66,116,67,113,66,110,67,110,68,110,69,108,68,106,70,103,74,102,75,97,76,96,77,94,78,94,85,98,86,96,88,96,92,94,93,94,94,98,94,99,95,100,96,104,96,106,94,107,96,109,96,110,100,109,101,111,104,112,104,115,105,116,105,119,107,121,112,122,111,123,111,127,109,128,109,130,108,130,106,132,106,133,106,133,103,133,100,130,100,129,99,128,96,129,96,130,93,132,93,134,91,136,91,138,91,138,89,137,88,138,85,143,87,145" shape="poly"> <area alt="" href="lien" coords="130,182,130,179,128,176,128,172,125,167,122,157,123,157,124,157,125,157,126,158,129,152,128,149,129,148,130,147,129,147,131,145,134,136,135,135,135,137,137,140,138,141,143,144,143,142,142,137,142,133,142,132,142,129,140,129,143,126,143,122,143,120,142,120,141,119,137,119,135,117,131,117,129,117,122,117,121,117,120,117,116,119,115,121,114,122,113,122,111,123,110,127,109,128,109,130,107,131,105,133,106,133,105,134,103,132,101,131,100,128,98,128,96,129,95,131,93,132,93,134,91,136,91,138,89,137,87,138,85,143,90,148,93,149,91,155,90,157,90,158,92,159,93,161,94,163,95,164,96,166,96,166,97,167,101,165,101,166,107,170,106,171,109,173,109,176,111,176,111,178,113,178,115,176,116,177,117,178,119,178,120,180,121,180,121,182,124,181,127,182,128,181,130,182" shape="poly"> </map> </div> </div>
Dernière modification par Delu (Thu 10 March 2011 16:13)
Hors ligne
#5 Thu 10 March 2011 23:10
- smile
- Participant actif
- Date d'inscription: 2 Jul 2009
- Messages: 110
Re: Afficher des vecteurs géographpiques dans une page web
Salut,
tu peux egalement créer une carte cliquable avec Gimp : http://www.infetech.com/article.php3?id_article=159
Dernière modification par smile (Thu 10 March 2011 23:12)
Hors ligne