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.‍

Holliger, Bern

A beautiful place full of mistery

$520 / night
46.95613140330308
7.448919724258243
Bern stadt

Nice and elegant balconies

$520 / night
46.948142290662986
7.451300721169094
Bern Elfenau

This is your future barbecue spot

$520 / night
46.92837835466903
7.478411772459251
Bern Lorraine

A beautiful view on the mountain

$520 / night
46.95680395144119
7.447379476265464

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