Яндекс карта – украшение сайта

Тэги: пути решения проблем, проблемы перспективы развития, решение глобальных проблем, проблемы современного общества, проблемы общения<

Яндекс карта – украшение сайта

Разве не мечтали вы, чтобы Яндекс карта стояла у вас на сайте? Разве не хотелось вам, чтобы местоположение вашего офиса, магазина или учебного заведения было наглядно видно, как только посетитель зайдет на ваш сайт? Да если всерьез говорить, то Яндекс карта важна не только своим утилитарным предназначением. Она может служить настоящим украшением вашего сайта, доставляя эстетическое наслаждение и вам, владельцу сайта, и уж, конечно, – гостям вашего сайта.
А разве не приходилось вам испытывать серьезные трудности при попытке установить это чудо на свой сайт? Особенно, если вы не «крутой» вебмастер, а новичок, «чайник», слабо разбирающийся во всяких там html-кодах, скриптах и прочих премудростях мастерства создания сайтов. В интернете по этому поводу немало информации с различными привлекательными названиями, достаточно в поисковой строке набрать запрос: «Как поставить Яндекс карту на сайт?». По этому запросу Яндекс или Гугл выдадут несколько десятков миллионов ответов, среди которых будут и учебники, и простые инструкции. Но когда уже на втором шаге такой «простой» инструкции встречаем слова: «Вставляем код карты в свою страницу с учетом ключа, полученными координатами(x1,y1) и описанием точек на карте», я думаю многие «заскучают», не понимая и половины из сказанного.
На самом же деле всё не так страшно и, действительно, довольно просто, если среди десятка миллионов ответов по вашему запросу, вы найдете именно тот, который вам нужен, который без мудрых рассуждений, в несколько очевидных шагов приведет вас к желаемому результату. И красавица Яндекс карта, как флаг победы «взовьется» на вашем сайте. Тут, как говорится, места нужно знать!
И я открываю вам такое место, где любой «чайник» найдет своей душе «заветный уголок». Итак, проходите по ссылке http://api.yandex.ru/maps/tools/constructor/ и попадаете в объятия «Конструктора схем проезда». Подразумевается, что вы являетесь зарегистрированным и авторизованным пользователем Яндекса (если это не так – срочно создайте в Яндексе свой аккаунт).
Когда попадете на страницу Конструктора схем проезда, перед вами откроется такая картинка.

Яндекс картаЗдесь в нижней строке наберите название вашего населенного пункта (например, Нижний Новгород) и в выпадающих ниже строках выберите то, что вам нужно (собственно Нижний Новгород или Нижегородская область). Полученная в результате карта имеет линейку изменения масштаба (с помощью кнопок «+» и «-»), а также набор инструментов – в верхней части. Каждый из этих инструментов активируется одним кликом и, становясь активным, приобретает зеленый цвет. Далее увеличивая масштаб полученной на картинке карты с помощью кнопки «+», и перемещая изображение с помощью кнопки «рука», найдите то место, которое вас интересует (например, вашу улицу и даже ваш дом). Теперь самое время обозначить эту достопримечательную точку. Для этого активируйте кнопку со стрелочкой, называемую при подведении к ней курсора «Установка точек». Теперь у вас в руках инструмент, с помощью которого вы можете отметить любое интересующее вас место.

Когда вы щелкаете мышкой в  это  место,   появляется окошко, куда можно   ввести название  этой точки (например, набрать «здесь я живу»). Когда нажмете «ОК», отмеченная вами точка появится на карте в виде этакой «синенькой запятой». Не бойтесь ошибиться – любая точка, во-первых, перетаскивается мышкой в любое место, а во-вторых – легко удаляется, если после щелчка на ней вы выбираете в выпадающем окне «удалить».

Создание_Карты_2Создание_Карты_3

Когда это проделаете, когда увидите свою «синюю запятую» на своей карте, можно перейти ко второму шагу (см. первый рисунок). Этот шаг дает вам возможность просмотреть, как же в конце концов будет выглядеть карта на вашем сайте. Если вас все устраивает, то можно перейти к третьему шагу, если что-то не так – следует вернуться к первому и исправить, что необходимо.
А на третьем шаге все просто – здесь вы получаете код для вставки карты на сайт. Перейдя к третьему шагу, нажимаете на появляющуюся кнопку «получить код карты» и получаете этот долгожданный и желанный код. Вот как это выглядит.

Удаляете из полученного кода все поясняющие примечания (например, «<!– Этот блок кода нужно вставить в ту часть страницы, где вы хотите разместить карту  (начало) –>)», оставляете только собственно код – и все. Все готово, к тому. Чтобы вожделенная Яндекс карта появилась на сайте. Выберете подходящее место для ее размещения.

Это может быть специальный виджет в сайд-баре. Если вы хотите именно так разместить карту, то заходите в админпанель, в виджеты, выбираете свободный виджет «текст» и вставляете в него скопированный после редактирования код. Как только вы сохраните виджет, тут в сайд-баре увидите красотку-карту. Размер карты можно подогнать под размеры сайд-бара путем редактирования размеров карты в ее коде.
Если вы хотите разместить карту на какой-нибудь странице, например, на странице «контакты», то нужно создать новую запись (можно без заголовка) и вставить уже упомянутый код. После опубликования этой записи на нужной вам странице появится Яндекс карта.
Вот и все премудрости. Разве что упомянуть о возможности с помощью кнопки «рисование линий» проложить прямо на карте маршрут к интересующему вас объекту (например, к вашему офису) или с помощью кнопки «рисование многоугольников» изобразить, например, какой-нибудь склад или что-то еще более мудреное.
Удачи вам.

Кирилл Дубровский.

Понравилась статья? Расскажите друзьям:
Общайтесь со мной:

Статьи на похожую тему:

  1. Карта сайта

Комментировать