Affichage données WebMap

Version imprimable

15/04/2020, 12h10
Dalila63

Affichage données WebMap
Bonjour,

J’utilise Leaflet v1.4.0 pour créer une carte dynamique en ligne. J’ai installé WampSever2 v2.5 pour pouvoir travailler en local.

Mais je n’arrive pas à afficher les données d’un shapefile (qui se trouve dans le sous/répertoire de mon projet. les coordonnées géo. sont bien en WGS84.

Mon code JavaScript est le suivant:
Code:

1 2 var shapeLayer = new L.Shapefile(’http//localhost:80/data/monfichier.zip’); shapeLayer.addTo(map);
Je ne vois aucun message d’erreur dans la console F12 de mon navigateur (Firefox).

Est-ce que quelqu’un aurait une idée et pourrait m’éclairer ?
En vous remerciant,

Salut

ton code
Code:

1 2 var shapeLayer = new L.Shapefile(’http//localhost:80/data/monfichier.zip’); shapeLayer.addTo(map);
curieux que la colorisation ne soit pas correcte, problème de '

Voici se que devrait donner la colorisation syntaxique:
Code:

1 2 var shapeLayer = new L.Shapefile('http//localhost:80/data/monfichier.zip'); shapeLayer.addTo(map);
Code:

1 2 var shapeLayer = new L.Shapefile("http//localhost:80/data/monfichier.zip"); shapeLayer.addTo(map);

15/04/2020, 13h09
Dalila63
J'ai bien cette couleur de syntaxe dans mon index.html :
Code:

1 2 var shapeLayer = new L.Shapefile("http//localhost:80/data/monfichier.zip"); shapeLayer.addTo(map);
C'est sûrement parce que je l'avais copié avant d'insérer la balise CODE.

Sinon j'ai essayé avec ' et "
15/04/2020, 13h11
Doksuri

je ne connais pas la function Shapefile de leaflet, c'est possible d'ouvrir un .zip directement ?
en theorie, ce son des json (geojson) qu'on lit
15/04/2020, 13h31
Dalila63
Je débute avec Leaflet et JavaScript... mais en principe oui.

Il faut utiliser deux plugins, shp.js et leaflet-shpfile, on insère dans la section <head> l’intégration des plugins :
Code:

1 2 <script src="leaflet/shp/dist/shp.js"></script> <script src="leaflet/leaflet-shpfile/leaflet.shpfile.js"></script>
15/04/2020, 16h33
NoSmoking

Bonjour et bienvenue sur DVP.

L'adresse de ton fichier n'est pas une adresse valide, il manque le : après le http.

Code:

var shapeLayer = new L.Shapefile("http://localhost:80/data/monfichier.zip");

tu devrais passer par un chemin relatif à ta source.

Fuseau horaire GMT +2. Il est actuellement 16h41.