basic demo map for each mode

geoman-io · dailyprice · Aug 21, 2024 · Aug 21, 2024 · Aug 21, 2024 · Sep 18, 2024
commit cd3d4ac8f5646566a16c90e7a8aef740d7f9ed20
diff --git a/.npmrc b/.npmrc
@@ -0,0 +1,3 @@
+shamefully-hoist=true
+strict-peer-dependencies=false
+@geoman-io/maplibre-geoman-pro:registry=https://npm.geoman.io/
diff --git a/docs/draw-modes/00-draw-marker.md b/docs/draw-modes/00-draw-marker.md
diff --git a/docs/draw-modes/00-draw-marker.mdx b/docs/draw-modes/00-draw-marker.mdx
@@ -0,0 +1,15 @@
+---
+title: "Marker"
+---
+
+## Marker Mode
+
+You can enable Marker Mode on your map to allow users to draw marker geometries.
+
+<!-- Add detailed documentation and code examples for Marker Mode here -->
+
+## Live Marker Example
+import BrowserOnlyGmMap from '../../src/components/map/BrowserOnlyGmMap';
+import { drawMarkerOptions } from '../../src/components/examles/mode-options';
+
+<BrowserOnlyGmMap gmOptions={drawMarkerOptions} />
diff --git a/docs/draw-modes/01-draw-circle_marker.md b/docs/draw-modes/01-draw-circle_marker.md
diff --git a/docs/draw-modes/01-draw-circle_marker.mdx b/docs/draw-modes/01-draw-circle_marker.mdx
@@ -0,0 +1,15 @@
+---
+title: "Circle Marker"
+---
+
+## Circle Marker Mode
+
+You can enable Circle Marker Mode on your map to allow users to draw circle marker geometries.
+
+<!-- Add detailed documentation and code examples for Circle Marker Mode here -->
+
+## Live Circle Marker Example
+import BrowserOnlyGmMap from '../../src/components/map/BrowserOnlyGmMap';
+import { drawCircleMarkerOptions } from '../../src/components/examles/mode-options';
+
+<BrowserOnlyGmMap gmOptions={drawCircleMarkerOptions} />
diff --git a/docs/draw-modes/02-draw-text_marker.md b/docs/draw-modes/02-draw-text_marker.md
diff --git a/docs/draw-modes/02-draw-text_marker.mdx b/docs/draw-modes/02-draw-text_marker.mdx
@@ -0,0 +1,15 @@
+---
+title: "Text Marker"
+---
+
+## Text Marker Mode
+
+You can enable Text Marker Mode on your map to allow users to draw text marker geometries.
+
+<!-- Add detailed documentation and code examples for Text Marker Mode here -->
+
+## Live Text Marker Example
+import BrowserOnlyGmMap from '../../src/components/map/BrowserOnlyGmMap';
+import { drawTextMarkerOptions } from '../../src/components/examles/mode-options';
+
+<BrowserOnlyGmMap gmOptions={drawTextMarkerOptions} />
diff --git a/docs/draw-modes/03-draw-circle.md b/docs/draw-modes/03-draw-circle.md
diff --git a/docs/draw-modes/03-draw-circle.mdx b/docs/draw-modes/03-draw-circle.mdx
@@ -0,0 +1,15 @@
+---
+title: "Circle"
+---
+
+## Circle Mode
+
+You can enable Circle Mode on your map to allow users to draw circle geometries.
+
+<!-- Add detailed documentation and code examples for Circle Mode here -->
+
+## Live Circle Example
+import BrowserOnlyGmMap from '../../src/components/map/BrowserOnlyGmMap';
+import { drawCircleOptions } from '../../src/components/examles/mode-options';
+
+<BrowserOnlyGmMap gmOptions={drawCircleOptions} />
diff --git a/docs/draw-modes/04-draw-line.md b/docs/draw-modes/04-draw-line.md
diff --git a/docs/draw-modes/04-draw-line.mdx b/docs/draw-modes/04-draw-line.mdx
@@ -0,0 +1,15 @@
+---
+title: "Line"
+---
+
+## Line Mode
+
+You can enable Line Mode on your map to allow users to draw line geometries.
+
+<!-- Add detailed documentation and code examples for Line Mode here -->
+
+## Live Line Example
+import BrowserOnlyGmMap from '../../src/components/map/BrowserOnlyGmMap';
+import { drawLineOptions } from '../../src/components/examles/mode-options';
+
+<BrowserOnlyGmMap gmOptions={drawLineOptions} />
diff --git a/docs/draw-modes/05-draw-rectangle.md b/docs/draw-modes/05-draw-rectangle.md
diff --git a/docs/draw-modes/05-draw-rectangle.mdx b/docs/draw-modes/05-draw-rectangle.mdx
@@ -0,0 +1,15 @@
+---
+title: "Rectangle"
+---
+
+## Rectangle Mode
+
+You can enable Rectangle Mode on your map to allow users to draw rectangle geometries.
+
+<!-- Add detailed documentation and code examples for Rectangle Mode here -->
+
+## Live Rectangle Example
+import BrowserOnlyGmMap from '../../src/components/map/BrowserOnlyGmMap';
+import { drawRectangleOptions } from '../../src/components/examles/mode-options';
+
+<BrowserOnlyGmMap gmOptions={drawRectangleOptions} />
diff --git a/docs/draw-modes/06-draw-polygon.md b/docs/draw-modes/06-draw-polygon.md
diff --git a/docs/draw-modes/06-draw-polygon.mdx b/docs/draw-modes/06-draw-polygon.mdx
@@ -0,0 +1,15 @@
+---
+title: "Polygon"
+---
+
+## Polygon Mode
+
+You can enable Polygon Mode on your map to allow users to draw polygon geometries.
+
+<!-- Add detailed documentation and code examples for Polygon Mode here -->
+
+## Live Polygon Example
+import BrowserOnlyGmMap from '../../src/components/map/BrowserOnlyGmMap';
+import { drawPolygonOptions } from '../../src/components/examles/mode-options';
+
+<BrowserOnlyGmMap gmOptions={drawPolygonOptions} />
diff --git a/docs/edit-modes/00-edit-drag.md b/docs/edit-modes/00-edit-drag.md
diff --git a/docs/edit-modes/00-edit-drag.mdx b/docs/edit-modes/00-edit-drag.mdx
@@ -0,0 +1,15 @@
+---
+title: "Drag"
+---
+
+## Drag Mode
+
+You can enable Drag Mode on your map to allow users to drag geometries.
+
+<!-- Add detailed documentation and code examples for Drag Mode here -->
+
+## Live Drag Example
+import BrowserOnlyGmMap from '../../src/components/map/BrowserOnlyGmMap';
+import { editDragOptions } from '../../src/components/examles/mode-options';
+
+<BrowserOnlyGmMap gmOptions={editDragOptions} />
diff --git a/docs/edit-modes/01-edit-change.md b/docs/edit-modes/01-edit-change.md
diff --git a/docs/edit-modes/01-edit-change.mdx b/docs/edit-modes/01-edit-change.mdx
@@ -0,0 +1,15 @@
+---
+title: "Change"
+---
+
+## Change Mode
+
+You can enable Change Mode on your map to allow users to change geometries.
+
+<!-- Add detailed documentation and code examples for Change Mode here -->
+
+## Live Change Example
+import BrowserOnlyGmMap from '../../src/components/map/BrowserOnlyGmMap';
+import { editChangeOptions } from '../../src/components/examles/mode-options';
+
+<BrowserOnlyGmMap gmOptions={editChangeOptions} />
diff --git a/docs/edit-modes/02-edit-rotate.md b/docs/edit-modes/02-edit-rotate.md
diff --git a/docs/edit-modes/02-edit-rotate.mdx b/docs/edit-modes/02-edit-rotate.mdx
@@ -0,0 +1,15 @@
+---
+title: "Rotate"
+---
+
+## Rotate Mode
+
+You can enable Rotate Mode on your map to allow users to rotate geometries.
+
+<!-- Add detailed documentation and code examples for Rotate Mode here -->
+
+## Live Rotate Example
+import BrowserOnlyGmMap from '../../src/components/map/BrowserOnlyGmMap';
+import { editRotateOptions } from '../../src/components/examles/mode-options';
+
+<BrowserOnlyGmMap gmOptions={editRotateOptions} />
diff --git a/docs/edit-modes/03-edit-scale.md b/docs/edit-modes/03-edit-scale.md
diff --git a/docs/edit-modes/03-edit-scale.mdx b/docs/edit-modes/03-edit-scale.mdx
@@ -0,0 +1,15 @@
+---
+title: "Scale"
+---
+
+## Scale Mode
+
+You can enable Scale Mode on your map to allow users to scale geometries.
+
+<!-- Add detailed documentation and code examples for Scale Mode here -->
+
+## Live Scale Example
+import BrowserOnlyGmMap from '../../src/components/map/BrowserOnlyGmMap';
+import { editScaleOptions } from '../../src/components/examles/mode-options';
+
+<BrowserOnlyGmMap gmOptions={editScaleOptions} />
diff --git a/docs/edit-modes/04-edit-copy.md b/docs/edit-modes/04-edit-copy.md
diff --git a/docs/edit-modes/04-edit-copy.mdx b/docs/edit-modes/04-edit-copy.mdx
@@ -0,0 +1,15 @@
+---
+title: "Copy"
+---
+
+## Copy Mode
+
+You can enable Copy Mode on your map to allow users to copy geometries.
+
+<!-- Add detailed documentation and code examples for Copy Mode here -->
+
+## Live Copy Example
+import BrowserOnlyGmMap from '../../src/components/map/BrowserOnlyGmMap';
+import { editCopyOptions } from '../../src/components/examles/mode-options';
+
+<BrowserOnlyGmMap gmOptions={editCopyOptions} />
diff --git a/docs/edit-modes/05-edit-cut.md b/docs/edit-modes/05-edit-cut.md
diff --git a/docs/edit-modes/05-edit-cut.mdx b/docs/edit-modes/05-edit-cut.mdx
@@ -0,0 +1,15 @@
+---
+title: "Cut"
+---
+
+## Cut Mode
+
+You can enable Cut Mode on your map to allow users to cut geometries.
+
+<!-- Add detailed documentation and code examples for Cut Mode here -->
+
+## Live Cut Example
+import BrowserOnlyGmMap from '../../src/components/map/BrowserOnlyGmMap';
+import { editCutOptions } from '../../src/components/examles/mode-options';
+
+<BrowserOnlyGmMap gmOptions={editCutOptions} />
diff --git a/docs/edit-modes/06-edit-split.md b/docs/edit-modes/06-edit-split.md
diff --git a/docs/edit-modes/06-edit-split.mdx b/docs/edit-modes/06-edit-split.mdx
@@ -0,0 +1,15 @@
+---
+title: "Split"
+---
+
+## Split Mode
+
+You can enable Split Mode on your map to allow users to split geometries.
+
+<!-- Add detailed documentation and code examples for Split Mode here -->
+
+## Live Split Example
+import BrowserOnlyGmMap from '../../src/components/map/BrowserOnlyGmMap';
+import { editSplitOptions } from '../../src/components/examles/mode-options';
+
+<BrowserOnlyGmMap gmOptions={editSplitOptions} />
diff --git a/docs/edit-modes/07-edit-union.md b/docs/edit-modes/07-edit-union.md