Question: how to give different colours for Polygon and Linestring shapes in drawing tool.

[CityBelfast]

Hi, is there any way I can set separate colour options for both LineString and Polygon shapes in the drawing tool? for example, I need to set templineStyle & hintlineStyle same for both LineString & Polygon shapes. But once the drawing is finished the lineString must be displayed in blue and polygon shape must be in red. how can i add those option in the below code?

  var drawOptions = {
            snappable: true,
            snapDistance: 30,
            snapMiddle: true,            
          allowSelfIntersection: false,
            templineStyle: { color: '#CE0048', },
            hintlineStyle: { color: '#24F262', dashArray: [5, 5] },
            pathOptions: { color: '#CE0048', fillColor: '#FCDCA1', fillOpacity: 0.7 },
            markerStyle: { opacity: 0.1, draggable: false, icon: bulletRedMarker },
            cursorMarker: true,
            finishOn: 'click',
            finishondoubleclick: true,
            layerGroup: drawLayerGroup1
        };
       map.pm.setGlobalOptions(drawOptions)
        map.pm.addControls({ editMode: true, oneBlock: false, cutPolygon: false, drawCircleMarker: false });

[Falke-Design]

You can change the color over the pm:create event:

map.on('pm:create', function (e) {
      var layer = e.layer;

      if(layer instanceof L.Polygon && !(layer instanceof L.Rectangle)){
        layer.setStyle({color: 'green'});
      }else if(layer instanceof L.Polyline && !(layer instanceof L.Polygon)){
        layer.setStyle({color: 'yellow'});
      }
    })

Or you set the pathOption for each of the Draw shape:

   map.pm.Draw.Polygon.setPathOptions({color :'green'});
   map.pm.Draw.Line.setPathOptions({color :'yellow'});

[CityBelfast]

thanks.