Clone Project

Build Custom Map with Map Image and Webflow CMS

Created by
Abi Rana
Similar Projects
Oops! Something went wrong while submitting the form.

0 Comments

Be the first to leave a comment.
Loading
User is typing...
No Name
Set
4 years ago
Moderator
This is the actual comment. It's can be long or short. And must contain only text information.
(Edited)
No Name
Set
2 years ago
Moderator
This is the actual comment. It's can be long or short. And must contain only text information.
(Edited)
Load More
Thank you! Your submission has been received!
Oops! Something went wrong while submitting the form.
Load More
Description:  
Description from Webflow:  
Initially shared on a build session with https://twitter.com/desiflow_ This trick is how to build a custom map integration where you can plot different map locations. This trick just take advantage of using CMS data in embed block. Very easy to implement and omit the burden to integrate any third party services. Should cover many use cases. In tablet view and below, hover effect is disabled but the map list will be visible below. And another trick is that you can click on the map pointer/marker and it will scroll to that item position. Trick is just to apply ID on the map item. Hover effect it done with custom CSS but that can also be done with Webflow interaction, interaction is also included in this build but not used.
Tags from Webflow: 
map,  custom code,  interaction,  howto,  tutorial,  animate,  custommap,  interactive,  nepal
.