carte leaflet erreur marqueur
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:
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 |
