Акция Киберзима
Акция Киберзима
Скидки до 40%, улучшение тарифов
и бесплатные месяцы подписки
Получить Получить
Реклама
ООО Инсейлс Рус ИНН 7714843760 erid: 2RanymdZKYt
Получите продающий сайт «под ключ» за 20 дней: уникальный дизайн, подключение интеграций, удобный функционал
Реклама. ООО «Инсейлс Рус»‎ ИНН 771484376 erid: 2Ranyo5dJeU

Добавление интерактивной карты на сайт

  1. Создание карты Яндекса
  2. Создание карты Google
  3. Вставка карты на сайт

Создание карты Яндекса

1. Перейдите на сайт https://yandex.ru/map-constructor/ (предварительно необходимо войти в свою учетную запись на Яндексе).

2. Нажмите «Создать карту» и используйте предложенные инструменты. Можно просто отметить маркер на карте, можно создать линии, многоугольники, выбрать стиль отображения (схема/спутник/гибрид) и т.п. Название и описание для карты заполнять не обязательно, но желательно.

3. Нажмите на кнопку «Сохранить и продолжить» в левом нижнем углу.

4. Задайте размеры карты. Если надо, чтобы карта отображалась на всю ширину контентной части сайта, ставим галочку «Растянуть по ширине»:

5. Кликните по кнопке «Получить код карты» и скопируйте предложенный код – подойдут как JavaScript, так и iframe:

6. Вставьте карту на сайт.

Создание карты Google

1. Перейдите на сайт https://www.google.com/maps/d/u/0/?hl=ru (предварительно необходимо войти в свою учетную запись в Google).

2. Нажмите «Создать новую карту». По аналогии с Яндексом, можно использовать любые доступные инструменты.

3. Чтобы карта была видна всем, нужно задать соответствующий уровень доступа. Выберите «Поделиться»:

4. Введите название и описание для карты, после чего разрешите публичный доступ:

5. Выберите «Добавить на сайт» и скопируйте предложенный iframe-код:

Далее вставьте карту на сайт.

Вставка карты на сайт

1. Перейдите в панель администратора и откройте редактор страницы, на которой нужно разместить карту. Нужно выбрать инструмент «Исходный код»:

2. Код разместите в самом конце, сделав переход на новую строку при помощи Enter:

Код можно указать и в другом месте при необходимости. В таком случае необходимо знать на базовом уровне HTML, чтобы не нарушить порядок тегов.

При возникновении трудностей напишите обращение в техническую поддержку для добавления кода на страницу.

Оставить оценку

Оценка успешно отправлена. Спасибо
Перед публикацией все оценки проходят модерацию

Оценки: 0

Остались вопросы?
Отправь тикет в техподдержку!
Еще нет своего магазина?
Создайте интернет-магазин на платформе inSales
Всё для продаж уже внутри!
Нажимая кнопку «Зарегистрироваться», я принимаю Пользовательское соглашение и Политику конфиденциальности
Недавно просмотренные статьи
Продолжая пользоваться сайтом,
вы соглашаетесь с использованием cookie