Skip to content
MockFlow DocsGet an API key

Mark locations on a real map with the Pin Maps component: generate pins with AI, add markers with icons and notes, show a listing sidebar and change the map style.

Updated 12 Oct 20262 min read

The Pin Maps component puts a real, zoomable map on your MockFlow board with a pin for each place that matters: stores and offices, venues for a trip, schools in a district or spots for a pop-up. Each pin can carry an icon and a note, so the map reads as a plan, right beside the lists and timelines that go with it.

A Pin map of a city with five pins for stores, the head office and a warehouse, and a listing sidebar of the locations

Generate a map with AI

  1. Click Add anything (the plus button) in the toolbar at the bottom of the board and choose Pin Maps.

  2. With the map selected, click the AI button on the left of its toolbar and choose Generate new.

  3. Describe the places, for example "Our five stores in Seattle, the head office and the warehouse", and click Generate. Examples offers more ideas.

Modify with AI adds or changes pins with a prompt, and Convert to turns the map into another kind of item, such as a table of the locations.

Add a marker

The Add Marker menu over a pin map, with numbered markers on the location field, the pin icons and the Add Marker button

Click Add Marker in the map's toolbar.

  1. Type a place in Enter location, such as a city, an address or a landmark. Add a note in Marker Info if you like.

  2. Pick an icon for the pin, such as Store, Office, Home, School or Hotel, or enter your own emoji.

  3. Click Add Marker to drop the pin on the map.

Click a pin to Edit Marker or Delete this Marker. Clear All Markers empties the map.

Change how the map looks

  • Marker Listing: Show Listing Sidebar lists every pin next to the map, with its note.

  • Change Map Style: light, dark and other map styles.

  • Change Map Projection: a flat map or a globe.

  • Toggle Map Labels and Reset Zoom: hide place names, or zoom back out to fit all the pins.

Click Interact with Component (the hand button) to pan and zoom the map on the board.

The Pin Maps component is available on every plan. Generating with AI uses AI credits. See MockFlow pricing.

Next steps

Was this page helpful?

Sign in to MockFlow

The same account you use in the app and on the API.

Forgot your password?
or
Continue with GoogleContinue with MicrosoftContinue with Apple