How it works
Three steps and your map is live.
Copy the snippet
Grab the iframe code below and open your website's HTML editor.
Paste & configure
Paste it where you want the map, then update the lat, lon, and other parameters.
Publish
Save and publish your page. The interactive map is now live for your visitors.
Embed snippet
Copy and paste this into your webpage's HTML where you want the map to appear, then update the values to match your location.
Loading...
You can change width and height to any size that fits your page.
Live preview
This is the real embed — showing Tashkent, Uzbekistan. Pan and zoom to explore.
Customisation options
Append parameters to the URL after ?, separated by &. For example: ?lat=41.29&lon=69.24&zoom=14
| Parameter | Required | Example | Description |
|---|---|---|---|
api_key | Yes | YOUR_API_KEY | Your Yarrow API key. Required for the map to load. |
lat | Yes | 41.2995 | Latitude of the location you want to show on the map. |
lon | Yes | 69.2401 | Longitude of the location you want to show on the map. |
zoom | No | 14 | How close the map is zoomed in. 1 is the whole world, 20 is street level. Default is 14. |
marker | No | true | Set to true to place a pin on the location. Leave out or set to false to show just the map. |
theme | No | light | Visual style of the map. Choose light or dark. Default is light. |
How to find coordinates
You need a latitude and longitude for the location you want to display.
- 1
Open Google Maps in your browser.
- 2
Navigate to the location you want to show.
- 3
Right-click on the exact spot on the map.
- 4
Click the coordinates shown at the top of the context menu (e.g. 41.2995, 69.2401) — this copies them to your clipboard.
- 5
The first number is latitude (lat) and the second is longitude (lon).
Full URL example
A complete embed URL with all parameters looks like this:
Loading...