Best practice guidelines when working with map layers. As each individual layer will be represented as a single item in the map legend, we recommend you:
- Use distinct layers for pins and shapes, i.e. Don't have pins and shapes on the same layer
- Use a distinct layer for each shape, i.e. Don't combine multiple shapes on one layer
- Use one layer for each individual pin category (e.g. Picnic area pins on one layer, restroom area pins on a different layer).
How to add layers to a map
Map layers can be used to display the following items on a map:
- One or multiple descriptive pins, with each pin having an individual description
- A shape (e.g. polygon, line, rectangle, circle) to indicate specific area on the map
District Engage provides two ways to add layers to a map:
- Create a layer in District Engage and add it to your map. To learn more about this option, see below.
- Upload a layer created outside of District Engage to your map. To learn more about this option, click here.
Create a layer in District Engage
District Engage has a Layer Builder that allows internal users to create layers and add them to the map. To create a layer:
- In the left-hand menu bar, click Projects. This displays a list of all existing projects.
- Click on a Title to open a project.
- In the project sub-menu, under Content, click Maps. This shows all the maps available for this project. Select the map you would like to add a layer to.
- Click the Edit tab.
- Scroll down and click +Add layer.
- Select the GeoJson Builder type from the dropdown.
- Fill in a Title (the title will be referenced in your map legend), and click Configure new map layer. This will open a lightbox window that allows you to add pins or shapes to a layer.
- In the Style tab, select the element you would like to add to your layer. Note: It is best practice to use distinct layers for pins and shapes.
- When creating a pin layer: Click Point, and drop your pin to the map. Provide the pin with a Title, Description and Marker color and Marker size.
- Tick the Enable street view checkbox to include a link to the marker's street view. Public users will be able to click on this link to access the marker's street view on Google. Note: when you enable the marker's street view, a link is automatically generated below the checkbox. This allows you to check whether the Street view for the selected coordinates exists in Google.
- Click Done. Repeat this process for every pin you want to add to the layer. Note: It is best practice to only display pins of the same category on a single shape (e.g. pins indicating picnic areas should be on one layer, pins indicating restroom areas should be on another layer)
- When creating a shape layer: Depending on your preferred shape, click Line, Polygon, Rectangle, or Circle, and draw your shape on the map. Set the shape styling: Fill, Fill opacity, Stroke, Stroke opacity, Stroke style and Stroke width. Click Done. Note: It is best practice to only display one shape per layer.
- When you have created your layer element(s), click Save.
- The lightbox window will now close. To add your newly created layer to the map, click Add new GeoJson layer.
- Click Publish. The layer has now been added to the map.
Edit a layer created in District Engage
- In the left-hand menu bar, click Projects. This displays a list of all existing projects.
- Click on a Title to open a project.
- In the project sub-menu, under Content, click Maps. This shows all the maps for this project. Select the map with the layer you would like to edit.
- Click the Edit tab.
- Scroll down and click on the layer you would like to edit.
- Click the Edit map layer button. This will open a lightbox window. This window will display the elements of this layer.
- To edit existing layer elements, click the element on the map and make the edits in the right-hand sidebar. Click Done.
- To add new elements to the layer, select either Point, Line, Polygon, Rectangle, or Circle and add these elements to the layer. Click Done.
- Note: To erase all elements on an existing layer, click Edit features and click Delete all.
- Click Save to save the edits to the layer.
- The lightbox window will now close. To save the changes on the layer, click Done.
- Click Publish to publish the map and its layer(s).
Delete a layer created in District Engage
- In the left-hand menu bar, click Projects. This displays a list of all existing projects.
- Click on a Title to open a project.
- In the project sub-menu, under Content, click Maps. This shows all the maps for this project. Select the map with the layer you would like to delete.
- Click the Edit tab.
- Scroll down and click on the layer you would like to remove.
- Click the Remove button.
- The layer has now been deleted.