Create and edit map layers | Civio Engage Knowledge Base [ ![Civio Knowledge Base](/civio-light.svg) ](https://nginx.deploy-lagoon-production.civio-engage-docs.dh1.amazee.io) [Articles](/articles) [Releases](/releases) [Home](/) [Knowledge base](/articles) [✏️ Content tools ](/articles?category=12) Create and edit map layers ========================== Updated 2 months ago Search Go **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 Civio Engage provides two ways to add layers to a map: 1. Create a layer in Civio Engage and add it to your map. To learn more about this option, see below. 2. Upload a layer created outside of Civio Engage to your map. To learn more about this option, click [here](/articles/9182123366927-Upload-external-map-layers). Create a layer in Civio Engage ------------------------------ Civio Engage has a Layer Builder that allows internal users to create layers and add them to the map. To create a layer: 1. In the left-hand menu bar, click **Projects**. This displays a list of all existing projects. 2. Click on a **Title** to open a project. 3. 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. 4. Click the **Edit** tab. 5. Scroll down and click **+Add layer.** 6. Select the **GeoJson Builder** type from the dropdown. 7. 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. 8. 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.* 1. 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**. 2. 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.* 3. 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)* 4. 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.* 9. When you have created your layer element(s), click **Save**. 10. The lightbox window will now close. To add your newly created layer to the map, click **Add new GeoJson layer**. 11. Click **Publish**. The layer has now been added to the map. Edit a layer created in Civio Engage ------------------------------------ 1. In the left-hand menu bar, click **Projects**. This displays a list of all existing projects. 2. Click on a **Title** to open a project. 3. 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. 4. Click the **Edit** tab. 5. Scroll down and click on the layer you would like to edit. 6. Click the **Edit map layer** button. This will open a lightbox window. This window will display the elements of this layer. 7. To edit existing layer elements, click the element on the map and make the edits in the right-hand sidebar. Click **Done**. 8. To add new elements to the layer, select either Point, Line, Polygon, Rectangle, or Circle and add these elements to the layer. Click **Done**. 9. Note: To erase all elements on an existing layer, click **Edit features** and click **Delete all**. 10. Click **Save** to save the edits to the layer. 11. The lightbox window will now close. To save the changes on the layer, click **Done**. 12. Click **Publish** to publish the map and its layer(s). Delete a layer created in Civio Engage -------------------------------------- 1. In the left-hand menu bar, click **Projects**. This displays a list of all existing projects. 2. Click on a **Title** to open a project. 3. 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. 4. Click the **Edit** tab. 5. Scroll down and click on the layer you would like to remove. 6. Click the **Remove** button. 7. The layer has now been deleted. [ Back to articles ](/articles) Table of contents ----------------- © 2026 [Civio](https://civ.io) [Privacy Policy](/articles/privacy-policy) [Terms of Use](/articles/terms-of-use)