> For the complete documentation index, see [llms.txt](https://docs.flipabit.dev/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.flipabit.dev/widgets/map.md).

# Map

## Add Google Maps

<div align="left"><img src="/files/-MIxukPQMNY67cnEiEWz" alt=""></div>

1. Select page
2. Do one of the following:
   * Click <img src="/files/-MJ1LkF8OR__953TqCEa" alt="" data-size="line"> on Toolbar
   * Select Insert > Widgets > Map
3. Open Widget Inspector
4. Paste your Google API key into Google api field

See how to get Google API key: <https://developers.google.com/maps/documentation/javascript/get-api-key>.

## Add custom map

<div align="left"><img src="/files/-MIxukPRNFYF-pDVmxgk" alt=""></div>

1. Select Map widget
2. Open Widget Inspector
3. Remove Google API key from Google api field
4. Paste Embed code into iFrame field