website logo
Go back to WP Go Maps
โŒ˜K
Atlas Novus (v9)
๐Ÿ‘Initial Setup
๐Ÿ‘First-time users
๐Ÿ‘Map Features
๐Ÿ‘Integrations
๐Ÿ‘Importing and Exporting Data
๐Ÿ‘Troubleshooting
๐Ÿ‘Frequently asked questions
Legacy (v9)
๐Ÿ‘Initial Setup
๐Ÿ‘First-time users
๐Ÿ‘Map Features
๐Ÿ‘Integrations
๐Ÿ‘Importing and Exporting Data
๐Ÿ‘Troubleshooting
๐Ÿ‘Frequently asked questions
Integrations
Developers
Hooks
Docs powered byย archbeeย 
9min

Creating your first map

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:

  • Map Name:ย Edit this to change the name of the Mapย (it does not show up on the front end).
  • Shortcode:ย 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.
  • Zoom Level:ย The startingย Zoom Levelย for your displayed map can be changed by dragging the circle on the bar.
  • You can also set the zoomย on theย Preview Mapย on the lower-half of the page using the mouse scroll wheel or zoom controls. Press theย Save Mapย button.
  • Map Alignment:ย Change the alignment of the displayed map.ย ย (Leftย |ย Centreย |ย Rightย |ย None).
  • Map Dimensions:ย 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.
  • Starting location:ย Using your mouse, click and drag theย Preview Mapย to the desired starting location and then pressย theย Save Mapย button.
  • Click on theย Save Mapย button. Your map will load again with the dimensions you inserted.

Next Steps

๏ปฟ๏ปฟCreating your first marker

๏ปฟ๏ปฟDisplaying your Map on your WordPress site

Updated 03 Mar 2023
Did this page help you?
Yes
No
UP NEXT
Creating your first marker
Docs powered byย archbeeย 
TABLE OF CONTENTS
Overview
Setup
Prerequisites
Creating your first map
Editing your Maps' Settings
Next Steps