Changing colors of vertex markers in edit mode

[victoriaunizhona]

Hi guys!

I need to set color of these markers(orange ones) in edit mode for polygon dynamically. Did not found the right method in documentation.

I can set the fill color for polygon, lines, but no luck with markers. Is it possible?

Would really appreciate any help.

[Falke-Design]

This markers are only styled by css, but I think you have found this already because of the change to orange.

leaflet-geoman/src/css/layers.css

Lines 1 to 12 in 7cdb0ed

	.marker-icon,
	.marker-icon:focus {
	background-color: #ffffff;
	border: 1px solid #3388ff;
	border-radius: 50%;
	margin: -8px 0 0 -8px !important;
	width: 14px !important;
	height: 14px !important;
	outline: 0;
	transition: opacity ease 0.3s;
	}

You can add a css class to the map and if the class is applied to the map change the css of the vertex markers:

https://jsfiddle.net/falkedesign/ojg3v0dt/

var changed = false;
function changeColor(){
  if(!changed){
    L.DomUtil.addClass(map.getContainer(),'custom-vertex');
  }else{
    L.DomUtil.removeClass(map.getContainer(),'custom-vertex');
  }
  changed = !changed;
}

CSS:

 #map.custom-vertex .marker-icon { 
   background-color: #f00;  
 }