CMS List to Google map

Display your CMS items on an interactive google map. Access the tutorial here.
This template use the Relume Library (and CF framework) and is responsive.

Pack & Ship Center Pearl Highlands ( Oahu ) - Pearl Highlands

Ste 237

$520 / night
21.40094
-157.96653
Pack & Ship Center Koreatown (Kapiolani) - Koreatown

$520 / night
21.293143
-157.848767
Pack & Ship Center Maui

Ste K

$520 / night
20.883783
-156.462641
Pack & Ship Center Downtown (Queen Street) - Downtown

$520 / night
21.316548
-157.845053
Pack & Ship Center Moiliili (University) - Moiliili

$520 / night
21.291518
-157.826869
Pack & Ship Center Kamehameha Hwy

$520 / night
-94.153296
36.323178

How to use the template

First, this template leverage the work from rameez.

In order to make the template works for you, please go to "Edit the page settings" - scroll down and check "Before the </body> tag" section. You will find there all the code you need to run Google map with your CMS items.

In addition of the code, you will need:

1 . Generate google map keys from cloud console and replace with your own in key at last. See how here
2. Latitude and longitude fields should be present in CMS and present in collection item. They can be hidden, it works fine
3. If you change some classes, please update them in the initializeMap() function.

If you have any question, feel free to reach at me on Linkedin, Twitter or my Website