21.03.2014

Как вставить панораму города на сайт

Новый сервис от Яндекса. Панорама улиц.

Яндекс предлагает новый сервис - скрипт для вставки панорамных фотографий мест, о которых идет речь в статье, на любой сайт.

Вот, скажем, чуть выше, вы можете увидеть такую панораму. Это площадь Александра Невского в Санкт-Петербурге. Зажав левую кнопку мышки на фотографии, можно "осмотреться" на все 360о.

Весьма и весьма полезная штука. Особенно актуально это для сайтов небольших фирм, предприятий, магазинов. Хорошо, если ваша вывеска видна с большого расстояния и вас легко найти просто по адресу. Но гораздо лучше, если будущий посетитель заранее, еще находясь на сайте, сможет осмотреться и найти нужное место визуально.

Итак, начнем.

Шаг первый.

Заходим в Яндекс. Карты. http://maps.yandex.ru/

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

Как вставить панораму города на сайт  

Шаг второй.

Яндекс. Карты показывают нам карту с улицами, выделенными светло-фиолетовым цветом. Щелкаем мышкой по этому выделению в любом месте. И вот она - панорама. Сверху фотография, внизу - карта. На карте есть указатель в виде бинокля со стрелочкой. Вращая этот указатель, выбираем нужный нам ракурс. То есть исходный вид нашей будущей панорамы.  Как только выбрали лучший вид, жмем кнопку "Ссылка" в правом верхнем углу и в выпавшем списке выбираем пункт "Панораму"

Как вставить панораму города на сайт

Шаг третий.

Задаем размер будущей панорамы. Яндекс предлагает несколько своих вариантов и предусмотрительно дает возможность выбрать "Другой размер".

Задаем нужные размеры и копируем код скрипта. Скрипт нужно будет вставить на страницу сайта.

Как вставить панораму города на сайт 

Шаг четвертый.

Нам нужно вставить этот скрипт в новость на сайт, созданный на движке DLE (DataLife Engine).

Данный движок, как и большинство других, имеет защиту. Просто так в текст новости скрипт не вставить. Движок его автоматически удалит. Поэтому поступаем следующим образом.

1. Создаем новый файл шаблона полной новости. Называется исходный шаблон fullstory.tpl

Заходим в админпанель, выбираем пункт "Шаблоны сайта"

Как вставить панораму города на сайт

В списке всех шаблонов выбираем шаблон fullstory.tpl, его содержимое отобразится в окошке справа. Копируем его в буфер обмена(сначала Ctrl+A, затем Ctrl+C)

Создаем новый шаблон кнопкой "Создать новый шаблон", даем ему имя fullstory2.tpl (или любое другое на ваше усмотрение).

Открываем еще пока пустой шаблон и вставляем туда все то, что скопировали из исходного шаблона. Получится два одинаковых шаблона, но с разными именами.

Ищем в шаблоне следующий код {info}{content}

Вставляем скрипт Яндекса либо выше, либо ниже. Соответственно ваша панорама будет либо сверху новости, либо под ней.

Как вставить панораму города на сайт 

Сохраняем шаблон. 

Создаем новую категорию и назначаем ей шаблон fullstory2.tpl.

Как вставить панораму города на сайт

Вот и все.

Осталось добавить новость и выбрать для нее вновь созданную категорию.

 

Сейчас на панорамах Яндекса можно увидеть 244 российских города, а также более 70 городов Украины, Беларуси и Казахстана. В каждом из них отсняты все основные улицы и самые известные места.