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).
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.
๏ปฟ
Once you have selected edit on the existing map or have created your new map, you will automatically be navigated to the map editor
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:
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
