Что Такое Интерактивная Карта

Другие статьи, обзоры программ, новости

Обзор интерактивных карт Всемирной сети

Обзор интерактивных карт Всемирной сети

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

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

Рис. 1. Интерактивная карта аптек Уральского региона

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

Рис. 2. Просмотр фрагмента карты Италии в интерактивной ГИС-карте

Особняком стоят недавно появившиеся интерактивные ГИС-карты с визуализацией, в которых карта совмещена с космическими снимками: идеально «сшитые» снимки географически привязаны к карте, благодаря чему пользователь видит не условные обозначения, а реальные пейзажи, снятые со спутника (рис. 3).

Рис. 3. Путешествие по Великому каньону

в среде интерактивной ГИС-карты с трехмерной визуализацией (NASA WorldWind)

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

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

Сферы применения интерактивных карт

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

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

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

Да и в качестве представленных на современных интерактивных картах объектов сегодня могут фигурировать как мир в целом, так и отдельная страна, район, город или даже компания. Например, на одном из самых известных картографических серверов Рунета «Мир карт» (http://www.mirkart.ru/ ) можно попутешествовать по классической политической карте мира, найти любое государство и тут же получить по нему краткую справку (рис. 4). Для сравнения стоит взглянуть на интерактивную карту Бородинского военно-исторического музея-заповедника (http://www.museum.ru/1812/Memorial/Borodinomap/index.html ), где объектом является всего лишь территория поля Бородинской битвы, а интерактивность заключается в получении краткой справки относительно расположения войск во время боя (рис. 5), что позволяет четко представить картину сражения.

Рис. 4. Интерактивная политическая карта мира

Рис. 5. Интерактивная карта Бородинского сражения

Интерактивные flash-карты

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

Рис. 6. Интерактивная карта проезда к компании «Автоленд»

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

Презентация на тему: Вопросы Что такое интерактивная карта? Где с ней встречались? Что такое GPS-навигатор? Система ГЛОНАСС? Разобрать словосочетание

Вопросы Что такое интерактивная карта? Где с ней встречались? Что такое GPS-навигатор? Система ГЛОНАСС? Разобрать словосочетание «геоинформационная система» - презентация Похожие презентации

Презентация на тему: " Вопросы Что такое интерактивная карта? Где с ней встречались? Что такое GPS-навигатор? Система ГЛОНАСС? Разобрать словосочетание «геоинформационная система»" — Транскрипт:

1 Вопросы Что такое интерактивная карта? Где с ней встречались? Что такое GPS-навигатор? Система ГЛОНАСС? Разобрать словосочетание «геоинформационная система» на составные части.

2 Урок-исследование Учитель: Лымарь Татьяна Викторовна

3 Цель урока Познакомиться с ГИС и освоить приемы поиска информации в различных геоинформационных системах. Знакомство с новейшим классом информационных систем; Освоение приемов поиска и средств навигации различных геоинформационных систем. Задачи урока

4 Skype-интервью Брянцева Татьяна Александровна, учитель географии МОУ «Гимназия 1 г.Майского»

5 Геоинформационная система (ГИС) - компьютерная информационно- справочная система, представляющая собой совокупность баз данных и географических карт (или схем), и содержащая информацию, «привязанную» к карте местности

6 Тематика ГИС По масштабированию МуниципальныеРегиональныеГосударственныеМеждународные

7 Состав ГИС ГИС состоит из многослойной системы карт и баз данных, связанных с этими картами. Географическая информация, хранимая в ГИС, подвергается манипуляциям «растяжения», «сжатия», а поэтому храниться в векторном формате. Первоначальный растровый формат изображения повергается векторизации, т.е. линиями и точками, составляющими изображение, устанавливаются геометрические и формульные соотношения

8 Практикум Тема «Туристический тур «По местам боевой славы»» Ваша задача: с помощью различных ГИС составить рекламную презентацию о городах-героях, так, чтобы Ваши потенциальные туристы (учитель и гости урока) выбрали услуги именно вашей фирмы, именно Ваш город. Роли. В каждой команде есть гид (его задача заманить как можно больше туристов), оператор ГИС (человек, который создает презентацию тура с использованием ГИС), консультант (помощник гида и оператора ГИС).

9 Туристический тур «По местам боевой славы» «Кабардино-Балкария: Никто не забыт, ничто не забыто!» (программа-навигатор «Google Earth») – 1 группа: Клюс Максим (Гид); Куликов Виктор (консультант); Пасечникова Алена (оператор ГИС); Пасечникова Наталья (консультант). «Город-герой Санкт-Петербург» (программа «Электронные карты Москвы и Санкт-Петербурга») - 3 группа: Шейко Ксения (Гид); Шиповская Елена (оператор ГИС); Чунихина Анастасия (консультант). «Город-герой Москва» (компакт-диск «Все города России») - 2 группа: Хрячков Иван (Гид); Подольская Алина (оператор ГИС); Коржова Кристина (консультант). «Волгоград: город воинской славы» (Google maps/yandex.maps) - 4 группа: Елеева Регина (Гид); Байрагдарова (консультант); Попов Максим (оператор ГИС).

11 мини-проектов

12 Итог урока Итак, что же такое ГИС? В чем состоит отличие географических информационных систем от обычных географических карт? Является ли данная тема актуальной в наши дни? В каких профессиях можно использовать возможности ГИС? Скажите, сегодняшний урок заставил вас обратиться к знаниям из других предметных областей? Если да, то знания, каких школьных предметов понадобились, чтобы выполнить практическое задание?

13 Рефлексия ЗналУзналХочу узнать

15 за интересную работу! Из вас получатся хорошие сотрудники туристических фирм! Желаю успехов!

Интерактивная карта мира

Интерактивная карта мира. Контурная. Географическая. Физическая

Карты «Maps-For-Free» создали несколько новых вспомогательных слоев в дополнение обычных Гугл. Такая интерактивная карта очень удобна, поскольку на ней одновременно можно изучать несколько слоев, а также переключаться между ними.

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

Поиск конкретного географического местоположения представлен в виде возможности выбора по названию столицы государства или названию страны. Выбор осуществляется при помощи выпадающего меню в верхнем левом углу.

Карта предоставляет также интересную возможность ознакомиться со знаменитыми вулканами планеты, а также интересными местами. Вот так, например выглядит рельефная карта тибетского плато.

Основное достоинство данной интерактивной карты состоит не только в ее многофункциональности, но и в оригинальном, красочном оформлении, что делает работу с ней очень приятной.

Создаем интерактивную карту на сайте

Создаем интерактивную карту на сайте

Практически на всех сайтах компаний, присутствует раздел «Контакты». Если у компании есть несколько филиалов в разных регионах страны, то на странице с контактами можно разместить карту, на которой обозначить города, где находятся филиалы компании. Еще будет замечательно, если название городов будут выполнены в виде ссылок, а при клике на них будет появляться всплывающий блок со схемой проезда к офису в выбранном городе. Города на карте будут обозначены небольшими квадратами, при наведении указателя мыши на название города, его обозначение на карте будет меняться.

В этой заметке, я расскажу, как это можно реализовать с помощью jQuery.

Начну, как обычно с подготовки. Нужно создать несколько графических изображений: карту и схемы расположения офисов в городах. Также нужно сделать спрайт с квадратами, которые будут обозначать города на карте в 2 состояниях: обычном и при наведении мыши.

Скачать архив с изображениями

Города будут обозначаться на карте в виде ссылок. Они будут абсолютно позиционированы относительно карты. Чтобы вычислить координаты расположения городов на карте, нужно воспользоваться направляющими в psd-макете.

Так можно узнать координаты всех городов. Теперь создадим структуру странички, на которой будет расположена карта.

Присвоим css-стили элементам страницы.

В блоке с идентификатором 'imap' будет находиться сама карта, а блок с идентификатором 'container' будет всплывающим – в нем будут располагаться изображения со схемами проезда к филиалам компании. Изначально этот блок будет скрыт, он будет появляться при клике по названию города. Блок будет выровнен по центру экрана. В зависимости от атрибута id ссылки, в блоке-контейнере будет появляться определенная схема проезда.

Теперь нужно «вдохнуть жизнь» в получившуюся страничку, добавив немного кода на jQuery.

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

Надеюсь, что эта небольшая статья будет полезна читателям при создании страницы с контактами на сайте.

Интерактивная векторная карта России JQVMap

Интерактивная векторная карта России JQVMap

Здравствуйте! Недавно на одном из сайтов мне потребовалось вставить интерактивную карту России со всеми регионами. Как оказалось подобных скриптов карт немного и большинство либо не соответствовали требованиям, либо были платными. Требования к такой карте были следующие:

Карта должна быть довольно хорошо прорисована (Все границы регионов должны быть похожи на реальные),
На карту можно добавлять объекты, которые будут появляться при наведении на соответствующий регион,
Карту можно было легко адаптировать по размерам и цветам под стиль сайта,
Подсветка регионов, в которых есть объекты другим цветом.

И вот я наткнулся на JQVMap – карты в формате SVG. Первое что мне понравилось – это хорошо прорисованная карта России. Почитав документацию, я понял, что и все мои задачи можно решить, хотя поначалу и возникли некоторые трудности.

Скачав архив, я нашел в нем пример как эту самую карту подключить на сайт. Здесь все очень просто. Подключаем скрипты и стили:

Создаем блок для будущей карты, указав размеры:

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

В самом начале идет массив data_obj со всеми имеющимися объектами в регионах в формате

В качестве ключа используется код региона по стандартам ISO, который представляет собой двухбуквенное значение на английском языке (В исходниках приложен файл с расшифровкой всех обозначений). А значением служит еще один массив со списком объектов в этом регионе. В коде выше у нас имеется два объекта в Новгородской области (no). Далее идут переменные, задающие цвет для наших регионов:

colorRegion - цвет всех регионов по умолчанию

focusRegion - цвет подсветки регионов при наведении на объекты из списка

selectRegion - цвет изначально подсвеченных регионов

Далее идет инициализация карты со следующими параметрами:

map – название карты,

backgroundColor – цвет фона карты,

borderColor – цвет границ регионов,

borderWidth – толщина границ,

color – цвет всех регионов по умолчанию,

colors - массив подсвечиваемых регионов с указанием цвета,

hoverOpacity – прозрачность цвета регионов при наведении на них,

enableZoom – включение кнопок масштабирования карты,

showTooltip – отображение всплывающих подсказок.

Более подробно о всех параметрах можно почитать на официальном сайте. однако я не очень понял как некоторые из них работают. Затем у нас идет onLabelShow функция обратного вызова выполняется перед отображением лейбла с названием региона. В ней мы добавляем все объекты в лейбл для отображения. Функция onRegionClick выполняется при клике на объекте. В нашем примеры мы просто выводим название и код региона с помощью alert. Также существуют функции onRegionOver - выполняется при наведении на регион и onRegionOut - выполняется при уводе курсора мыши с объекта. В принципе мои задачи на этом были решены, но я решил продолжить изучение скрипта. А что если бы мы могли вывести список регионов под картой и при наведении на соответствующий он подсвечивался. В документации описан метод для динамического обновления цветов на карте:

В нем мы задаем массивом список областей на карте и соответственно цвет. Для примера я создал список и написал небольшую функцию, которая приведена выше:

Теперь при наведении на название у нас подсвечивается нужная область. Было бы хорошо вывести список всех объектов, и чтобы при наведении на них подсвечивалась соответствующая область. Писать все вручную неохота, тем более у нас уже есть массив, поэтому просто выведем его в цикле. Обратите внимание на атрибут href – он указывает, на какой цвет будет меняться регион при уводе мышки. Сделали мы это для того что бы регионы, в которых есть объекты, перекрашивались не на цвет по умолчанию, а на цвет изначально подсвеченных регионов (selectRegion).

Ну вот, все оказалось не так и сложно, и возможно в каком-то из проектов может пригодиться. Дополнительные карты так же можно скачать с официального сайта.

UPD 25.11.2014. На карте появилась "Республика Крым". Спасибо Владимиру Горячеву за помощь в доработке карты.

Автор: Евгений Бочкарев Урок добавлен: 16 Сентября 2014 в 21:33 Просмотров: 13236

Что такое интерактивная карта

Что такое интерактивная карта

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

Warning. mysql_query(): Access denied for user 'www-data'@'localhost' (using password: NO) in /var/www/rx24.ru/data/www/otvety.rx24.ru/wp-content/themes/Answers/library/includes/comment-rating.php on line 57