0
505
Viewschange Leaflet circleMarker ,to any custom icon (large data)
I load about 10K L.circleMarker on the leaflet map and its works great.
I try to change the icon of the circle to anything but I cant
I know that I can change the icon in the regular marker but I don't, know how can I change the L.circleMarker.
can't find any doc about changing circle markers: https://leafletjs.com/reference.html#circlemarker
I want to get a result something like this but with different shapes of circle markers:
ill be thankful if you have any experience to share
1 answers
Answer question0
It is not possible for L.circleMarker to load an icon directly. I have been in similar situation and used a bit of hack combining L.circle and L.marker. I need to specify radius in meters didn't know how to convert it to pixels. L.circleMarker allows to specify Radius of the circle marker, in pixels. L.circle allows to specify Radius of the circle, in meters.
try this function to set leftlet icon to any other icon :
You can take detailed reference from here (https://leafletjs.com/reference.html#icon)
function setLeafLetIcon(icon, marker) {
var myIconReplc = L.Icon.extend({
options: {
iconUrl: icon, // icon image url here
iconSize: [20, 24],
iconAnchor: [10, 24]
}
});
marker.setIcon(new myIconReplc);
}