diff --git a/2.-Create-and-Edit-Maps.md b/2.-Create-and-Edit-Maps.md index 90b2ebb..acd1881 100644 --- a/2.-Create-and-Edit-Maps.md +++ b/2.-Create-and-Edit-Maps.md @@ -14,10 +14,113 @@ Before you can create maps, you must first create folders. Folders help group ma 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 :heavy_plus_sign: - 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 :art: + +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 :pencil2: + +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 :wastebasket: + +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 :world_map: + +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 :heavy_plus_sign: + +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 :mag: + +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 :pencil2: + +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 :house_with_garden: + +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 :package: + +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.