# Map

## Add Google Maps

<div align="left"><img src="https://963067965-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIJW5nbmYRaSNWePAac%2F-MIxu2KP4MClY9gv_q2W%2F-MIxukPQMNY67cnEiEWz%2Fgif_widgets_map.gif?alt=media&#x26;token=2dad4bbe-d702-4654-aa7b-8ef35ca1a967" alt=""></div>

1. Select page
2. Do one of the following:
   * Click <img src="https://963067965-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIJW5nbmYRaSNWePAac%2F-MJ1Ia-XP293U-WgAQov%2F-MJ1LkF8OR__953TqCEa%2Fmap.svg?alt=media&#x26;token=a1fdd517-bc7b-4054-9cca-ec297f1f2635" 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="https://963067965-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-MIJW5nbmYRaSNWePAac%2F-MIxu2KP4MClY9gv_q2W%2F-MIxukPRNFYF-pDVmxgk%2Fgif_widgets_map_iframe.gif?alt=media&#x26;token=bdc52848-ba23-4316-9be1-d3d799a31f2b" 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