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.