Basic Map Settings

API Key

Connects MapFlow to your Google Cloud project. A valid key is required for both the static Framer canvas preview and the interactive published map.

Map ID

Enables Advanced Marker behaviour and Google cloud map styling. Leave this field empty when you want to use MapFlow presets or Custom JSON. Add a Map ID when you need advanced hover behaviour or cloud styling.

Center Lat

Sets the starting latitude of the map when Auto Fit is disabled. Latitude controls the north-to-south position. Enter a valid decimal coordinate.

Center Lng

Sets the starting longitude of the map when Auto Fit is disabled. Longitude controls the east-to-west position. Make sure latitude and longitude are not reversed.

Zoom

Controls how close or wide the initial map view appears. Lower values show a larger area. Higher values show a closer local area.

Auto Fit

Automatically adjusts the map to include all valid configured locations. It can include Primary Location, Standard Markers and Filter Box locations. Disable it when you want to use your manual centre and zoom.

Zoom

Controls how close or wide the initial map view appears. Lower values show a larger area. Higher values show a closer local area.

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