:: the #1 mapping solution for 60.000+ WordPress sites ::

How to add multiple markers (=layer map) to a post or page

step 1: click on the submenu entry “Add new layer” in “Maps Marker Pro” (respectively) “Leaflet Maps Marker” admin menu

l-step1

use the default simplified editor or click on “switch to advanced editor” in order to edit all available options:

 

l-editor-change

 

next steps (click on the image for a larger view, description of the steps below the image):

l-step2-10

  • step 2 (optional): add layer name (will be displayed in map panel)
  • step 3 (required): select layer center by selecting a place or an address or pasting coordinates or by clicking on the preview map
  • step 4 (optional): change map size
  • step 5 (optional): change zoom level by clicking on +/- or using your mouse wheel on preview map
  • step 6 (optional): select basemap you want to use
  • step 7 (optional): enable or disable marker clustering
  • step 8 (optional): set basemap overlay controlbox behaviour on frontend
  • step 9 (optional): set panel display status (=markername and API links on top of map)
  • step 10 (required): press button “add layer”

step 11 (required): press button “add new marker to this layer”:

l-step11

 

next steps  – add markers to layer (click on the image for a larger view, description of the steps below the image):

l-step12-16

  • step 12 (optional): add marker name
  • step 13 (required): select a place or an address or paste coordinates or set marker coordinates by clicking on the preview map.
  • step 14 (optional): select marker icon
  • step 15 (optional): set popup text
  • step 16 (required): press button “add marker”

If you want to add more markers to this layer, please follow the steps from the tutorial for adding markers and select the layer you want to add those marker to from the dropdown menu:

l-selection-layers

 

After you finished adding your markers to the layer map, you can optionally edit the layer map again and correct the zoom level and map size for example or select if a “list of markers” should be displayed below the layer map:

l-resize-after-addition

Finish layer map modifications by pressing the button “update layer” and copy the shortcode (required) – step 17:

l-step17

Step 18 (required): paste shortcode in post or page where you want the map to appear

l-step18

step 19 (required): click on publish and map gets displayed on post or page – finished 🙂

l-finished