Вставить яндекс карту на свой сайт через конструктор maps yandex ru

Яндекс конструктор карт

Для начала, нужно получить код виджета карты.

Переходим по этой ссылке:

http://api.yandex.ru/maps/tools/constructor/

Здесь у нас конструктор карты Яндекса. Поработаем с конструктором:

  • находим нужную локацию на карте,
  • добавляем заголовок,
  • также можно поменять цвет точки,
  • и добавить маршрут с помощью инструментов конструктора.

Когда вы закончили работу над картой, жмем «Сохранить и получить код».

Яндекс карты HTTP вставить на сайт. Конструктор карт maps yandex ru

Далее, скопируйте код из появившегося поля.

yandex-map2

Вставим яндекс карту на сайт

В моем случае получился следующий код карты:

[javascript]
<script type=»text/javascript» charset=»utf-8″ src=»//api-maps.yandex.ru/services/constructor/1.0/js/?sid=8JulYwrbH9G8YiVogJEVucY-gRwXCIu_&width=600&height=450″></script>
[/javascript]

Открываем редактор страницы, в режиме редактирования исходного кода (есть ли такой, зависит от конкретной CMS).

Вставляем код в нужном месте, сохраняем.

Если карта не подходит по ширине или высоте, можно отредактировать и задать свои размеры в полученном коде карты: width=600 — это ширина, а height=450 — высота.

1 комментарий к “Вставить яндекс карту на свой сайт через конструктор maps yandex ru”
  1. Анастасия 10.07.2015

Оставить комментарий