From e8ca10c904b82c3ddb6eba3efbcfba2d452e47ea Mon Sep 17 00:00:00 2001 From: Lukasz Andersson Date: Fri, 1 Aug 2025 13:01:03 +0000 Subject: [PATCH] Update 2. Create and Edit Maps --- 2.-Create-and-Edit-Maps.md | 113 +++++++++++++++++++++++++++++++++++-- 1 file changed, 108 insertions(+), 5 deletions(-) diff --git a/2.-Create-and-Edit-Maps.md b/2.-Create-and-Edit-Maps.md index d6e7270..967f669 100644 --- a/2.-Create-and-Edit-Maps.md +++ b/2.-Create-and-Edit-Maps.md @@ -1,23 +1,126 @@ -# Create and Edit Maps +# Create and Edit Maps πŸ—ΊοΈ Maps in Lastmiler are used to define areas of interest. You can manage both maps and folders to suit your operational needs. -## Accessing the Mapping Feature +## Accessing the Mapping Feature πŸ” After logging in to Lastmiler, click **"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 +## Managing Folders πŸ“ Before you can create maps, you must first create folders. Folders help group maps by area, type, or any other criteria relevant to your work. To manage folders, click the **"Manage Folder"** button in the top left corner. This opens a side panel where you can create, rename, and delete folders. To close the panel, click the **"Close"** button in the top left of the side panel. -### Creating a New Folder +### Creating a New Folder βž• - In the **"Manage Folders"** side panel, enter a name in the input field. - Click the **"Add"** button. The new folder will appear in the list. ![Mapping folders side panel](https://gitea.redburst.com/lastmiler-knowledge-base/Manager/raw/branch/main/creating-and-editing-maps/screenshots/02.png) -![Mapping folders side panel map created](https://gitea.redburst.com/lastmiler-knowledge-base/Manager/raw/branch/main/creating-and-editing-maps/screenshots/03.png) \ No newline at end of file +![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 help visually distinguish between folders: + +- Click the folder icon next to the folder name to open the color picker. +- Select a color from the palette to apply it to the folder. + +![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 the folder name or the edit icon next to it. +- Type the new name into the input field that appears. +- Click the checkmark icon to save the change, or click the cross icon to cancel. + +![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 next to the folder name. +- A confirmation dialog will appear. +- Click **"Delete"** to confirm or **"Cancel"** to abort. + +![Deleting a folder](https://gitea.redburst.com/lastmiler-knowledge-base/Manager/raw/branch/main/creating-and-editing-maps/screenshots/06.png) + +## Managing Maps πŸ—ΊοΈ + +Once a folder has been created and the **"Manage Folder"** side panel is closed, you can begin adding maps to it. Maps are used to define zones such as delivery areas, service regions, or other relevant boundaries. + +### Creating a New Map πŸ†• + +To begin: + +- Use the dropdown next to the **"Manage Folder"** button to select a folder. +- Click the **"Manage Maps"** button in the upper right corner to open the map management panel. + +![Mapping select folder](https://gitea.redburst.com/lastmiler-knowledge-base/Manager/raw/branch/main/creating-and-editing-maps/screenshots/07.png) +![Mapping maps side panel](https://gitea.redburst.com/lastmiler-knowledge-base/Manager/raw/branch/main/creating-and-editing-maps/screenshots/08.png) + +To create a map: + +- Enter a name in the input field. +- Click **"Add"**. The panel will close and you can begin drawing the 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 πŸ”Ž + +To help locate your area of interest: + +- Click the **"Search location"** field at the top of the map. +- Enter a place name, such as a street or city. +- Select a result from the suggestions. + +![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 ✍️ + +Click on the map to begin drawing your shape. + +![Mapping map drawing](https://gitea.redburst.com/lastmiler-knowledge-base/Manager/raw/branch/main/creating-and-editing-maps/screenshots/11.png) + +- To complete the shape, click the first point again or double-click anywhere. +- Click a point to remove it, or drag to adjust. +- When complete, the commercial, residential, and total property count will be displayed. + +- To cancel the drawing, click **"Cancel"**. +- To clear the shape and start over, click **"Clear"**. +- To save the shape, click **"Save"**. The shape will be saved in the selected folder. + +![Mapping polygon drawn](https://gitea.redburst.com/lastmiler-knowledge-base/Manager/raw/branch/main/creating-and-editing-maps/screenshots/12.png) + +### Viewing Map Addresses 🏠 + +To view addresses inside a map shape: + +- Click the **"Display Addresses"** button below the property count. + +A new browser tab will open with a list of addresses. + +![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 πŸ“¦ + +To create a map based on postal codes: + +- Click the **"Import"** button at the top of the map to open the postcode selector. + +![Mapping import postcode library](https://gitea.redburst.com/lastmiler-knowledge-base/Manager/raw/branch/main/creating-and-editing-maps/screenshots/14.png) + +- Choose the desired library from the **"Library"** dropdown. +- In the **"Postcode Sector"** field, begin typing the sector code. Matching suggestions will appear. +- Select the correct sector and click **"Draw"**. + +![Confirming imported postcode sector](https://gitea.redburst.com/lastmiler-knowledge-base/Manager/raw/branch/main/creating-and-editing-maps/screenshots/15.png) +![Mapping drawn postcode area](https://gitea.redburst.com/lastmiler-knowledge-base/Manager/raw/branch/main/creating-and-editing-maps/screenshots/16.png) + +After importing the postcode sector shape, you can edit it as you would any manually drawn map. When you are finished, click **"Save"** to store the map.