14500+ website owners are using this wordpress map plugin

Buy Now - $89

How to apply an overlay layer on a Google Maps

The Google Map here illustrates a normal 2D roadmap with overlays bound to certain latitude/longitude coordinates. The WP MAPS PRO wordpress plugin allows you to customize the overlays with options like border color, border style, overlay width, overlay height, font size etc.

How to apply overlays on a map

Step 1 Go to Add or Edit Map and scroll down to ‘Overlays Settings’ section.

Step 2 Enable or tick ‘Apply Overlays’ tab as below.

Display Overlay Setting

Check the option to activate overlay

  • Overlay Border Color: Select a border color for overlay.
  • Overlay Width: Insert overlay width.
  • Overlay Height: Set height of overlay.
  • Overlay Font Size: Add desired font size.
  • Overlay Border Width: Set a border width.
  • Overlay Border Style: Choose a style from available options.

Step 3 Click save map and open it in browser.
You’ll see overlay lines on a map.

How to apply an overlay layer on a map WP Maps Pro

Related Tutorials:

Related Examples:

Was this article helpful?

Install Plugin Now!

This plugin is exclusively available at codecanyon.net. You'll get free updates and full support to use this plugin.