Как добавить Яндекс карту на сайт?

Добавим интерактивную Яндекс карту на сайт

  1. Переходим на Яндекс карты https://tech.yandex.ru/maps/tools/constructor/ и жмём "Создать новую карту"Я карты-1
  2. Вводим наш адрес и жмём "Сохранить и продолжить"
    Я карты-2
  3. Выбираем:
    • Интерактивная или статичная карта нужна
    • Растягивать по ширине или нет
  4. Жмём "Получить код карты" и копируем полученный кодЯ карты-3
  5. Добавляем HTML виджет, нажимаем "Редактировать" и вставляем туда скопированный код из шага 2 и нажимаем "Галочку". Если вы не хотите, чтобы от скролла изменялся масштаб карты вместо прокрутки самого сайта, в самом конце кода нужно заменить значение "scroll=true" на "scroll=false".
    Гугл карты-2
    Гугл карты-3
  6. HTML виджет станет зеленым, значит код вставился. В редакторе карты не будет видно, но на опубликованной странице всё будет работать
    Снимок экрана 2016-04-22 в 1.27.57
  7. Выглядеть карта будет, например, так:
    Снимок экрана 2016-04-22 в 1.51.01

    Растягиваем карту на 100% по ширине секции и делаем её без белой рамки

Уберите внешние отступы у красной колонки (капелька), секции (капелька) и поставьте растягивание на 100% ширины у секции (карандашик)

Гугл карты-4

Растягивание

Карта будет выглядеть на опубликованной странице так:
Снимок экрана 2016-04-22 в 1.51.36

Делаем нашу геометку красивой

Жмём на метку и открывается окно настройки геометки.
Карта-1

Здесь мы можем изменить:

  • Описание геометки
  • Цвет геометки
  • Вид геометки
  • Вставить внутрь геометки иконку