WP Go Maps (v9)
First-time users

Creating your first map

7min

Overview

This section covers how to create your first map with WP Go Maps and should be read in conjunction with the subsequent sections for Creating your first marker ο»Ώ and Displaying your Map on your WordPress siteο»Ώ

Setup

Prerequisites

The Following Plugin/s need to be installed and active

  • WP Go Maps

Creating your first map

After you’veΒ installedΒ theΒ WP Go MapsΒ (WPGM) plugin, you should see a newΒ MapsΒ link in the left navigation menu of your WordPress Dashboard (left sidebar when you are logged intoΒ WP Admin).

WP Go Maps on the WordPress Sidebar menu
WP Go Maps on the WordPress Sidebar menu
ο»Ώ
Maps Page (Map listing)
Maps Page (Map listing)
ο»Ώ

Click on theΒ EditΒ link to edit the default first map: "My first Map". This will take you map Preview Page and where you are able to preview and edit the map.

If you are using the Pro Add-on for WP Google Maps you are able to add additional maps from the Maps page. Selecting the + icon at the top left of the page (next to the page heading) will present you with options to create a "New map" or start the "Map Wizard"

ο»Ώ

  • New Map - will create a new Roadmap and take you straight to the Map editor
  • Map Wizard - will ask you a few question about the map you would like to create and then create a new map based on your responses.

ο»Ώ

Creating a new map
Creating a new map
ο»Ώ

Once you have selected edit on the existing map or have created your new map, you will automatically be navigated to the map editor

Edit Map landing page (Map Preview)
Edit Map landing page (Map Preview)
ο»Ώ

Editing your Maps' Settings

The General Settings for the map can be edited by Navigating as follows:

WP Go Maps -> Maps (edit your chosen map) -> Settings -> General

The Following General Settings are displayed:

General Settings
General Settings
ο»Ώ

The following general settings items can be configured from this page:

  • Edit this to change the name of the MapΒ (it does not show up on the front end).
  • :Β This is the shortcode you will copy to display your map on a post or page (this will be explained on the Displaying your Map on your WordPress siteο»Ώ) page. Selecting the "Click here to automatically create a Map Page now" will open a new tab on the WordPress New Page editor with shortcode preinserted on the page.
  • The startingΒ Zoom LevelΒ for your displayed map can be changed by dragging the circle on the bar.
  • ο»Ώ
  • Change the alignment of the displayed map.Β Β (LeftΒ |Β CentreΒ |Β RightΒ |Β None).
  • This is where you can set the dimensions (width and height) of your map. Values can be changed from pixels to percentile (%) if desired.Β Make your map responsive (mobile-friendly) by setting the width to 100% and the height to 400px. We recommend that you leave your height in PX. Depending on your theme, using % for the height may break your map.
  • Using your mouse, click and drag theΒ Preview MapΒ to the desired starting location and then pressΒ theΒ Save MapΒ button.
  • Save MapΒ button. Your map will load again with the dimensions you inserted.

Next Steps