Affichage données WebMap

**Dalila63** · 15/04/2020, 12h10

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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,

**ProgElecT** · 15/04/2020, 12h58

Salut

ton code

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**Dalila63** · 15/04/2020, 13h09

J'ai bien cette couleur de syntaxe dans mon index.html :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 "

**Doksuri** · 15/04/2020, 13h11

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

**Dalila63** · 15/04/2020, 13h31

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
<script src="leaflet/shp/dist/shp.js"></script>
<script src="leaflet/leaflet-shpfile/leaflet.shpfile.js"></script>

**NoSmoking** · 15/04/2020, 16h33

Bonjour et bienvenue sur DVP.

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

tu devrais passer par un chemin relatif à ta source.

Affichage données WebMap

Bibliothèques & Frameworks

Discussions similaires

Partager

Partager