carte leaflet erreur marqueur

**nrdz83** · 23/12/2018, 23h24

Bonjour à tous,

dans une page windev via un champ HTLM j'affiche une cratographie google, malheureusement avec la nouvelle limitation je cherche à afficher une cartographie géoportail par javascript.

Etant complétement débutant et ignorant je démarre doucement et arrive à afficher une cartographie, je verrai plus tard pour modifier les latitude et longitude.

Actuellemnt je rencontre une erreur au niveau de l'affichage du marqueur je ne comprend spas pourquoi car le code est extrait du site géoportail, quelqu'un pourrait-il m'aider pour cette erreur?

Par avance je vous remercie et essaierai d'ajouter une couche géoportail dés cette erreur résolu.

Et vous souhaite de bonnes fêtes de fin d'année.

Cordialement.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
macarte2 est une chaîne=[
    <!DOCTYPE html>
    <html>
    <head>
   
    <!-- Paramètrage d'affichage de la carte -->
    <style type="text/css">
    #viewerDiv {
    width:100%;
    height:600px;
    }
    </style>
   
    <!-- le fichier CSS -->
    <link rel="stylesheet" href="https://unpkg.com/leaflet@1.0.3/dist/leaflet.css" />
   
    <!-- le fichier Javascript Leaflet -->
    <script src="https://unpkg.com/leaflet@1.0.3/dist/leaflet.js"></script>
    <div id="viewerDiv"></div>
   
    <!-- //latitude et longitude de GONFARON avec un zoom de 10 -->
    <script type="text/javascript">
    window.onload= function() {
    var map = L.map("viewerDiv").setView([43.318630,6.300596],10) ;
    L.tileLayer('https://{s}.tile.openstreetmap.fr/osmfr/{z}/{x}/{y}.png',
    {
    minZoom : 0,
    maxZoom : 18,
    tileSize : 256,
   
   
    <!--Affiche un marqueur sur  GONFARON a -->
    var marker = L.marker([43.318630, 6.300596]).addTo(map);
   
   
    <!-- lègende affichée en bas de la cartographie -->
    attribution : "IGN-F/Géoportail"
    }).addTo(map);
    }
   

   
    </script>   
    </body>
    </html>
]

HTM_Carte2 = macarte2

**mga_geo** · 26/12/2018, 08h58

Bonjour,
Petite erreur pour afficher le marqueur.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
<!DOCTYPE html>
<html>
<head>

<!-- Paramètrage d'affichage de la carte -->
<style type="text/css">
#viewerDiv {
width:100%;
height:600px;
}
</style>

<!-- le fichier CSS -->
<link rel="stylesheet" href="https://unpkg.com/leaflet@1.0.3/dist/leaflet.css" />

<!-- le fichier Javascript Leaflet -->
<script src="https://unpkg.com/leaflet@1.0.3/dist/leaflet.js"></script>
<div id="viewerDiv"></div>

<!-- //latitude et longitude de GONFARON avec un zoom de 10 -->
<script type="text/javascript">
window.onload= function() {
  var map = L.map("viewerDiv").setView([43.318630,6.300596],10);
  L.tileLayer('https://{s}.tile.openstreetmap.fr/osmfr/{z}/{x}/{y}.png',
    {
      minZoom : 0,
      maxZoom : 18,
      tileSize : 256,
    <!-- légende affichée en bas de la cartographie -->
      attribution : "IGN-F/Géoportail"
    }).addTo(map);
<!--Affiche un marqueur sur  GONFARON a -->
    var marker = L.marker([43.318630, 6.300596]).addTo(map);
}


</script>
</body>
</html>

**nrdz83** · 26/12/2018, 20h26

Bonsoir mga_geo,

merci pour votre aide, je n'arrive pas à voir où était l'erreur, l'essentiel c'est que ça fonctionne mais je cherche à comprendre lol.

Encore merci et bonnes fêtes de fin d'année.

Cordialement.

carte leaflet erreur marqueur

IGN API Géoportail

Discussions similaires

Partager

Partager