I want to change the icon color of one layer in leaflet, I have two point ,layers all appearing as blue default icons
Question
I have two points layers as Geojson files that I added to my leaflet map. The issue is that they all appear as the blue default icon. I want to change one to red. How do I do this?
Code
<body> <h1>Settlement Map</h1> <div id="map"> <script> var map = L.map('map').setView([-34.06001, 18.66321], 13); var addressLayer = L.geoJSON(address, { color: 'red' }).addTo(map); var EPLayer = L.geoJSON(EP).addTo(map); </script> </div> <body/>
1 answers
solution1
0 2019-11-28 12:08:13
It would be good if you could provide some code. It's hard to understand your problem and what you have done so far...
solution2
0 2019-11-29 07:25:26
Use the pointToLayer function
L.geoJSON(json,{
pointToLayer: function (feature, latlng) {
switch (feature.properties.country) {
case 'at': return L.marker(latlng, {icon: redIcon});
case 'de': return L.marker(latlng, {icon: greenIcon});
default: return L.marker(latlng);
}
}
}).addTo(mymap);
The technical post webpages of this site follow the CC BY-SA 4.0 protocol. If you need to reprint, please indicate the site URL or the original address.Any question please contact:yoyou2525@163.com.
Related Question
How do I change one icon into two different icons in flutter?
Leaflet Color appearing as dark blue in Choropleth
How do I change / color the icon / marker on the leaflet
I have a image for social icon in footer, i want it to change its background color on hover
Change leaflet layer control icons
I want to change background color of icons on every route in header
How do I programatically change layers in Leaflet?
How do I use the useState hook to change the color of my react icons to blue?
There are icon and label in one div, I want to change icon on click of label
Like Twitter, I want to change the color of the like icon on every click
Related Tags