11min

Adding a Polygon

Overview

This section covers how to add a Polygon to your map

Prerequisites

The Following Plugin/s need to be installed and active

  • WP Go Maps
  • WP Go Maps Pro Add-on (optional, but required to edit Title, Description, Link and layer options for your Marker)

On the Map editor of the of your selected map, you are able to navigate to the Polygons page to view, add or edit existing Polygons.

WP Go MAPS -> Maps (edit your chosen map) -> Polygons

To Add a new Polygon select the "Add Polygon" text near the top of the page or select the + icon and then the Polygon icon that appears on the map preview

Select Add Polygon
Select Add Polygon
  • Clickย on the map to start drawing your polygon.
  • Add at leastย threeย points
  • Completeย drawing your polygon byย clickingย the start point a second time
Lines can be added to your completed polygon by clicking and dragging the transparent vertices
Lines be removed from you polygon by holding the "alt" key and clicking on the solid vertices between the lines that need to be removed

Polygon Options

Edit the following options as required

Name: Name your Polygon, this identifies it on the Polygons page where all existing polygons are listed

Title: Use this field to give a descriptive name for your marker. This shows up at the top of your Polygons InfoWindowย when clicked by a user.

Description: Use this to describe your marker in more detail, you can include media in the description

Link: If you would like a link in the markerโ€™sย InfoWindow, insert the full URL here (includingย https://). This URL will allow visitors to open a web page from the markerโ€™sย InfoWindow.

To Open link in a new tab. Please update the appropriate option in the Global InfoWindow Settings:

WP Go MAPS -> Settings -> Info Windows

Line and Fill Colour of the Polygon

Line and Fill Colour of the Polygon when hovering over it

Line thickness: How thick the border line will be

Layer: Entering a value into this textbox will influence how close to the top the Drawing object is displayed in relation to other objects, the greater the number, the closer to the top it is displayed

Saving the Polygon

Select Add Polygon at the bottom right of the page, to save your new polygon

Example Polygon and InfoWindow

Polygon and Traditional InfoWindow
Polygon and Traditional InfoWindow
Polygon and Panel Style InfoWindow
Polygon and Panel Style InfoWindow

๏ปฟ

๏ปฟ

Updated 13 Jul 2022
Did this page help you?
Yes
No