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)