Marketplace
Made in Webflow

CMS Map with Info Card using Mapbox

1542 views
site profile thumbnail

Description

This map uses the CMS for each location and displays a popup and info card on click for each location. The items are placed using hidden a lat and long field and the rest of the information is displayed upong click. This approach does use custom JS and Jquery code found in the code editor. Video on how I made this: https://youtu.be/Wd76ZwMCGzc This site was made on top of an existing clonable by Corey Moen found here: https://webflow.com/made-in-webflow/website/cms-mapbox
Feeling inspired?If this Made In Webflow site sparked some inspo, why not get started on a project of your own? Clone a site, purchase a template or start building from scratch.

We miss comments too!

Right now, Made in Webflow doesn't offer all of the same functionality that Showcase did, like the ability to leave comments. But don't worry: We're working to bring comments back as soon as possible!

As always, we'd love to hear your feedback! Click the link below to take a short survey about Made in Webflow.

mapboxinteractivemapmapcmscms-cards

More by KC Katalbas

See profile
View details
Retro Desktop
346
675