MapFlow Setup Guide

Follow these steps to connect Google Maps, add locations, configure the Filter Box and publish your first interactive MapFlow experience in Framer.

Version 1.0 • No coding required • Google Maps API required

Before you start

Prepare Your Project

Before configuring MapFlow, prepare the accounts, API access and location information required by the component.

Checklist

A Framer account and website project

A Google Cloud account

Google Cloud billing enabled

A Google Maps API key

Latitude and longitude coordinates for your locations

Important

Google Maps usage and billing are managed through your own Google Cloud account and are not included with MapFlow.

Create a free website with Framer, the website builder loved by startups, designers and agencies.