Community forum for knowledge and support

Updated 3 months ago

Implementing a Map Component Linked to CMS Template Pages

At a glance

A community member is looking for a way to implement a map component that is linked to a CMS template page, where they can show a different location on each template item page using latitude and longitude values from their CMS collection (use case: Real estate listing). Another community member suggests using Mapbox and provides a link to a tutorial on MadeInWebflow. A third community member shares that they were able to adapt a script from a MadeInWebflow resource to display a single dynamic CMS location on a CMS template page, and it worked well for them.

Useful resources

Hey Lumers,

Has anyone already implemented a map component that is linked to CMS template page?

Looking for something easy to implement, where we can show a different location on each template item page using latitude and longitude values from our CMS collection (use case: Real estate listing).

Having one map with all locations seems straightforward, but using the map on the CMS template page seems more tricky.

S
F
F
4 comments

Hi Falko,

I worked with a map for a client using the CMS.

It was a bit difficult to get it but I made a template and a tuto article.

If you are a bit technical, it should be straight forward. If not, feel free to shout me a DM

hey @Sofian Bettayeb Thanks looks interesting, I'll have a look and see how to adapt it to the CMS template pages

You can do that with Mapbox, check on MadeInWebflow for "Mapbox CMS" https://webflow.com/made-in-webflow/popular?search=mapbox+cms&page=1

thanks @Fernando Comet

For anyone running through the same issue, I went with https://webflow.com/made-in-webflow/website/cms-map-with-mapbox?ref=made-in-webflow-search&searchValue=mapbox%20cms

And adapted their script for a single dynamic CMS location on a CMS template page.

Worked like a charm

Add a reply
Sign up and join the conversation on Slack