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

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

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

Версия 16:21, 31 мая 2013

Для создания Яндекс-карты используется Конструктор схем проезда http://api.yandex.ru/maps/tools/constructor/ . Для того, чтобы получить код карты, нужно быть зарегистрированным в системе. Зарегистрироваться можно здесь http://passport.yandex.ru/passport?mode=register .

На странице конструктора имеется видеоролик, где подробно показана работа с сервисом.

1) На первом шаге ставятся точки, подписи к ним, внешнее оформление.

2) На втором шаге, "Просмотр", отметка должна стоять на "Карта для сайта".

3) На третьем шаге вводится адрес сайта, без http:// , отмечаете галочку "Я прочитал Пользовательское соглашение ... ". В итоге система выдаст код карты.

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

В контрольной панели управления сайтом пункт меню "Управление контентом", вкладка "Страницы", выбираете в выпадающем списке нужную страницу. Рядом с надписью "Редактировать" есть в квадратных скобках надпись "html", нажимаете на нее, откроется редактор html-кода страницы.

В нужное место вставляете полученный ранее код карты.


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

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



Yandexmap-1.png



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


Yandexmap-2.png



3. Получив точку мы можем увеличить/уменьшить масштаб карты (слева на карте находится регулятор масштаба).


Yandexmap-3.png



4. Для рисования линий в левом верхнем углу карты есть инструмент "Рисование линий" (вторая кнопка по счету).



Yandexmap-4.png



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



Yandexmap-5.png



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



Yandexmap-6.png



7. При нажатии левой кнопкой мыши на точку отрезка можно удалить линию или продолжить ее.


Yandexmap-7.png


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


Yandexmap-8.png


9. Под картой можно добавить название карты.


Yandexmap-9.png


10. При необходимости вы можете измените размер карты, чтобы точно подогнать карту под ваш сайт (четвертая кнопка в инструментах).


Yandexmap-10.png



11. Устанавливаем галочку "Я прочитал Пользовательское соглашение .." и нажимаем кнопку "Сохранить и получить код"


Yandexmap-11.png


12. Копируем полностью код карты, выданный системой.


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

В контрольной панели управления сайтом пункт меню "Управление контентом", вкладка "Страницы", выбираете в списке нужную страницу. Рядом с надписью "Редактировать" есть в квадратных скобках надпись "html", нажимаете на нее, откроется редактор html-кода страницы. В нужное место вставляете полученный ранее код карты.