# Секция "Карты"

В конструкторе сайтов существует удобная и быстро настраиваемая секция "Карты: 

<figure><img src="/files/yZHOeA3tseaXvHuw7nf9" alt=""><figcaption></figcaption></figure>

Секция карты решает сразу несколько вопросов, связанных с вашей компанией:

1. **Наглядно показывает местоположение организации:** клиенты смогут сразу увидеть, где находится компания, и проложить маршрут. Это особенно полезно для офлайн-бизнеса
2. **Создаёт доверие и подтверждает реальное существование компании:** карта с адресом помогает показать, что бизнес работает официально и обратиться к вам можно не только онлайн, но и офлайн.
3. **Дополняет контактные данные и делает их более наглядными:** вместо сухого текста с адресом и телефоном карта делает ваш сайт более наглядным и удобным.&#x20;

## Как создать блок "Карты"

Чтобы создать блок карты, перейдите на свой сайт в конструкторе:

<figure><img src="/files/5Ee8UBK6L5mpVvwDXC19" alt=""><figcaption></figcaption></figure>

Вы можете добавить блок как уже на существующий сайт, так и создать новый лендинг.&#x20;

В режиме редактирования сайта нажмите на "+", чтобы открылось меню с доступными секциями:

<figure><img src="/files/hTpNrvYDN5oC8teZlRTJ" alt=""><figcaption></figcaption></figure>

В меню с секциями (блоками) для сайта найдите секцию "Карта" и кликните по ней:

<figure><img src="/files/x12weokAg0SF38LPxCa2" alt=""><figcaption></figcaption></figure>

Секция "Карта" будет добавлена на ваш сайт:

<figure><img src="/files/sv8FLFHuyCoCVE6foJfn" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
Готово! Теперь вы знаете, как добавить секцию "Карта" на ваш сайт.&#x20;
{% endhint %}

## Настройки контента

После того, как секция "Карта" была добавлена на сайт, автоматически откроется меню настроек контента, где можно настроить:

1. Местоположение на карте;
2. Зум карты (масштаб);
3. Заголовок и текст маркера;
4. Заголовок и текст (в случае если выбрал стиль карты с текстовым блоком):

<figure><img src="/files/hJxDL1DU8gINsMc0Nm8b" alt="" width="375"><figcaption></figcaption></figure>

### Стили секции "Карта"

В стилях секции "Карта" можно выбрать вид карты с заголовком и текстом либо стандартный вид без заголовков и текстов.&#x20;

<figure><img src="/files/tqxOtNPezhuOozR8RCcb" alt=""><figcaption></figcaption></figure>

Стандартный вид карты в секции установлен по умолчанию и выглядит следующим образом:

<figure><img src="/files/WZhmgM6xYq7Q7ThxqjSy" alt=""><figcaption></figcaption></figure>

Чтобы добавить в секцию текстовый блок, то необходимо выбрать один из двух видов:

1. Текстовый блок поверх карты:

<figure><img src="/files/Xpy5Mnrv2wjV2ZHpvgbW" alt=""><figcaption></figcaption></figure>

Тогда текстовый блок будет расположен прямо на карте в секции:

<figure><img src="/files/DTKa2cpzGwnA8OeIAp0m" alt=""><figcaption></figcaption></figure>

2. Текстовый блок рядом с картой:

<figure><img src="/files/mYX7GJEIRBcNRJ5TpsGZ" alt=""><figcaption></figcaption></figure>

Тогда секция "Карта" на сайте будет выглядеть так:

<figure><img src="/files/A9Lp4gi0Fr0BVRidHpZT" alt=""><figcaption></figcaption></figure>

Дополнительно к виду секции с текстовым блоком открываются поля для ввода заголовка и самого текста:

<figure><img src="/files/KJHHpdtAJ7YyrbGUQcWs" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
В стандартом виде секции "Карта" настроек для заголовок и текста нет.&#x20;
{% endhint %}

Для текстового блока поля с вводом текста и заголовка представляют стандартизированный набор, как для обычного текстового редактора:

<figure><img src="/files/GNmXsKoaJkKVeNCB2lli" alt=""><figcaption></figcaption></figure>

Например, можно выбрать жирность шрифта, курсив, подчеркивание, цвет и выделение текста, выравнивание и т.д:

<figure><img src="/files/iLhOuTOa0fXzzlq6oTRW" alt=""><figcaption></figcaption></figure>

### Настройки карты

Шаг 1. Выберите зум карты:

<figure><img src="/files/1LOrFU5x3XD3BhyyJgYY" alt=""><figcaption></figcaption></figure>

Поле принимает значение от 1 до 20, где 20 - это наименьший масштаб карты (более детальные объекты), а 1 - наибольший масштаб (чем меньше масштаб карты, тем более детальной она будет отображаться).&#x20;

<figure><img src="/files/kOgyjejFfHiZfRC7wLqE" alt="" width="563"><figcaption></figcaption></figure>

Шаг 2. Выберите координаты маркера:

<figure><img src="/files/daD4UZBXAIkLDJvkzGqd" alt=""><figcaption></figcaption></figure>

{% hint style="success" %}
Маркер на карте - это отмеченные на карте флажком координаты вашего адреса.&#x20;
{% endhint %}

<figure><img src="/files/ujPea5xbfyBB0wdP7ZX7" alt="" width="563"><figcaption><p>Маркер - флажок на карте</p></figcaption></figure>

Можно в строку координаты ввести ваши актуальные координаты:

<figure><img src="/files/M2MGKaT1vBz5cAPHnYGO" alt="" width="446"><figcaption></figcaption></figure>

Либо перенести маркер прямо на карте (тогда координаты автоматически изменятся):

<figure><img src="/files/bDaQTJDwiRnN2KPBcusS" alt="" width="563"><figcaption></figcaption></figure>

Шаг 3. Пропишите при необходимости заголовок и текст маркера:

<figure><img src="/files/e8YyQLe0WZHpy15an6dZ" alt=""><figcaption></figcaption></figure>

Заголовок и текст маркера отображаются при клике на флажок:

<figure><img src="/files/zW55F5gxqJ9LlX2XC66K" alt="" width="563"><figcaption></figcaption></figure>

Для заголовка и текста маркера существуют стандартные настройки, как для любых текстовых редакторов:

<figure><img src="/files/mj6g08HHyAX9tHv1q148" alt="" width="563"><figcaption></figcaption></figure>

Например, можно выбрать жирность шрифта, курсив, подчеркивание, цвет и выделение текста:

<figure><img src="/files/14rvoeISE0BePRUCtNEv" alt="" width="375"><figcaption></figcaption></figure>

## Настройки отображений и фона

После того, как вы настроили контект секции, кликните "Сохранить":

<figure><img src="/files/BfphLgNhY8cA4F0472Qu" alt=""><figcaption></figcaption></figure>

Далее наведите на секцию курсором и найдите кнопку "Настройки":

<figure><img src="/files/9QTuQ6bQ6Hai3Z1y8gai" alt=""><figcaption></figcaption></figure>

Кликните по кнопке, тогда вам откроются настройки секции, в которой можно настроить фон и отображение секции на сайте:

<figure><img src="/files/U6BstPenAAk3th9R0ywg" alt=""><figcaption></figcaption></figure>

Настройки фона и отображения являются универсальными настройками для каждой секции сайтов: то есть такие настройки стандарты для каждого блока:

<figure><img src="/files/NJm5MsZNaseBw2bkLxt9" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
Подробнее об универсальных настройках секции и отображения рассказали в статье "[Универсальные настройки секций: шрифты, фон и отображение](broken://pages/oX6Y9RGmKT74x44vZ8gr)"
{% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.salebot.pro/websites/builder/sekcii-bloki/sekciya-karty.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.