Разработка интерактивной карты городского пассажирского транспорта г. Ижевска
Министерство
образования и науки РФ
ФГБОУ ВПО
«Удмуртский государственный университет»
Факультет
информационных технологий и вычислительной техники
Кафедра
высокопроизводительных вычислений и параллельного программирования
Контрольная
работа
«Разработка интерактивной карты ГПТ
г. Ижевска»
Выполнили Сарварова Г.М., Столярова Е. А.
Принял: Клочков М. А.
Ижевск 2012
Содержание
Введение
. Обзор популярных карт
общественного транспорта г. Ижевска
. Описание средства разработки
интерактивной карты
. Описание основных этапов
разработки
. Листинг программы
Заключение
Список использованных источников
Введение
Транспорт - это одна из важнейших отраслей хозяйства, выполняющая функцию
перевозки пассажиров в любом городе. Общественный транспорт не только
обеспечивает потребности хозяйства и населения в перевозках, но и является
составной частью инфраструктуры, оказывает существенное влияние на динамичность
и эффективность социально-экономического развития города. Вследствие этого, в
последнее время важность и значимость транспортных услуг все больше возрастает.
Сегодня транспортные услуги охватывают все сферы жизни общества. И чем более
качественными и эффективными они будут, тем более интенсивно будет происходить
развитие общества, в том числе и городского.
Немало важную роль в улучшении качества пассажиро-перевозок играют карты
маршрутов ГПТ. Важно изучение удовлетворенности потребителей различными
параметрами перевозок общественным транспортом. В настоящее время в г. Ижевске
существует ряд данных карт. Однако полноценной интерактивной карты с
возможностью взаимодействия пассажиров и перевозчиков не имеется. Актуальность
создания интерактивной карты определяется тем, что в связи с постоянным
изменением картины общественной транспортной сети города, необходимо
взаимодействие пассажиров и перевозчиков для увеличения полезности от
общественного транспорта.
Целью данной работы является разработка интерактивной карты маршрутов
городского пассажирского транспорта города Ижевска.
1. Обзор
карт общественного транспорта г. Ижевска
Электронная карта - картографическое изображение, сгенерированное на
основе данных цифровых карт и визуализированное на видеомониторе компьютера или
видеоэкране др. устройства (например, спутникового навигатора).
Рассмотрим существующие проекты электронных карт общественного транспорта
г. Ижевска.
Проект
3DГИС (<#"784080.files/image001.jpg">
Рис. 1. Главная оконная форма проекта 3DГИС.
электронный
интерактивный карта программный
Проект
«КОНТАКТ-НАВИГАТОР» (<#"784080.files/image002.jpg">
Рис. 2. Главная оконная форма проекта К-Навигатор.
2. Описание
средств разработки интерактивной карты
Яндекс. Карты - это поисково-информационный сервис, предоставляющий
пользователям карты крупных городов России, Украины, Белоруссии, Казахстана и
других стран СНГ, актуальные данные о пробках, схемы метро и другие
возможности.
Пользователи имеют возможность размещать карты Яндекса или собственные
карты на своих веб-страницах. Для этого существует бесплатный инструментарий -
API Яндекс. Карт и соответствующая документация.Яндекс. Карт позволяет
манипулировать любыми картами - то есть изображениями местности или любых
объектов, каждой точке которых соответствуют определённые двумерные координаты.
На схеме местность представлена в нарисованном виде без лишних деталей,
на географические объекты нанесены обозначения и названия. Спутниковая карта
составлена из спутниковых и аэрографических снимков местности. В гибридном
представлении на спутниковую карту нанесены границы государств и регионов,
дорожная сеть и названия географических объектов.
<#"784080.files/image004.jpg">
Рис. 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><div><img
src="//mc.yandex.ru/watch/13698901" style="position:absolute;
left:-9999px;" alt=""
/></div></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="http://api-maps.yandex.ru/1.1/?key=AAqjfE8BAAAAe4OxfwMAaBZV5H5vZi2eCmSoZFs_BPUCUXwAAAAAAAAAAAAEyJlyCvTiXp7R8Q4G6QIpfo_a1Q=="
type="text/javascript"></script><link
rel="stylesheet" href="http://api-maps.yandex.ru/1.1.21/_YMaps.css"><script
type="text/javascript" charset="utf-8"
src="http://api-maps.yandex.ru/1.1.21/_YMaps.js"></script><script
type="text/javascript" charset="utf-8"
src="http://api-maps.yandex.ru/1.1.21/xml/data.xml?v=1.86.4"></script><link
rel="stylesheet" href="http://api-maps.yandex.ru/1.1.21/_YMaps.css"><script
type="text/javascript" charset="utf-8"
src="http://api-maps.yandex.ru/1.1.21/_YMaps.js"></script><script
type="text/javascript" charset="utf-8" src="http://api-maps.yandex.ru/1.1.21/xml/data.xml?v=1.86.4"></script>
<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,
{: "http://api.yandex.ru/i/maps/tools/draw/add_point.png",
width: 20,:
"Режим добавления меток"
});.add(pointBootion);plineBootion
= new YMaps.ToolBarRadioButton(YMaps.ToolBar.DEFAULT_GROUP, {:
"http://api.yandex.ru/i/maps/tools/draw/add_line.png",
width: 20,:
"Режим добавления линии"
});.add(plineBootion);polygonBootion
= new YMaps.ToolBarRadioButton(YMaps.ToolBar.DEFAULT_GROUP,{:
"http://api.yandex.ru/i/maps/tools/constructor/add_polygon.png",
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. http://api.yandex.ru/maps/
. http://www.gis3d.ru/
. http://k-navigator.ru/
. Майкл Монкур «Освой
самостоятельно JavaScript за 24 часа» 2-е издание. Издательство «Вильямс», 2001