In this section, you will learn how to add rectangles to your WordPress Google Map.
A rectangle is a rectangle-shaped overlay for the map. When creating a rectangle you can define the colors, widths and opacity values both for the edges of the rectangle (line) and its covered area (fill). The shape gets created based on only two values/vertexes - its marker on North East point and South West.
The rest of two points- North West and South East get created automatically. In case you want to change one of the edges of the shape, you can click on the marker, the vertex will be removed and you can create a new one. In addition, overall shape and south-west/northeast markers are draggable and you can move them within the map to change the rectangle shape or rectangle location.
Title. You can provide a title for the rectangle overlay. The title will be included in the Information window of the shape.
Link. You can link rectangle overlay to any URL so that when site visitor hits the shape they will be redirected to mentioned URL. The link will be opened in a new window.
South West. Fill in longitude and latitude of the Sout West point or right click on the map to create the vertex.
North East. Fill in longitude and latitude of the North East point or right click on the map to create the vertex.
Show markers. Choose whether to display the markers, which are at the edges of the rectangle overlay or not.
Enable Info Window. In some cases (e.g. you don’t want to display markers or you want the user to learn more about the location using URL redirection only) you can disable Information window here.
Line+Fill Color and styles. Choose the color and widths for the overlay covered area (fill) and its edge (line) by default and when hovered.
Published. Choose whether to publish the rectangle overlay or leave it for the further publishing.
When all settings are set up, press Add Rectangle button.
The created rectangle overlay will appear below the map within Rectangles tab: here you will have the option to filter, duplicate, edit and delete rectangles. In this section, you will learn how to add rectangles to your WordPress Google Map.