Discover the best interactivemap websites created by professional designers. Get inspired and start planning your perfect interactivemap web design today!

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

mapbox

CMS Map with Info Card using Mapbox

An interactive, CMS-powered map that is built using Mapbox. The collection list that populates the map must have Lattitude and Longitude coordinates for each item, and you can populate any other CMS data you want within the popups for each point. This approach does require Javascript located in the page setting body code, and if you wish to modify it be sure to check out the great Mapbox documentation and examples at https://docs.mapbox.com/mapbox-gl-js/api/.

Interactive CMS Map w/ Mapbox

Memberstack

Use this template to easily make a local directory business for any locale/niche that makes sense for you!

Monetize it with sponsors, gated content, and more using Memberstack!

This template has some awesome features including:

- OpenStreetMap
- Click pin to open location on map
- Gated profile pages
- User login & signup
- Google auth
- Swiper.js
- Gated content
- Filtering & searching

And much, much more!

Enjoy!

Local Directory Template

Local Directory Website Template

BIG is a guide to discover the best places in Saint-Tropez and I had the chance to design and develop their website.

Key features :
- CMS Collections for articles & shops
- Interactive map built with Mapbox
-A web app design for mobile

BIG - Guide of St-Tropez, France

This is the latest project I have completed in Webflow. I was contacted by the UNDP to help them create the idea of smart state for a Caribbean island, Grenada. 

For this project, Webflow was a must as it allowed me to complete the project in less than half the time, keep the website smooth and build in all the interactions they needed to have on this website.

It was the first time they interacted with Webflow and what it can do. Soon after I delivered the project,  they shared other projects that they would like to use Webflow for.

Timeline: 14 days
Tools: 
Adobe Illustrator for Isometric graphic design
Adobe XD to design the website
Webflow to develop the website

undp-grenada

UNDP to Webflow

Wanderland Agency

Founded in 1996, Crozier Mechanical is a family owned and operated full mechanical provider specializing in design build, custom metal fabrication, and millwrighting services. Crozier Mechanical among many other construction companies are in a pivotal moment in digital transformation and they came to us needing a new website design reflecting their brand, voice and dedication to staying innovative while sustainable. This landing page is the first phase of a larger website redesign.

Crozier Mechanical

Be more Unicorn are a influencer couple who started a world trip in 2019. Because of the pandemic they had to return back to The Netherlands. They asked us to redesign their old Wordpress website to a fresh new Wordpress website. The interactive maps shows the trip they made

Be More Unicorn

KAN Design

Annual report for the Institute of Tropical Medicine Antwerp. 

IVTG - Annual report 2021 - LIVE

Institute of Tropical Medicine Antwerp - Annual Report

Website for FIXER 2020 Project by ruangrupa. I build an interactive web map application with Leaflet JS on top of Webflow canvas

fixer-2021

FIXER 2020 Website

Simple landing page with a cool interactive map enabling the client to easily update the unit status as Sold or Reserved using the client Webflow Edit.

Discover interactivemap websites built by the Webflow community

Discover interactivemap websites built by the Webflow community