Annonce
#1 Wed 03 August 2016 14:45
- mlt
- Participant actif
- Date d'inscription: 14 Oct 2015
- Messages: 59
définir une icone dans leaflet
Bonjour,
Voici mon problème: à terme je veux changer les couleurs de mes iconesen fonction de certains paramètres.
J'ai fait ce code (ici simplifier au maximum):
Code:
<!DOCTYPE html>
<html>
<head>
<title>Station</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script src="https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.7/leaflet.js"></script>
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.7/leaflet.css" />
</head>
<body>
<h1> stations </h1>
<div id="map" style="width:1500px;height:700px;"></div>
</body>
</html>
<script>
var station = new L.featureGroup();
var map = L.map('map', {maxZoom: 19, minZoom:7}).setView([43.65, 4.78], 7);
L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { maxZoom: 19 }).addTo(map);
</script>
<script>
//initialisation des icones
var icon-grey = L.icon({ iconUrl: 'https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.7/images/marker-icon.png'});
</script>
<script>L.marker([44.156,4.873], {icon: icon-grey}).bindPopup("<h6>TEST</h6> <p>0</p>").addTo(station),
station.addTo(map);</script>Mon icone ne se définit pas. J'ai essayé plusieurs choses, mais je n'arrive à aucun résultat; Si je précise pas "icon" dans mon L.marker alors le point s'affiche. Mais en le précisant comme ici alors, mon point ne s'affiche pas.
Je pense que le prblème est ici:
Code:
var icon-grey = L.icon({ iconUrl: 'https://cdnjs.cloudflare.com/ajax/libs/leaflet/0.7.7/images/marker-icon.png'});Mais je n'arrive pas à comprendre pourquoi.
Quelqu'un a une idée ? 
Merci
Hors ligne
#2 Wed 03 August 2016 16:12
- mlt
- Participant actif
- Date d'inscription: 14 Oct 2015
- Messages: 59
Re: définir une icone dans leaflet
Je savais pas que l'on ne pouvais pas mettre de "-" dans le nom d'une variable. L'erreur venait de là.
Merci
Hors ligne
