Add a google location map with multiple places.

Home Documentation How To Add a google location map with multiple places.

The instructions below will enable you to have a Google Map in your app that displays multiple locations.  An example would be a chain restaurant that to display all of their restaurant locations at one time.

 

1) Go to https://www.google.com/maps

2) Make sure you’re signed in – you can do so by clicking the Login button in the top-right corner

3) In the top left corner, next to the search box, click the menu icon to expand the menu

4) Click “Your Places”, “Maps” and then click “Create Map” to edit your map

 

 

5) A new window will pop up. Give your map a title and description, then click “Save”

6) You can now pinpoint locations manually by clicking the marker icon and placing it directly onto the map, or search for locations using the search box at the top of the screen

 

 

7) If you’re adding locations manually, you can name the location and save to add it to the map. If you’re searching and adding specific locations, a green marker will appear on the map and you can click the ‘Add to map’ link

 

 

8) Repeat steps 6 and 7 for each location you wish to plot.

 

 

Once you have done that save your map again and refresh the page. Then, to get the code to embed your map on to your Create website, please follow these steps:

9) Make sure you map is public. You can do this by clicking ‘Share’ beneath the map name

10) Under ‘Who has access’ click ‘Change’ and make turn it ‘On – Public on the web’ and save

11) Next, click the menu icon and click on the link ‘Embed on my site’

 

 

12) The code will then pop up in a new window. Copy the code.

13) Go to the Features section in your App Control Panel and select “Source”.

14) Paste the code you copied from Google Maps.  Rename the Source page to something like Locations, or whatever is appropriate for your app.

 

 

Comments are closed.