Обзор технологий создания Web-ГИС

Введение
Следует начать с того, что Интернет на современном этапе развития общества – это достаточно мощный инструмент поиска и, соответственно, предоставления информации. Как показывает статистика, доступ к сети Интернет имеет более половины жителей планеты. В связи с чем, разработка Web-сайта позволяет сегодня применять все современные технологии для развития как информационной поддержки, так и рекламы.
Важно понимать, что Web-программирование в настоящее время выделяется в самостоятельную отрасль программирования. Если первоначально эта сфера не могла быть сопоставима с другими областями программирования, то сегодня компьютер, вследствие развития Web-технологий, становится инструментом информационной поддержки.
Актуальность работы заключается в том, что сегодня существуют инструменты для сбора, хранения, извлечения, обработки и отображения пространственных данных. Такие инструменты объединяются в различные типы программного обеспечения, называемые географическими информационными системами (ГИС).
Цель работы – провести обзор технологий создания Web-ГИС. Поставленная цель предполагает решение следующих задач:
рассмотреть технологии создания Web-сайта;
проанализировать Интернет-карты для интеграции на сайт;
исследовать библиотеки для создания трёхмерной web-карты.
При написании работы использовались такие методы, как теоретическое обоснование темы, изучение научных источников, а также их сравнительный анализ.
1 Обзор технологий создания Web-ГИС
1.1 Технологии создания Web-сайта
1.1.1 Язык разметки HTML 5
HTML - это стандартизированный язык разметки для документов в Интернете. HTML5 (от англ. Hyper Text Markup Language 5) - это пятая версия одного из основных языков разметки Интернета, HTML [2]. Язык интерпретируется браузерами, в результате пользователь видит форматированный текст, отображаемый на экране.
Язык HTML позволяет разработчикам:
представлять документы, включающие заголовки, тексты, таблицы, списки, «картинки» и другие элементы;
перемещаться по отдельным документам и нескольким документам с помощью гиперссылок;
проектировать диалоговые формы для взаимодействия с удаленными сервисами, расположенными в сети;
включать в документы расчетные формы, видео, аудио и различные приложения.
HTML-теги - это «каркас» гипертекстового документа. Они используются для разделения начала и конца элемента разметки. Каждый элемент начинается с открывающего тега и заканчивается закрывающим тегом. Все HTML теги можно разделить на пять групп:
пустые элементы;
элементы с неформатированным текстом;
элементы, выводящие неформатированный текст;
элементы из другого пространства имен;
обычные элементы.
Кроме того, HTML5 вводит концепцию локального хранилища под названием WebStorage, которая позволяет сайту хранить данные на компьютере пользователя, а затем получать к ним доступ с помощью JavaScript [4, с. 380].
1.1.2 Язык JavaScript
JavaScript - это язык программирования, используемый для управления сценариями просмотра веб-страниц. JavaScript изначально был создан для того, чтобы «оживлять веб-страницы». [5] Главная особенность этого языка заключается в том, что при его использовании можно изменять свойства среды отображения при просмотре веб-сайта, и он не будет перезагружать Web-страницы.
Например, можно использовать JavaScript для замены цвета фона Web-страницы или заменить изображение, интегрированное в Web-страницу. Также можно создать новое окно отображения или отображать различные уведомления.
JavaScript - это объектно-ориентированный язык программирования, но поскольку он использует прототипирование (быструю реализацию основных функциональных возможностей для анализа производительности системы), существует ряд особенностей, связанных с непосредственным выполнением кода языка по сравнению с традиционными объектно-ориентированными языками программирования.
Помимо этого, язык JavaScript обладает перечнем свойств, которые присущи другим функциональным языка, а именно: функции как объекты первого класса, объекты как списки, анонимные функции. Хотя язык JavaScript по синтаксису похож на язык Си, он все же имеет ряд отличий:
используются объекты со способностью самоанализа;
функции как объекты первого класса;
автоматическое приведение типов;
анонимные функции

.
В качестве недостатков языка JavaScript можно выделить следующие:
отсутствие возможности регулировать области;
нет интерфейса как такового;
использование стандартных интерфейсов доступа к Web-серверам и базам данных.
1.1.3 Таблицы стилей CSS
Каскадные таблицы стилей открывают совершенно новые возможности в веб-дизайне [1, с. 69]. CSS или каскадные таблицы стилей - это формальный язык описания внешнего вида документа, написанного с использованием языка разметки [3, с. 376]. CSS используется разработчиками веб-сайтов для установки шрифтов, их расположения на странице, цветов, используемых при разработке, и других принципов внешнего вида блоков веб-страниц.
Основной целью создания CSS является разделение контента, что в свою очередь позволяет повысить доступность документа, а также обеспечить большую гибкость и возможность управления презентацией веб-страницы и снизить сложность структуры ее содержимого. Кроме того, каскадные таблицы стилей позволяют представлять одну и ту же веб-страницу в различных стилях отображения, таких как представление экрана, голосовое чтение и т. д. CSS состоит из набора правил.
В свою очередь, каждое правило включает в себя один или нескольких переключателей, которые разделены запятыми, и блок определений, который заключается в фигурные скобки ({}) и состоит из набора свойств и их значений.
При непосредственном отображении Web-страницы таблица стилей может быть взята из различных источников. Иерархия стилей состоит из:
авторские стили (информация стилей, предоставляемая разработчиком страницы);
пользовательские стили;
стили браузера.
Кроме того, каскадные таблицы стилей позволяют работать со шрифтовым оформлением документа на более высоком уровне, чем стандартный HTML-код, избегая при этом перегруженности страниц графикой.
1.2 Интернет-карты для интеграции на сайт
1.2.1 Интеграция Google Maps
Google Maps – это комплекс приложений, созданных на базе бесплатного сервиса картографии и технологии, используемой Google. Данное приложение используется для поиска информации на карте с отметками достопримечательностей, организаций и т. д.
Google управляет своими картами с помощью iframe, поэтому он всегда отображается правильно, так как полностью использует код страницы Google. Но не все сайты имеют возможность вставлять такой объект, особенно на платформах блогах.
Так что даже Google карты центра Москвы до сих пор содержат некоторые неточности в названиях, на них не указаны трамвайные пути и другие особенности, которые полезны при описании встроенной карты на сайте. Кроме того, стоит отметить, что техническая поддержка Яндекса гораздо оперативнее, чем у Google, и реагирует на запросы довольно быстро.
У Google существует два способа добавления карт на сайт: с привязкой и без привязки к организации. Упрощенным способом, без привязки, можно отметить на карте место или проложить маршрут, и разместить карту на своем сайте без необходимости подтвердить достоверность указанной информации. Более сложный способ, подразумевающий под собой привязку сайта организации к месту на карте, влечет за собой необходимость подтвердить изложенную контактную информацию в «Google Адресах».
Этот метод не просто регистрирует точку на карте, но и адрес компании, а также связывает ее с другими поисковыми сервисами внутри этой поисковой системы, поэтому его использование в качестве рекламы более заметно.
1.2.2 Интеграция Yandex карт
Яндекс.Карты – это высоконагруженный картографический портал, который работает с огромными объемами данных.
Особенностью кода Яндекс-карты является возможность вставлять их по блокам, используя JavaScript и элементы, что делает его зависимым от стилей, используемых на сайте. Кроме того, Яндекс разработал плагины для популярных CMS.
Яндекс также может сохранить карту в виде статического изображения с простым кодом для ее вставки. Выбор следует делать исходя из возможностей и особенностей сайта, на странице которого необходимо разместить карту. Так как Яндекс - это российская компания, и его карты более точны и удобны для русскоязычной аудитории, чем Карты Google