Справочная информация!  

О программе!

Программа "Интерактивная карта Пономарёвского района" разработана Моисеевым А.Н. - ОВ АСУ "Информэнергосвязь".

Для создания карты использовались следующие инструменты ->

1 Библиотека для карты http://leafletjs.com/
2 Компонент http://bootstrap-ru.com/ - Простой и легко настраиваемый HTML, CSS, и Javascript инструментарий.
3 Для панели навигации использовалась библиотека Ext JS 4.0 http://docs.sencha.com/extjs/4.0.7/
4 Для проверки формы использовался язык Javascript.
5 PHP, MySQL, HTML (язык разметки гипертекста), CSS (каскадный стиль таблиц).
6 jQuery - библиотека, которая использует язык Javascript, обеспечивающая кроссбраузерную поддержку приложений (работает в Internet Explorer 10.0+, Mozilla Firefox 2+, Opera 9.0+ и Chrome).

По всем вопросам обращаться:

Моисеев Александр Николаевич

  • Email:

    mois@orene.ru

    Телефон:

    8(3532) 79-74-46, 79-76-75

    Требования к техническим средствам

    Для работы с программой необходим компьютер с установленной операционной системой версии Windows 7, Windows 8, Windows 10, Linux Mint, Ubuntu, подключенный к интернету.

    Браузеры позволяющие работать с картой ->

    Google chrome - рекомендую использовать при просмотре карты;

    Internet Explorer - самой последней версии;  Загрузить Internet Explorer

    Скачать Internet Explorer 11 по прямой ссылки:

    Загрузить Internet Explorer 11 Windows 7 SP1 (32-разрядная)

    Загрузить Internet Explorer 11 Windows 7 SP1 (64-разрядная)

    Внимание!

    В версиях 6, 7, 8, 9 Internet Explorer многие функции будут не доступны т.к. эти версии не поддерживают многие библиотеки, которые были использованы при создании данного программного обеспечения.

    Opera - обновленной версии;

    Mozilla Firefox - обновленной версии.

    Рекомендую для просмотра карты использовать разрешение экрана 1280 х 1024.

    Загрузить Google Chrome

    Функциональные возможности "Интерактивной карты Оренбурга"

    Для пользователей без авторизации:

    1 Просмотр интересующих местоположений - достопримечательностей

    2 Возможность навигации по карте через панель управления по районам

    3 Просмотр фотографии с меткой местоположения

    4 Есть боковая панель с помощью, которой можно убрать или показать определенные метки (маркеры) на карте

    5 Возможность выбора стилизации карты: OSM (по умолчанию), Google, Спутник

    6 Приближать, уменьшать масштаб карты

    7 Сбрасывать все настройки и перезагружать карту в первоначальное состояние

    8 Возможность просмотра всех фотографий через галерею изображений и показ информации на карте, где расположен данный объект

    9 Перемещаться по карте с помощью мыши, увеличивать/уменьшать масштаб карты, используя скроллинга мыши.

    Для пользователей с авторизацией:

    1 Доступны все функции перечисленные выше

    2 Добавление маркера/метки с графической и текстовой информации на карту

    3 Удаление маркера

    Примечание!

    Функция редактирования объектов на карте не предусмотрена, так как при редактировании может нарушиться целостность информации, и вся структура ссылок может измениться.

    Основные определения!

    КАРТА - картографическое произведение; построенное в картографической проекции, уменьшенное, обобщенное изображение поверхности Земли, поверхности другого небесного тела или внеземного пространства, показывающее расположенные на них объекты (предметы и явления) в определенной системе условных знаков.

    Маркер / Метка карты - это точка на карте, имеющая своё название и иконку.

    Тайлы (от англ. tiles - плитки) - в цифровой картографии жаргонное название тех квадратных растровых изображений равной величины, которыми, как плиткою, бывает вымощена поверхность отображаемой карты. Каждый тайл является небольшим квадратным куском целой карты некоторого масштаба. Разделение карты на тайлы позволяет при демонстрации карты скачивать с отдалённого сервера только те тайлы, которые в настоящий момент видны читателю карты, и подкачивать новые тайлы по мере того, как читатель движется вдоль карты или переменяет масштаб её. Тем экономится и время скачивания, и объёмы необходимых данных.

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

    Как пользоваться картой?



    Основные инструменты:

    - открывает боковую панель, с помощью, которой можно убрать или показать определенные метки (маркеры) на карте, а также выбирать стиль карты. (Рисунок 1).

    - данные кнопки позволяют увеличить или уменьшить масштаб карты.

    - информирует пользователя, насколько увеличен масштаб карты.

    - сбрасывать все настройки карты и перезагружает ее в первоначальное состояние.

    - копка открывает навигационное меню. (Рисунок 2).

    - Маркер позволяет просматривать информацию об объекте.

    - основное меню карты.(Рисунок 3).

    Рисунок 1 - Боковая панель. Рисунок 2 - Навигационное меню. Рисунок 3 - Основное меню карты.

    Стили карты:

    Возможность два вида выбора стилизации карты: OSM (по умолчанию) - Карта, Гибрид - Рисунок 4.

    OSM - Карта Гибрид

    Рисунок 4 - Стили карты.

    Выбор стиля происходит с помощью боковой панели Рисунок 1.

    Маркеры:

    Разновидность маркеров Маркеры на карте Содержание маркера при клике мыши

    памятник природы

    источник (ключ, родник)

    церковь, храмы

    памятники исторические и культурные

    исчезнувшие села

    действующие села

    колодец с журавлем

    братские могилы

    древние курганы

    мечеть

    известные люди

    Навигация:

    Навигация по районам позволяет быстро ориентироваться на карте, вызывается с помощью навигационного меню - Рисунок 2.

    Основное меню:

    - Содержится краткая история о Пономаревском районе.

    - Слайдер - блок, в котором некоторый контент изменяется динамически, переключается. В слайдере есть картинки и ссылки, дающие возможность показать на карте расположение данного объекта.

    Содержит информацию о разработчиках программного обеспечения.

    Авторизация дает возможность добавлять маркеры на карту и удалять их.
    - содержит справочную информацию!

    Галерея изображений:

    На рисунке 5 представлена форма «Галерея изображений».

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

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

    Рисунок 5 - Галерея изображений.

    Авторизация:

    Авторизация - дает возможность пользователю добавлять и удалять метки (маркеры) на карте. Фома для авторизации показана на рисунке 6.

    Рисунок 6 - Авторизация.

    Авторизация осуществляется посредствам ввода логина и пароля пользователя, при этом должен соблюдаться регистр ввода.

    Внимание!

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

    Добавление метки (маркера) на карту:

    1) Чтобы добавить маркер на карту нужно произвести авторизацию;

    2) Необходимо щелкнуть мышью на интересующую часть карты для определения широты и долготы или координат будущего маркера. Координаты будут отображаться в верхней части карты рисунок 7.

    Рисунок 7 - Координаты маркера.

    3) Необходимо щелкнуть мышью на интересующую часть карты для определения широты и долготы или координат будущего маркера. Координаты будут отображаться в верхней части карты рисунок 7.

    4) Далее необходимо щелкнуть в меню карты пункт "Добавить на карту маркер" рисунок 8.

    Рисунок 8 - Меню карты после авторизации.

    5) Подтвердить запрос рисунок 9.

    Рисунок 9 - Запрос на создание маркера.

    6) После подтверждения создания маркера, откроется основная форма с помощью, которой добавляется информация о маркере рисунок 10.

    Рисунок 10 - Форма добавления маркера на карту.

    7) Заполнив все текстовые поля, если необходимо добавить графическую информацию, то на форме, показанной на рисунке 10 нужно выбрать вкладку "Загрузка файлов" рисунок 11.

    Внимание!

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

    Рисунок 11 - Форма добавления маркера на карту с графической информацией.

    Примечание!

    Загрузка файлов должна происходить по порядку #1, #2, …, #5. Чтобы выбрать файл необходимо нажать на кнопку "Добавить" после чего нужно выбрать графический файл в открывшемся окне рисунок 12.

    Рисунок 12 - Рисунок 12 - Окно для выбора графического файла.

    8) После произведенных действий необходимо нажать на кнопку "Сохранить" форма рисунок 10 или рисунок 11. Далее откроется информационная страница с процессом загрузки информации рисунок 13.

    Рисунок 13 - Рисунок 13 - Информационная страница о загрузки информации.

    Удаление маркера:

    Примечание! Удаление доступно только после авторизации пользователя.

    Чтобы удалить маркер необходимо его выбрать на карте и щелкнуть кнопку "Удалить" рисунок 14.

    Рисунок 14 - Удаление маркера.

    При удалении маркера необходимо подтвердить запрос рисунок 15.

    Рисунок 15 - Запрос на удаление маркера.

    Рисунок 16 - Процесс удаление маркера.

    Видео Урок -> Работа с "Интерактивной Картой Пономаревского района"

    Для просмотра в режиме полного экрана в проигрывателе нужно нажать значок
    Чтобы выйти с полноэкранного режима нажмите кнопку Esc.

    Презентация!

    Скачать презентацию