In this video, we run through how you can create custom, style-able maps in Webflow that is CMS driven and FREE! You can clone the site here - webflow.com/ma...
Mapbox uses a public api key connected to your mapbox account. This API key is easily visible to anyone who knows how to inspect a webpage or track the network requests from a site. If someone took that API key and did some sort of denial of service attack (spamming refresh on the site thousands of times a second) you could well exceed the free tier for API requests. This could be dangerous as Mapbox doesn't stop after the max requests, it just starts charging you. Maybe I'm wrong, but people could be 'hacked' using this method, costing them a lot of money.
Thank you, my guy. I was trying another tutorial on implementing this and could not get it to work. Got it working after watching your tutorial. You did the steps right! 💪🏻
How can we link this to the cms list so that a search will also update the map? And how can we add markers to the map which are clickable and show information about the cms item?
Yo, thanks helped me a ton. Is there a way to have different icons for the pins on the map. For example if one location is closed can the icon turn red (manually)? Or can i add informations to the pins with pictures?
Do I need to manually find the longitude and latitude for each location in my CMS collection? Or is there a more efficient way to do this if there are many collection items?
![[LIVE] MCHOICE & MINT AWARDS 2024 at TRUE ICON HALL, ICONSIAM](http://i.ytimg.com/vi/wMewUeT5nbY/mqdefault.jpg)
You can clone the site here! - webflow.com/made-in-webflow/website/cms-map-with-mapbox
Mapbox uses a public api key connected to your mapbox account. This API key is easily visible to anyone who knows how to inspect a webpage or track the network requests from a site. If someone took that API key and did some sort of denial of service attack (spamming refresh on the site thousands of times a second) you could well exceed the free tier for API requests. This could be dangerous as Mapbox doesn't stop after the max requests, it just starts charging you.
Maybe I'm wrong, but people could be 'hacked' using this method, costing them a lot of money.
You know other option doesn’t matter if it’s necessary paid you’re right
Thank you, my guy. I was trying another tutorial on implementing this and could not get it to work. Got it working after watching your tutorial. You did the steps right! 💪🏻
Absolutely awesome. Just used your clone able for an actual project :) Thx for sharing.
Please upload more of your excellent work. I am learning alot. Thanks.
Extremely helpful.
Thank you so much.
How can we link this to the cms list so that a search will also update the map? And how can we add markers to the map which are clickable and show information about the cms item?
I'd also like to know this :D
@evanjoyal9540@@alanambrose5498 did you figure this out? Got the map and the CMS working but need the same functionality with the markers. Any luck?
@39digital Can you check these questions? I would like also show info on hover and add a different color based on the cms-item.
Thanks, works beautifully! Do you know how to disable scroll to zoom?
Beautiful work.
Bro. THANK you for this!!!!!!
Yo, thanks helped me a ton. Is there a way to have different icons for the pins on the map. For example if one location is closed can the icon turn red (manually)? Or can i add informations to the pins with pictures?
Do I need to manually find the longitude and latitude for each location in my CMS collection? Or is there a more efficient way to do this if there are many collection items?
pretty cool! How would you add a filter? that you can use to filter through data?
Can you tell me how to export this to my wix website? Very helpful videos thanks a lot!
Wonder if anyone achieve that with Framer yet?