Для создания Яндекс-карты используется Конструктор схем проезда http://api.yandex.ru/maps/tools/constructor/ . Для того, чтобы получить код карты, нужно быть зарегистрированным в системе. Зарегистрироваться можно здесь http://passport.yandex.ru/passport?mode=register .
На странице конструктора имеется видеоролик, где подробно показана работа с сервисом.
1) На первом шаге ставятся точки, подписи к ним, внешнее оформление.
2) На втором шаге, "Просмотр", отметка должна стоять на "Карта для сайта".
3) На третьем шаге вводится адрес сайта, без http:// , отмечаете галочку "Я прочитал Пользовательское соглашение ... ". В итоге система выдаст код карты.
Вставка кода карты на сайт:
В контрольной панели управления сайтом пункт меню "Управление контентом", вкладка "Страницы", выбираете в выпадающем списке нужную страницу. Рядом с надписью "Редактировать" есть в квадратных скобках надпись "html", нажимаете на нее, откроется редактор html-кода страницы.
В нужное место вставляете полученный ранее код карты.
Более подробно работа с Конструктором схем проезда:
1. Начало работы. Внизу под изображением карты находится поле для ввода искомого адреса "Найти место на карте". После нажатия на кнопку "Найти" система предложила нужный адрес немного ниже. Выглядит, как ссылка. Нажимаем на нее.
2. После нажатия на ссылку из пункта 1. на карте появилось приглашение поставить точку. Нижний уголок сообщения показывает
местоположение будущей точки. Даже если он смещен и указывает неправильно, точку можно будет передвинуть позже.
Приглашение можно и закрыть. Нажимаем на ссылку "Поставить здесь точку?". (Также можно воспользоваться кнопкой "Установка точек"
в левом верхнем углу карты, третья кнопка по счету)
3. К точке указываем подпись (будет видна при нажатии на точку). Можно выбрать оформление для точки либо удалить ее.
4. Выбираем цвет точки, размер, ее номер (будет показан на точке) и нажимаем "ОК".
5. Такая получилась точка. Слева на карте находится регулятор масштаба, также можно воспользоваться второй по счету кнопкой
в левом верхнем углу карты для увеличения масштаба.
6. Для рисования линий в левом верхнем углу карты есть инструмент "Рисование линий".
7. Нажав кнопку "Рисование линий", левой кнопкой мыши проводим нужную линию.
8. При нажатии левой кнопкой мыши на промежуточные точки в линии (белые квадратики) высвечивается меню, где можно удалить линию, завершить, продолжить.
9. По завершении линии предлагается выбрать ее внешний вид, указать подпись к ней либо удалить всю линию.
10. Нажимаем на второй пункт создания карты - Просмотр.
11. На втором шаге можно просмотреть надписи к точкам и линиям, выбрать режим просмотра карты (например, Спутник).
Тип карты: "Карта для сайта".
12. Режим просмотра карты выбран "Гибрид" - картинка со спутника с подписанными улицами и номерами домов.
13. Нажимаем на третий и последний пункт создания карты - Код для вставки.
14. Указываем адрес своего сайта без http:// . Отмечаем галочку "Я прочитал Пользовательское соглашение .." и
нажимаем кнопку "Получить код карты"
15. Копируем полностью код карты, выданный системой. Карта будет показываться только на сайте, указанном на предыдущем шаге.
Вставка кода карты на сайт:
В контрольной панели управления сайтом пункт меню "Управление контентом", вкладка "Страницы", выбираете в выпадающем списке нужную страницу. Рядом с надписью "Редактировать" есть в квадратных скобках надпись "html", нажимаете на нее, откроется редактор html-кода страницы. В нужное место вставляете полученный ранее код карты.