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

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

 
(не показаны 2 промежуточные версии 2 участников)
Строка 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-firststep.jpg]]
 
 
 
----
 
 
 
 
 
2. После нажатия на ссылку из пункта 1. на карте появилось приглашение поставить точку. Нижний уголок сообщения показывает
 
местоположение будущей точки. Даже если он смещен и указывает неправильно, точку можно будет передвинуть позже.
 
Приглашение можно и закрыть. Нажимаем на ссылку "Поставить здесь точку?". (Также можно воспользоваться кнопкой "Установка точек"
 
в левом верхнем углу карты, третья кнопка по счету)
 
 
 
 
 
----
 
 
 
[[Файл:Yandexmap-firststep2.jpg]]
 
 
 
----
 
 
 
 
 
3. К точке указываем подпись (будет видна при нажатии на точку). Можно выбрать оформление для точки либо удалить ее.
 
 
 
 
 
----
 
 
 
[[Файл:Yandexmap-firststep3.jpg]]
 
 
 
----
 
 
 
 
 
4. Выбираем цвет точки, размер, ее номер (будет показан на точке) и нажимаем "ОК".
 
 
 
 
 
----
 
 
 
[[Файл:Yandexmap-firststep4.png]]
 
 
 
----
 
 
 
 
 
5. Такая получилась точка. Слева на карте находится регулятор масштаба, также можно воспользоваться второй по счету кнопкой
 
в левом верхнем углу карты для увеличения масштаба.
 
 
 
 
 
----
 
 
 
[[Файл:Yandexmap-firststep5.jpg]]
 
 
 
----
 
 
 
 
 
6. Для рисования линий в левом верхнем углу карты есть инструмент "Рисование линий".
 
 
 
 
 
----
 
  
[[Файл:Yandexmap-firststep6.jpg]]
+
Над изображением карты находится поле для ввода искомого адреса. Следует ввести необходимый адрес и нажать на кнопку "Найти". Система предложит нужный адрес в окошке под полем для ввода адреса. Нажимаем на предложенный адрес.
 +
[[Файл:Создание карты 1.png|без|мини|600x600пкс|Поиск адреса]]
  
----
 
  
 +
2. После выбора адреса в пункте 1, откроется окно, в котором вы сможете добавить описание (будет отображаться при нажатии на метку), указать цвет, вид  и номер метки.  После внесенных изменений нажимаем "ок". В дальнейшем метку можно будет отредактировать.
 +
[[Файл:Создание карты 2.png|без|мини|600x600пкс|Редактирование метки на карте]]
  
7. Нажав кнопку "Рисование линий", левой кнопкой мыши проводим нужную линию.
 
  
 +
3. Добавив метки, можно изменить размер карты, а также воспользоваться элементами рисования линий, для отображения маршрутов.
 +
[[Файл:Создание карты 3.png|без|мини|600x600пкс]]
  
----
 
  
[[Файл:Yandexmap-firststep7.jpg]]
+
4. Нажав кнопку "Линии" левой кнопкой мыши проводим нужную линию (сначала нажимаем левой кнопкой мыши в начале отрезка, затем проводим линию и еще раз нажимаем левую кнопку мыши) для того, чтобы нарисовать маршрут.
 +
[[Файл:Создание карты 4.png|альт=Добавление линий на карту|без|мини|600x600пкс|Добавление линий на карту]]
  
----
 
  
 +
5. При нажатии левой кнопкой мыши на линию, высвечивается меню, где вы можете добавить описание, задать параметры линии (цвет, толщина, прозрачность).
 +
[[Файл:Создание карты 5.png|без|мини|600x600пкс|Редактирование линий]]
  
8. При нажатии левой кнопкой мыши на промежуточные точки в линии (белые квадратики) высвечивается меню, где можно удалить линию, завершить, продолжить.
+
6. В правом верхнем углу вы можете изменить вид карты (схема, спутник или гибрид)
 +
[[Файл:Создание карты 6.png|без|мини|600x600пкс|Вид карты]]
  
  
----
+
7. Также можно добавить название и описание карты
 +
[[Файл:Создание карты 7.png|без|мини|403x403пкс|Название для карты]]
  
[[Файл:Yandexmap-firststep8.jpg]]
 
  
----
+
8.  Для получения кода карты нужно ознакомиться с пользовательским соглашением Яндекса и сохранить изменения.
 +
[[Файл:Создание карты 8 .png|без|мини|601x601пкс|Код карты]]
  
  
9. По завершении линии предлагается выбрать ее внешний вид, указать подпись к ней либо удалить всю линию.
+
9. Чтобы добавить полученную карту на сайт, следует отрыть раздел '''Панель управления''' - '''Внешний вид и контент''' - '''Страницы''', перейти к редактированию необходимой страницы и открыть инфоблок страницы через html-редактор. Далее в нужное место вставляете полученный ранее код карты.
 
+
[[Файл:Создание карты 8.png|без|мини|600x600пкс|Редактирование через html]]
 
+
<br />
----
 
 
 
[[Файл:Yandexmap-firststep9.jpg]]
 
 
 
----
 
 
 
 
 
10. Нажимаем на второй пункт создания карты - Просмотр.
 
 
 
 
 
----
 
 
 
[[Файл:Yandexmap-firststep10.jpg]]
 
 
 
----
 
 
 
 
 
11. На втором шаге можно просмотреть надписи к точкам и линиям, выбрать режим просмотра карты (например, Спутник).
 
Тип карты: "Карта для сайта".
 
 
 
 
 
----
 
 
 
[[Файл:Yandexmap-secondstep.jpg]]
 
 
 
----
 
 
 
 
 
12. Режим просмотра карты выбран "Гибрид" - картинка со спутника с подписанными улицами и номерами домов.
 
 
 
 
 
----
 
 
 
[[Файл:Yandexmap-secondstep2.jpg]]
 
 
 
----
 
 
 
 
 
13. Нажимаем на третий и последний пункт создания карты - Код для вставки.
 
 
 
 
 
----
 
 
 
[[Файл:Yandexmap-secondstep3.jpg]]
 
 
 
----
 
 
 
 
 
14. Указываем адрес своего сайта без http:// . Отмечаем галочку "Я прочитал Пользовательское соглашение .." и
 
нажимаем кнопку "Получить код карты"
 
 
 
 
 
----
 
 
 
[[Файл:Yandexmap-thirdstep.jpg]]
 
 
 
----
 
 
 
 
 
15. Копируем полностью код карты, выданный системой. Карта будет показываться только на сайте, указанном на предыдущем шаге.
 
 
 
 
 
----
 
 
 
[[Файл:Yandexmap-thirdstep2.jpg]]
 
 
 
----
 
 
 
 
 
Вставка кода карты на сайт:
 
В контрольной панели управления сайтом пункт меню "Управление контентом", вкладка "Страницы", выбираете в выпадающем списке нужную страницу. Рядом с надписью "Редактировать" есть в квадратных скобках надпись "html", нажимаете на нее, откроется редактор html-кода страницы.
 
В нужное место вставляете полученный ранее код карты.
 

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

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

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

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


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

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

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

Поиск адреса


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

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


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

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


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

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


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

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

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

Вид карты


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

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


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

Код карты


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

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