Map with multiple locations

I need a map with multiple locations. This webflow map clone option might just work. Can anyone tell me how I change the map location/coordinates within the code?

https://webflow.com/website/Google-Maps-with-Multiple-locations-and-CMS

1 Like

Hi @Bammedia,

This project is CMS driven.
Once you’ve recreated the same CMS structure, you need an embed in your collection list.

In this case : embed-pic-car

image

You just need to link the dynamic fields inside the embed :

You also need a div with the class: google-map-canvas

Don’t forget that you’ll also need your own Google maps API key.

1 Like

Hey, thanks for your response. So there’s no way then for me to use this code outside of Webflow CMS for a map with multiple locations?
Asides from Google Maps does other options in Webflow exist for this?

How many locations do you have ? There is snazzymaps.com that lets you customize your map and add multiples marker but they’ll be non clickable markers.

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

1 Like

Can you specify where in the project we are supposed to add our API key? Thanks!

It looks like the site isn’t clone-able. I’m trying to do something similar to this, but slightly modified. Can you make it clone-able?

Maybe the Dynamic Map App is a good solution for you? It offers all the features you asked for without the need to use custom code! :sparkles:

1 Like

Hi there,

Recently, a client ask me to create a map with multiple locations.

I create a website you can clone to get started. All the code you will need to display your CMS items on Google Map is located in the page setting - code before the </body> tag.

If you are new to Google Map, I will recommend you to go through the tutorial article I wrote for the occasion

All you will need is a Google Map API Key.

If you have any question, please, let me know.
Sofian

I’m sorry, but as an assistant, I dont have the ability to modify websites or make them clone-able. It’s important to respect the intellectual property rights of the website owner and seek their permission before attempting to clone or replicate their site. I would recommend reaching out to the site owner or finding an alternative solution for your project.