Разработка интерактивной карты городского пассажирского транспорта г. Ижевска

 

Министерство образования и науки РФ

ФГБОУ ВПО «Удмуртский государственный университет»

Факультет информационных технологий и вычислительной техники

Кафедра высокопроизводительных вычислений и параллельного программирования

Контрольная работа

«Разработка интерактивной карты ГПТ г. Ижевска»

Выполнили Сарварова Г.М., Столярова Е. А.

Принял: Клочков М. А.

Ижевск 2012

Содержание

Введение

.Обзор популярных карт общественного транспорта г. Ижевска

.Описание средства разработки интерактивной карты

.Описание основных этапов разработки

.Листинг программы

Заключение

Список использованных источников

Введение

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

Немало важную роль в улучшении качества пассажиро-перевозок играют карты маршрутов ГПТ. Важно изучение удовлетворенности потребителей различными параметрами перевозок общественным транспортом. В настоящее время в г. Ижевске существует ряд данных карт. Однако полноценной интерактивной карты с возможностью взаимодействия пассажиров и перевозчиков не имеется. Актуальность создания интерактивной карты определяется тем, что в связи с постоянным изменением картины общественной транспортной сети города, необходимо взаимодействие пассажиров и перевозчиков для увеличения полезности от общественного транспорта.

Целью данной работы является разработка интерактивной карты маршрутов городского пассажирского транспорта города Ижевска.

1.Обзор карт общественного транспорта г. Ижевска

Электронная карта - картографическое изображение, сгенерированное на основе данных цифровых карт и визуализированное на видеомониторе компьютера или видеоэкране др. устройства (например, спутникового навигатора).

Рассмотрим существующие проекты электронных карт общественного транспорта г. Ижевска.

Проект 3DГИС (<#"justify">·Трехмерная карта города Ижевска

·Структурированный каталог организаций

·Поиск по адресу

·Подробная информация об организации

·Просмотр и поиск маршрутов общественного транспорта

·Поиск остановок транспорта

Рис. 1. Главная оконная форма проекта 3DГИС.

электронный интерактивный карта программный

Проект «КОНТАКТ-НАВИГАТОР» (<#"justify">·Трехмерная карта города Ижевска

·Каталог организаций

·Поиск по организации

·Поиск по адресу

·Просмотр и поиск маршрутов общественного транспорта

·Поиск остановок транспорта

Характеристики справочника и карты в системе «Контакт-Навигатор» по г. Ижевск Киров Глазов Воткинск

Рис. 2. Главная оконная форма проекта К-Навигатор.

2.Описание средств разработки интерактивной карты

Яндекс. Карты - это поисково-информационный сервис, предоставляющий пользователям карты крупных городов России, Украины, Белоруссии, Казахстана и других стран СНГ, актуальные данные о пробках, схемы метро и другие возможности.

Пользователи имеют возможность размещать карты Яндекса или собственные карты на своих веб-страницах. Для этого существует бесплатный инструментарий - API Яндекс. Карт и соответствующая документация.Яндекс. Карт позволяет манипулировать любыми картами - то есть изображениями местности или любых объектов, каждой точке которых соответствуют определённые двумерные координаты.

Пользователи, которых интересует территория нашей планеты и, в особенности России и республик бывшего СССР, могут воспользоваться изображениями местности, предоставляемыми Яндексом. Яндекс предоставляет три набора изображений поверхности земного шара: схема, спутниковая карта и гибридное представление.

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

<#"justify">·Пользовательское соглашение службы «API Яндекс.Карты».

·Пользовательское Соглашение службы "Яндекс.Карты".

·Пользовательское соглашение Яндекса.

Обратите внимание, что API Яндекс.Карт не может использоваться для картографических сервисов, требующих оплаты, или иным образом ограничивающих доступ к ним третьих лиц.

. Описание основных этапов разработки

ØРегистрация в Яндекс

ØСоздание сайта (izhgpt.narod2.ru)

ØПолучение ключа API

ØСоздание программы на JavaScript

oВозможность передвижения по карте

oВозможность масштабирования

oВозможность измерять расстояние

oВозможность ставить метки

oВозможность поиска

oВставка меток остановок общественного транспорта

ØВставка кода программы на сайт

Рис. 4 Разработанная интерактивная карта.

. Листинг программы

<script src="//mc.yandex.ru/metrika/watch.js" type="text/javascript"></script>

<script type="text/javascript">{ var yaCounter13698901 = new Ya.Metrika({id:13698901});}(e) { }

</script>

<noscript>&lt;div&gt;&lt;img src="//mc.yandex.ru/watch/13698901" style="position:absolute; left:-9999px;" alt="" /&gt;&lt;/div&gt;</noscript>

<!-- /Yandex.Metrika counter -->

<div>

<table>

<colgroup><col width="15%"><col width="25%"><col width="60%">

</colgroup><tbody><tr>

<td style="width: 15%;">

<div>

</div>

</td>

<td>

<div>

</div>

</td>

<td>

<div>

</div>

</td>

</tr>

</tbody></table>

<table>

<colgroup><col width="80%"><col width="20%">

</colgroup><tbody><tr>

<td>

<div>

<div>

<title>Редактор Яндекс.Карт</title>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8">

<script src="#"justify"><script language="JavaScript" type="text/javascript">

var map;

// Создание обработчика для события window.onLoad.jQuery(function () {

// Создание экземпляра карты и его привязка к созданному контейнеру

map = new YMaps.Map(YMaps.jQuery("#YMapsID")[0]);

// Установка для карты ее центра и масштаба

map.setCenter(new YMaps.GeoPoint(53.225241,56.849384), 16);.addControl(new YMaps.Zoom());.addControl(new YMaps.TypeControl());.addControl(new YMaps.SearchControl());toolbar = new YMaps.ToolBar();pointBootion = new YMaps.ToolBarRadioButton(YMaps.ToolBar.DEFAULT_GROUP, {: "#"justify">width: 20,: "Режим добавления меток"

});.add(pointBootion);plineBootion = new YMaps.ToolBarRadioButton(YMaps.ToolBar.DEFAULT_GROUP, {: "#"justify">width: 20,: "Режим добавления линии"

});.add(plineBootion);polygonBootion = new YMaps.ToolBarRadioButton(YMaps.ToolBar.DEFAULT_GROUP,{: "#"justify">width: 20,: "Режим добавления многоугольника"

});.add(polygonBootion);.addControl(toolbar);

// При активной кнопке включаем добавление меток

YMaps.Events.observe(pointBootion, pointBootion.Events.Select, function () {.Events.observe(map, map.Events.Click, function (map, mEvent) {newGeoPoint = mEvent.getGeoPoint();.jQuery("#image").change(function() {.jQuery("#imagePreview").empty();( YMaps.jQuery("#image").val()!="" ){.jQuery("#imagePreview").append("<img src=" + YMaps.jQuery("#image").val() + " />");

}{.jQuery("#imagePreview").append("displays image here");

}

});.jQuery("#formpoint").show();.getElementById('point_lat').value = newGeoPoint.getLng();.getElementById('point_lng').value = newGeoPoint.getLat();

})

})

// При неактивной - выключаем.Events.observe(pointBootion, pointBootion.Events.Deselect, function () {.removeCursor(YMaps.Cursor.POINTER);.jQuery("#formpoint").hide();

})

});addMarker() {overlayName = YMaps.jQuery('#overlayName').attr('value');overlayDescription = YMaps.jQuery('#overlayDescription').attr('value');ZnMetki = YMaps.jQuery('select[@name=image] option:selected').text();LatMetki = YMaps.jQuery('#point_lat').attr('value');LngMetki = YMaps.jQuery('#point_lng').attr('value');placemark = new YMaps.Placemark(new YMaps.GeoPoint(LatMetki, LngMetki), {hasHint: true, style: ZnMetki});

// Устанавливает содержимое балуна.name = overlayName;

placemark.description = overlayDescription;

// Добавляет метку на карту.addOverlay(placemark);

}

</script>

<script>window["_GOOG_TRANS_EXT_VER"] = "1";</script>

<div id="formazn" style="margin-left: 820px; width=" 250px"="">

<div id="formpoint" style="">

<p><strong>Форма ввода параметров остановки</strong></p>

<br>

Название: <input type="text" name="overlayName" id="overlayName" size="32"><br>

Описание: <textarea name="overlayDescription" id="overlayDescription" rows="2" cols="30"></textarea><br><br>

Широта: <input id="point_lat" type="text" size="25"><br>

Долгота: <input id="point_lng" type="text" size="25">'

<p><input name="addMarker" type="button" onclick="addMarker()" value="Добавить"></p>

</div>

</div>

</div>

</div>

</div>

</td>

<td style="width: 20%;">

<div>

</div>

</td>

</tr>

</tbody></table>

<table>

<colgroup><col width="33%"><col width="34%"><col width="33%">

</colgroup><tbody><tr>

<td style="width: 33%">

<div>

</div>

</td>

<td>

<div>

</div>

</td>

<td style="width: 33%">

<div>

</div>

</td>

</tr>

</tbody></table>

</div>

</body>

Заключение

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

Разработка системы открыла и перспективы для дальнейшего развития. В первую очередь, к ним стоит отнести возможность создания на её основе системы отвечающей за автоматизированные процессы взаимодействия пассажиров и перевозчиков.

Список использованных источников

1.#"justify">.#"justify">.#"justify">.Майкл Монкур «Освой самостоятельно JavaScript за 24 часа» 2-е издание. Издательство «Вильямс», 2001

Министерство образования и науки РФ ФГБОУ ВПО «Удмуртский государственный университет» Факультет информационных технологий и вычислительной техн

Больше работ по теме: