Locations posts show users where specific locations are on a map that can be embedded on pages or posts. You can add a title and short description to each location to provide users with more information.
How to add/edit a location
The following instructions will add a location pin to your map. Please keep in mind that adding a locations post will add the location to your entire site and not just one specific map.
Find the location coordinates
- Go to https://maps.google.com/
- Type in the address of your location into the search bar
- Click Search
- Right-click on the pin for your location
- Click on the coordinates to copy
- Paste them into a text editor application (Notepad, TextEdit, etc.)
Create a location post
- Go to your site Dashboard
- Go to Locations from the left menu
- Click Add New
- In the Title field, enter the name of your location
- In the Rich Content Editor field, enter a description of the location. (when users click on the pin, the description will appear in a comment box)
- Under the Locations Fields section, enter the coordinates in their respective fields
- (optional) Fill in the Location URL (when users click on the pin, the location title will direct users to this URL when clicked on)
How to add/embed a map
Find the location coordinates
- Go to https://maps.google.com/
- Type in a location into the search bar (e.g: British Columbia)
- Click Search
- Right-click on the center of the location
- Click on the coordinates to copy
- Paste them into a text editor application (Notepad, TextEdit, etc.)
Add a map shortcode
When editing this code, make sure that you add your values in between the quotation marks of each respective value.
- Go to edit your page or post
- Click on the “Text” view tab of the Rich Content Editor field
- Insert the following shortcode:
[arts_cms_map zoom="5" lat="latitude-coordinates" lng=" longitude-coordinates"] - Replace the latitude and longitude placeholder text with the coordinates copied from Google Maps
- Example: [arts_cms_map zoom="5" lat="49.26050015150444" lng="-123.24606890369978"]
- Then adjust the Zoom parameter in the code with a number. This may need to be adjusted several times to get the scale you’re looking for.
- Click Publish