Add map and folder management md doc and move screenshots into dedicated subdirectory

creating-and-editing-maps/create-and-edit-maps.md

@@ -0,0 +1,141 @@
+# Create and Edit Maps
+
+Maps in Lastmiler are used to define areas of interest. You can manage maps and folders to suit your operational needs.
+
+## Accessing the Mapping Feature
+
+After you have logged in to Lastmiler, navigate to Mapping by clicking on the **"Mapping"** in the top navigation bar.
+
+![Mapping default state](https://gitea.redburst.com/lastmiler-knowledge-base/Manager/raw/branch/main/creating-and-editing-maps/screenshots/01.png)
+
+## Managing Folders
+
+Before creating maps, you must first create folders. Folders must be used to group maps by area, type, or any other criteria that suits your needs.
+
+To manage folders click on the **"Manage Folder"** button located in the top left of the screen. This will open a side panel where you can create, rename, and delete folders. The side panel can be closed by clicking the **"Close"** button located in the top left of the side panel.
+
+### Creating a New Folder
+
+- Once the **"Manage Folders"** side panel has opened, enter the name for your new folder in the input field.
+
+![Mapping folders side panel](https://gitea.redburst.com/lastmiler-knowledge-base/Manager/raw/branch/main/creating-and-editing-maps/screenshots/02.png)
+
+- Click the **"Add"** button to create the folder and the new folder will appear in the side panel.
+
+![Mapping folders side panel map created](https://gitea.redburst.com/lastmiler-knowledge-base/Manager/raw/branch/main/creating-and-editing-maps/screenshots/03.png)
+
+### Change Folder Color
+
+To visually distinguish between different folders, you can change the color of a folder:
+
+- Click the folder icon located just before the folder name to open the color picker.
+- Select a color from the color picker to change the folder's color.
+
+![Mapping folders side panel change color](https://gitea.redburst.com/lastmiler-knowledge-base/Manager/raw/branch/main/creating-and-editing-maps/screenshots/04.png)
+
+### Renaming Folders
+
+To rename a folder:
+
+- Click on the folder name that you want to rename, or click the edit icon located just after the folder name.
+- Enter the new name for the folder in the input field that appears.
+- Click the checkmark icon to save the new name.
+
+To discard the changes, click the cross icon.
+
+![Mapping folders side panel rename folder](https://gitea.redburst.com/lastmiler-knowledge-base/Manager/raw/branch/main/creating-and-editing-maps/screenshots/05.png)
+
+### Deleting Folders
+
+To delete a folder:
+
+- Click the trash bin icon located after the folder name.
+- A confirmation dialog will appear asking if you are sure you want to delete the folder.
+- Click **"Delete"** to confirm the deletion, or **"Cancel"** to abort the action.
+
+![Deleting a folder](https://gitea.redburst.com/lastmiler-knowledge-base/Manager/raw/branch/main/creating-and-editing-maps/screenshots/06.png)
+
+## Managing Maps
+
+Once we have created a folder and closed the **"Manage Folder"** side panel, we can start adding maps to it. Maps can be used to define areas of interest, such as delivery zones, service areas, or any other geographical boundaries relevant to your operations.
+
+### Creating a New Map
+
+To start managing the maps, we must first select the folder we want to work with:
+
+- Click the dropdown list located right after the **"Manage Folder"** button.
+- Select the folder you want to work with from the dropdown list.
+- Click the **"Manage Maps"** button located in the upper right corner to open the maps management panel.
+
+![Mapping select folder](https://gitea.redburst.com/lastmiler-knowledge-base/Manager/raw/branch/main/creating-and-editing-maps/screenshots/07.png)
+
+The **"Manage Maps"** side panel will open from the left side, allowing you to manage the maps within the selected folder.
+
+![Mapping maps side panel](https://gitea.redburst.com/lastmiler-knowledge-base/Manager/raw/branch/main/creating-and-editing-maps/screenshots/08.png)
+
+To start creating a new map:
+
+- Enter the name for your new map in the input field.
+- Click the **"Add"** button to create the map.
+
+The map management side panel will close automatically, and you can start drawing your map.
+
+![Mapping map drawing](https://gitea.redburst.com/lastmiler-knowledge-base/Manager/raw/branch/main/creating-and-editing-maps/screenshots/09.png)
+
+### Searching for a Location
+
+If you're unsure where to zoom in, you can select a location to center your map:
+
+- Click on the **"Search location"** input located at the top of the map.
+- Enter the place that you want to search for, such as a city, a street or a landmark.
+- Select the desired location from the search results.
+
+![Mapping location search](https://gitea.redburst.com/lastmiler-knowledge-base/Manager/raw/branch/main/creating-and-editing-maps/screenshots/10.png)
+
+### Drawing a Map Shape
+
+To draw a map shape on the map simply start clicking on the map.
+
+![Mapping map drawing](https://gitea.redburst.com/lastmiler-knowledge-base/Manager/raw/branch/main/creating-and-editing-maps/screenshots/11.png)
+
+To complete the map shape, either click on the first point again or double-click anywhere on the map. To remove a point, simply click on it. You can also drag points to adjust the shape as needed.
+
+![Mapping polygon drawn](https://gitea.redburst.com/lastmiler-knowledge-base/Manager/raw/branch/main/creating-and-editing-maps/screenshots/12.png)
+
+Once you complete the map shape, the **commercial**, **residential**, and **total** property count will be displayed.
+
+- To **cancel the map creation**, click the **"Cancel"** button at the top of the map. This will close the drawing interface and discard all changes.
+
+To **discard the current map shape**, click the **"Clear"** button. This will remove the shape and allow you to start over.
+
+To **save the map shape**, click the **"Save"** button. The shape will be saved as a map in the selected folder.
+
+### Viewing Map Addresses
+
+Once the map shape is drawn, you can view the addresses within the polygon:
+
+- Click the **"Display Addresses"** button located bellow the property count.
+
+This will display a list of addresses in a new browser tab.
+
+![Mapping import postcode library](https://gitea.redburst.com/lastmiler-knowledge-base/Manager/raw/branch/main/creating-and-editing-maps/screenshots/13.png)
+
+### Importing Postcode Sectors
+
+You can also import postcode sectors to create maps. This is useful for defining zones based on postal codes.
+
+To import a postcode sector shape, click the **"Import"** button located at the top of the map. This will open a window where you can select the postcode sector that you want to import.
+
+![Mapping import postcode library](https://gitea.redburst.com/lastmiler-knowledge-base/Manager/raw/branch/main/creating-and-editing-maps/screenshots/14.png)
+
+- In the import window, select the library you want to import postcode areas from in the "Library" dropdown list.
+- In the "Postcode Sector" start typing the postcode sector you that want to import. The system will suggest matching postcode sectors from the selected library.
+
+![Confirming imported postcode sector](https://gitea.redburst.com/lastmiler-knowledge-base/Manager/raw/branch/main/creating-and-editing-maps/screenshots/15.png)
+
+- Select the desired postcode sector from the suggestions.
+- Click the **"Draw"** button to import the selected postcode area.
+
+![Mapping drawn postcode area](https://gitea.redburst.com/lastmiler-knowledge-base/Manager/raw/branch/main/creating-and-editing-maps/screenshots/16.png)
+
+Once you have successfully imported a postcode sector shape, you can edit it just as you would when creating or editing a map shape from scratch. When finished, click “Save” to store your changes.