banniere

Le portail francophone de la géomatique


Toujours pas inscrit ? Mot de passe oublié ?
Nom d'utilisateur    Mot de passe              Toujours pas inscrit ?   Mot de passe oublié ?

Annonce

GEODATA DAYS 2024

#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

Yves
Membre du bureau
Lieu: Aix-les-Bains
Date d'inscription: 22 Mar 2006
Messages: 9855
Site web

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

PA
Membre
Lieu: Paris
Date d'inscription: 5 Sep 2005
Messages: 3259
Site web

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...


Pierre-André Le Ny
Modérateur QGIS, Données, Coin de l'OpenSource
Aidez l'association GeoRezo !

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

 

Pied de page des forums

Powered by FluxBB