Открыть главное меню

Yandexmap: различия между версиями

 
Строка 1: Строка 1:
Для создания Яндекс-карты используется Конструктор схем проезда http://api.yandex.ru/maps/tools/constructor/ .
+
Для создания Яндекс-карты используется [https://yandex.ru/map-constructor/ <u>Конструктор схем проезда</u>]. Для того, чтобы получить код карты, нужно быть зарегистрированным в системе. Зарегистрироваться можно [https://passport.yandex.ru/registration?mode=register <u>здесь</u>].
Для того, чтобы получить код карты, нужно быть зарегистрированным в системе. Зарегистрироваться можно здесь http://passport.yandex.ru/passport?mode=register .
 
 
 
На странице конструктора имеется видеоролик, где подробно показана работа с сервисом.
 
 
1) На первом шаге ставятся точки, подписи к ним, внешнее оформление.
 
 
 
2) На втором шаге, "Просмотр", отметка должна стоять на "Карта для сайта".
 
 
 
3) На третьем шаге вводится адрес сайта, без http:// , отмечаете галочку "Я прочитал Пользовательское соглашение ... ".
 
В итоге система выдаст код карты.
 
  
 
Вставка кода карты на сайт:
 
Вставка кода карты на сайт:
  
В контрольной панели управления сайтом пункт меню "Управление контентом", вкладка "Страницы", выбираете в выпадающем списке нужную страницу.
+
Следует отрыть раздел '''Панель управления''' - '''Внешний вид и контент''' - '''Страницы''', перейти к редактированию необходимой страницы и открыть инфоблок страницы через html-редактор. Далее в нужное место вставляете полученный ранее код карты.  
Рядом с надписью "Редактировать" есть в квадратных скобках надпись "html", нажимаете на нее, откроется редактор html-кода страницы.  
 
 
 
В нужное место вставляете полученный ранее код карты.
 
  
  
 
'''Более подробно работа с Конструктором схем проезда:'''
 
'''Более подробно работа с Конструктором схем проезда:'''
  
1. Начало работы. Над изображением карты находится поле для ввода искомого адреса "Найти место на карте". После нажатия на кнопку "Найти" система предложит нужный адрес в окошке под полем для ввода адреса. Нажимаем на предложенный адрес.
+
1. Начало работы.  
 
 
 
 
----
 
 
 
[[Файл:Yandexmap-1.png]]
 
 
 
----
 
 
 
 
 
2. После нажатия на адрес из пункта 1 на карте появилось окошко, в котором вы можете добавить описание (будет отображаться при нажатии на точку) и установить точку (номер точки можно выбрать из выпадающего списка), а также указать цвет точки (также можно воспользоваться кнопкой "Установка точек"
 
в левом верхнем углу карты, первая кнопка по счету). Нижняя часть окошка указывает местоположение будущей точки. Даже если он смещен и указывает неправильно, точку можно будет передвинуть позже.
 
После внесенных изменений (описание, номер точки) нажимаем "ок".
 
 
 
----
 
 
 
[[Файл:Yandexmap-2.png]]
 
 
 
----
 
 
 
 
 
3. Получив точку мы можем увеличить/уменьшить масштаб карты (слева на карте находится регулятор масштаба).
 
 
 
----
 
 
 
[[Файл:Yandexmap-3.png]]
 
 
 
----
 
 
 
 
 
4. Для рисования линий в левом верхнем углу карты есть инструмент "Рисование линий" (вторая кнопка по счету).
 
 
 
 
 
----
 
  
[[Файл:Yandexmap-4.png]]
+
Над изображением карты находится поле для ввода искомого адреса. Следует ввести необходимый адрес и нажать на кнопку "Найти". Система предложит нужный адрес в окошке под полем для ввода адреса. Нажимаем на предложенный адрес.
 +
[[Файл:Создание карты 1.png|без|мини|600x600пкс|Поиск адреса]]
  
----
 
  
 +
2. После выбора адреса в пункте 1, откроется окно, в котором вы сможете добавить описание (будет отображаться при нажатии на метку), указать цвет, вид  и номер метки.  После внесенных изменений нажимаем "ок". В дальнейшем метку можно будет отредактировать.
 +
[[Файл:Создание карты 2.png|без|мини|600x600пкс|Редактирование метки на карте]]
  
5. Нажав кнопку "Рисование линий" левой кнопкой мыши проводим нужную линию (сначала нажимаем левой кнопкой мыши в начале отрезка, затем проводим линию и еще раз нажимаем левую кнопку мыши) для того, чтобы нарисовать маршрут.
 
  
 +
3. Добавив метки, можно изменить размер карты, а также воспользоваться элементами рисования линий, для отображения маршрутов.
 +
[[Файл:Создание карты 3.png|без|мини|600x600пкс]]
  
----
 
  
[[Файл:Yandexmap-5.png]]
+
4. Нажав кнопку "Линии" левой кнопкой мыши проводим нужную линию (сначала нажимаем левой кнопкой мыши в начале отрезка, затем проводим линию и еще раз нажимаем левую кнопку мыши) для того, чтобы нарисовать маршрут.
 +
[[Файл:Создание карты 4.png|альт=Добавление линий на карту|без|мини|600x600пкс|Добавление линий на карту]]
  
----
 
  
 +
5. При нажатии левой кнопкой мыши на линию, высвечивается меню, где вы можете добавить описание, задать параметры линии (цвет, толщина, прозрачность).
 +
[[Файл:Создание карты 5.png|без|мини|600x600пкс|Редактирование линий]]
  
6. При нажатии левой кнопкой мыши на линию, высвечивается меню, где вы можете добавить описание, задать параметры линии (цвет, толщина, прозрачность).
+
6. В правом верхнем углу вы можете изменить вид карты (схема, спутник или гибрид)
 +
[[Файл:Создание карты 6.png|без|мини|600x600пкс|Вид карты]]
  
  
----
+
7. Также можно добавить название и описание карты
 +
[[Файл:Создание карты 7.png|без|мини|403x403пкс|Название для карты]]
  
[[Файл:Yandexmap-6.png]]
 
  
----
+
8.  Для получения кода карты нужно ознакомиться с пользовательским соглашением Яндекса и сохранить изменения.
 +
[[Файл:Создание карты 8 .png|без|мини|601x601пкс|Код карты]]
  
  
7. При нажатии левой кнопкой мыши на точку отрезка можно удалить линию или продолжить ее.
+
9. Чтобы добавить полученную карту на сайт, следует отрыть раздел '''Панель управления''' - '''Внешний вид и контент''' - '''Страницы''', перейти к редактированию необходимой страницы и открыть инфоблок страницы через html-редактор. Далее в нужное место вставляете полученный ранее код карты.
 
+
[[Файл:Создание карты 8.png|без|мини|600x600пкс|Редактирование через html]]
----
+
<br />
 
 
[[Файл:Yandexmap-7.png]]
 
 
 
----
 
 
 
8. В правом верхнем углу вы можете изменить вид карты (схема, спутник, народная карта или гибрид)
 
 
 
----
 
 
 
[[Файл:Yandexmap-8.png]]
 
 
 
----
 
 
 
9. Под картой можно добавить название карты.
 
 
 
----
 
 
 
[[Файл:Yandexmap-9.png]]
 
 
 
----
 
 
 
10. При необходимости вы можете измените размер карты, чтобы точно подогнать карту под ваш сайт (четвертая кнопка в инструментах).
 
 
 
----
 
 
 
[[Файл:Yandexmap-10.png]]
 
 
 
----
 
 
 
 
 
11.  Устанавливаем галочку "Я прочитал Пользовательское соглашение .." и нажимаем кнопку "Сохранить и получить код"
 
 
 
----
 
 
 
[[Файл:Yandexmap-11.png]]
 
 
 
----
 
 
 
12. Копируем полностью код карты, выданный системой.
 
 
 
 
 
Вставка кода карты на сайт:
 
 
 
В контрольной панели управления сайтом пункт меню "Управление контентом", вкладка "Страницы", выбираете в списке нужную страницу. Рядом с надписью "Редактировать" есть в квадратных скобках надпись "html", нажимаете на нее, откроется редактор html-кода страницы.
 
В нужное место вставляете полученный ранее код карты.
 

Текущая версия на 13:43, 2 апреля 2020

Для создания Яндекс-карты используется Конструктор схем проезда. Для того, чтобы получить код карты, нужно быть зарегистрированным в системе. Зарегистрироваться можно здесь.

Вставка кода карты на сайт:

Следует отрыть раздел Панель управления - Внешний вид и контент - Страницы, перейти к редактированию необходимой страницы и открыть инфоблок страницы через html-редактор. Далее в нужное место вставляете полученный ранее код карты.


Более подробно работа с Конструктором схем проезда:

1. Начало работы.

Над изображением карты находится поле для ввода искомого адреса. Следует ввести необходимый адрес и нажать на кнопку "Найти". Система предложит нужный адрес в окошке под полем для ввода адреса. Нажимаем на предложенный адрес.

Поиск адреса


2. После выбора адреса в пункте 1, откроется окно, в котором вы сможете добавить описание (будет отображаться при нажатии на метку), указать цвет, вид и номер метки. После внесенных изменений нажимаем "ок". В дальнейшем метку можно будет отредактировать.

Редактирование метки на карте


3. Добавив метки, можно изменить размер карты, а также воспользоваться элементами рисования линий, для отображения маршрутов.

Создание карты 3.png


4. Нажав кнопку "Линии" левой кнопкой мыши проводим нужную линию (сначала нажимаем левой кнопкой мыши в начале отрезка, затем проводим линию и еще раз нажимаем левую кнопку мыши) для того, чтобы нарисовать маршрут.

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


5. При нажатии левой кнопкой мыши на линию, высвечивается меню, где вы можете добавить описание, задать параметры линии (цвет, толщина, прозрачность).

Редактирование линий

6. В правом верхнем углу вы можете изменить вид карты (схема, спутник или гибрид)

Вид карты


7. Также можно добавить название и описание карты

Название для карты


8. Для получения кода карты нужно ознакомиться с пользовательским соглашением Яндекса и сохранить изменения.

Код карты


9. Чтобы добавить полученную карту на сайт, следует отрыть раздел Панель управления - Внешний вид и контент - Страницы, перейти к редактированию необходимой страницы и открыть инфоблок страницы через html-редактор. Далее в нужное место вставляете полученный ранее код карты.

Редактирование через html