Dynamic map with multiple pins

Hi everyone,

I’d like to create a dynamic map on web flow to display a list of pins for each item in my collection. Let me be more clear :slight_smile:
I have a collection of company, each one has a list of store. What I want to do is select a company, in a new page show details of it and a map that displays the stores as pins.

Is that possible?

Cheers!

It is possible only by custom code and google-maps -or- mapbox API.

Start her:

For more than one pin on the same map you should know JS. The idea± her:

codepen example i made in the past ( Multiple Markers + Popups (infowindow))

That’s pretty much what I need, Cheers mate!

1 Like

The above one is a great solution. I have also created a cloneable project which also solves similar problem check out

1 Like

We built this solution – a 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

1 Like