← Back to Documentation Overview | Search these pages with the button in the top right

https://www.youtube.com/watch?v=NQ3GcxhKzpU

1. Install Dynamic Map Webflow App

Open the following link and install the Dynamic Map Webflow App:

https://webflow.com/apps/detail/dynamic-map

2. Create Account

Click “Sign Up Now” and create a No Code Flow account (this account is separate from your Webflow account)

https://app.nocodeflow.net/register

3. Log in to Dynamic Map App

Log into Dynamic Map App in Webflow using your No Code Flow account credentials

image.png

4. Create Map

  1. Create a map item collection list and press “Refresh”, your collection needs to contain the fields Text Field: Latitude | Text Field: Longitude

  2. Connect your collection list to Dynamic Map

    CleanShot 2025-02-21 at 12.04.20@2x.png

  3. Connect your collection list to your item list

    CleanShot 2025-02-21 at 12.06.41@2x.png

  4. Insert code into list item code embed

    CleanShot 2025-02-21 at 12.08.17@2x.png

  5. Connect Pop-Up and Tooltip collection list

CleanShot 2025-02-21 at 12.09.53@2x.png

5. Customize your Map

Customize your map settings

Open Street Map

Open source map tile provider.

Google Maps

Learn how to set up Google Maps cloud console here

Mapbox

Mapbox allows you to create custom designed Maps, sign up here.

Customize your map interactions