From 5dab677ee8f2759b11b5158d347c9d219bb51cd7 Mon Sep 17 00:00:00 2001 From: Lukasz Andersson Date: Fri, 1 Aug 2025 12:54:25 +0000 Subject: [PATCH] Update 2. Create and Edit Maps --- 2.-Create-and-Edit-Maps.md | 133 ++++++++++++++++--------------------- 1 file changed, 59 insertions(+), 74 deletions(-) diff --git a/2.-Create-and-Edit-Maps.md b/2.-Create-and-Edit-Maps.md index 01fc28f..967f669 100644 --- a/2.-Create-and-Edit-Maps.md +++ b/2.-Create-and-Edit-Maps.md @@ -1,141 +1,126 @@ -# Create and Edit Maps +# 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. +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 you have logged in to Lastmiler, navigate to Mapping by clicking on the **"Mapping"** in the top navigation bar. +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 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. +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 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. +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 βž• -- 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. +- 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) -### Change Folder Color +### Change Folder Color 🎨 -To visually distinguish between different folders, you can change the color of a folder: +To help visually distinguish between folders: -- 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. +- 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 +### 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. +- 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 +### 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. +- 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 +## 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. +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 +### Creating a New Map πŸ†• -To start managing the maps, we must first select the folder we want to work with: +To begin: -- 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. +- 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 start creating a new map: +To create a 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. +- 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 +### Searching for a Location πŸ”Ž -If you're unsure where to zoom in, you can select a location to center your map: +To help locate your area of interest: -- 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. +- 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 +### Drawing a Map Shape ✍️ -To draw a map shape on the map simply start clicking on the map. +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 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. +- 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) -Once you complete the map shape, the **commercial**, **residential**, and **total** property count will be displayed. +### Viewing Map Addresses 🏠 -- 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 view addresses inside a map shape: -To **discard the current map shape**, click the **"Clear"** button. This will remove the shape and allow you to start over. +- Click the **"Display Addresses"** button below the property count. -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. +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 +### Importing Postcode Sectors πŸ“¦ -You can also import postcode sectors to create maps. This is useful for defining zones based on postal codes. +To create a map 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. +- 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) -- 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. +- 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) -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. +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.