This is a Leaflet Geoman Subplugin

Demo: PMColor

Download pmColor.js and include them in your project.

<script src="./dist/pmColor.js"></script>

or use the script over cdn:

<script src="https://cdn.jsdelivr.net/gh/Falke-Design/PMColor/dist/pmColor.js"></script>

Create the L.PMColor button after Leaflet Geoman

pmColor = new L.PMColor(map)

You can define the width, positon and if the colorpicker is showing

pmColor = new L.PMColor(map, {width: 180, pickerPosition: {top: 5, left: 100}, showPicker: true})

openColorPicker / closeColorPicker

pmColor.openColorPicker();
pmColor.closeColorPicker();

enableBucket / disableBucket

pmColor.enableBucket();
pmColor.disableBucket();

enablePipette / disablePipette

pmColor.enablePipette();
pmColor.disablePipette();

disable

Disable bucket and pipette

pmColor.openColorPicker();
pmColor.closeColorPicker();

setText

Set the active mode "bucket" | "pipette" | ""

pmColor.setMode(mode)

getMode

Get the active mode "bucket" | "pipette" | ""

pmColor.getMode()

setColorPickerType

Set the active colorpicker type "fill" | "border"

pmColor.setColorPickerType(type)

getColorPickerType

Get the active colorpicker type "fill" | "border"

pmColor.getColorPickerType()

setColor

pmColor.setColor(color)
color: {fill: '#f00', border: '#fff'}

getColor

Get the colors fill & border

pmColor.getColor()

setOpacity

Set the opacity between 0 and 1

pmColor.setOpacity(color)
opacity: {fill: 0.2, border: 1}

getOpacity

Get the opacity fill & border

pmColor.getOpacity()

setStyle

Set the color and opacity in leaflet format

pmColor.setStyle(style)
style: {color: '#fff', fillColor: '#f00', opacity: 1, fillOpacity: 0.2}

getStyle

Get the color and opacity in leaflet format "color" | "fillColor" | "opacity" | "fillOpacity"

pmColor.getStyle()

setPosition

Set the position from the colorpicker "top" | "left"

pmColor.setPosition(position)
position: { top: 5, left: 100}

getPosition

Get the position from the colorpicker "top" | "left"

pmColor.getPosition()

setPathOptions

Overwrite the pathOptions, templineStyle and hintlineStyle from all path Layers (Line, Polyline, Rectangle, CircleMarker, Circle)

map.pm.Draw.Line.setPathOptions(options)

setHintPathOptions

Overwrite the templineStyle and hintlineStyle from all path Layers (Line, Polyline, Rectangle, CircleMarker, Circle)

map.pm.Draw.Line.setHintPathOptions(options)