How to apply an overlay layer on a map | Wpmapspro.com

15000+ live websites are using this google maps wordpress plugin.

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?
YesNo

Install Plugin Now!

Buy this plugin exclusively on CodeCanyon! You’ll get free updates, full support, and if you’re not satisfied, we’ve got you covered with a 30-day money-back guarantee.