Dynamic map with multiple location from CMS

Hi all,

I have a couple of customers who need to include multiple location on a single map, and I was wondering if there was a solution doing this via Webflow CMS ?

I’ve seen solutions for managing maps for specific location on an individual map for each location, but not having them all on a single Map…
Basically, I need something like a store locator. Does anyone know how to do this ?

You can use Leaflet and open street map like shown by @forresto
LINK: https://webflow.com/website/Geo-Components-for-Webflow

2 Likes

Oh yeah, that looks like it could do the trick.
I’ll give it a go and see if this can handle about 170 locations :crazy_face:

Cheers

170 locations could look a bit messy, so I would recommend you to use Leaflet marker cluster.

If you manage to combine the scripts I’m very interested, since I don’t have a lot of experience with javascripts :wink:

1 Like

It is getting messy, especially as all the locations are fairly close to each other.
Clustering would definitely do the trick, but I’m not a developper. So @sag1 @forresto, if you were willing to give this a go and got some spare time, this could potentially be a paid gig… PM me if interested.

I’m not a developer either so I actually raised the question in a seperate post a few days ago.

I really hope someone can help!

1 Like

The above one is a great project. I have also created a cloneable project which also solves similar problem check out
https://webflow.com/website/Webflow-Cms-integrated-with-google-map-kzo3o3dr

A possible solution might be this dynamic map with location pins on it (https://ncf-map-demo.webflow.io/)). Every pin is a Webflow CMS item. Every aspect except for how the actual map looks can be modified native within the Webflow designer. We designed it as a cloneable component with a little video tutorial to implement it – should take you around 10 minutes to get started.

For us having this component definitely was a game changer, because we often get the customer request to display their different locations on a map and we found this was the best possible way to do it within Webflow.

Map Vid

good job but don’t say it’s cloneable when it’s not.