Как это работает
Три шага — и ваша карта готова.
Скопируйте код
Скопируйте код iframe ниже и откройте HTML-редактор вашего сайта.
Вставьте и настройте
Вставьте код туда, где нужна карта, и обновите параметры lat, lon и другие.
Опубликуйте
Сохраните и опубликуйте страницу. Интерактивная карта теперь доступна вашим посетителям.
Код для встраивания
Скопируйте и вставьте этот код в HTML вашей страницы, где должна появиться карта, затем обновите значения под вашу локацию.
Loading...
Вы можете изменить width и height на любой размер, подходящий для вашей страницы.
Предпросмотр
Это реальная встроенная карта — показан Ташкент, Узбекистан. Перемещайте и масштабируйте.
Параметры настройки
Добавьте параметры к URL после ?, разделяя их &. Например: ?lat=41.29&lon=69.24&zoom=14
| Параметр | Обязательный | Пример | Описание |
|---|---|---|---|
api_key | Да | YOUR_API_KEY | Ваш API-ключ Yarrow. Необходим для загрузки карты. |
lat | Да | 41.2995 | Широта локации, которую вы хотите показать на карте. |
lon | Да | 69.2401 | Долгота локации, которую вы хотите показать на карте. |
zoom | Нет | 14 | Масштаб приближения карты. 1 — весь мир, 20 — уровень улицы. По умолчанию 14. |
marker | Нет | true | Установите true, чтобы разместить маркер на локации. Оставьте пустым или false для отображения только карты. |
theme | Нет | light | Визуальный стиль карты. Выберите light или dark. По умолчанию light. |
Как найти координаты
Вам нужны широта и долгота для отображаемой локации.
- 1
Откройте Google Maps в браузере.
- 2
Перейдите к нужной локации.
- 3
Нажмите правой кнопкой мыши на нужную точку на карте.
- 4
Нажмите на координаты вверху контекстного меню (например, 41.2995, 69.2401) — они скопируются в буфер обмена.
- 5
Первое число — это широта (lat), а второе — долгота (lon).
Пример полного URL
Полный URL для встраивания со всеми параметрами выглядит так:
Loading...