#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