МІНІСТЕРСТВО ОСВІТИ І НАУКИ УКРАЇНИ НАЦІОНАЛЬНИЙ УНІВЕРСИТЕТ «ЛЬВІВСЬКА ПОЛІТЕХНІКА» Інститут комп'ютерних технологій, автоматики та метрології Кафедра «Електронні обчислювальні машини» Онлайнові картографічні сервіси Методичні вказівки до лабораторної роботи №6 з дисципліни «Глобальні інформаційні мережі» для студентів базового напряму 6.050102 «Комп'ютерна інженерія» Затверджено на засіданні кафедри «Електронні обчислювальні машини» Протокол № 7 від 11 березня 2014 р. на засіданні методичної ради ІКТА Протокол № 11 від 25 березня 2014 р. Зареєстровано в НМУ НУ «ЛП» № 5596 від 05.05.2014 Львів-2014 2 Онлайнові картографічні сервіси. Методичні вказівки до лабораторної роботи № 6 з дисципліни «Глобальні інформаційні мережі» для студентів базового напряму 6.050102 «Комп'ютерна інженерія»/Укл. , - Львів: Національний університет «Львівська політехніка», 2014. – 8 с. Укладачі: [ім’я автора приховано], канд. техн. наук, доцент [ім’я автора приховано], канд.. техн.. наук, доцент Відповідальна за випуск: [ім’я автора приховано], канд. техн. наук, доцент Рецензенти: Голембо В.А., канд. техн. наук, доцент каф. ЕОМ Різник О.Я., канд. техн. наук, доцент каф. ІТВС 3 Мета роботи. АРІ карт - це сервіс, який дозволяє інтегрувати карти на сторінки інших сайтів. Сервіс надає можливість втілити динамічний варіант карти із збереженням функцій пересування, масштабування, перемикання між різними варіантами схеми. API представлено трьома мовами – українською, російською, англійською. Онлайнові картографічні сервіси Популярні геоінформаційні сервіси пропонують окрім перегляду карт пошук об'єктів, прокладання маршрутів і багато соціальних функції. Кожна з популярних систем має свої сильні і слабкі сторони, зумовлені спеціалізацією або історією розвитку. Яндекс.Карти http://maps.yandex.ru Яндекс.Карти - це пошуково-інформаційний сервіс, що надає користувачам карти великих міст Росії , України , Білорусії , Казахстану та інших країн СНД , актуальні дані про пробки , схеми метро й інші можливості. Карти від Інтернет-сервісу Яндекс стали доступними українським користувачам в числі перших і до цього дня залишаються одним з найпопулярніших картографічних сервісів. Карти покривають більшість українських міст, основні дороги та населені пункти. Карти міст та супутникові фотознімки мають дуже високу деталізацію. Користувач може окремо переглядати схему або фотознімок, а також комбінувати шари в гібридну карту. Назви на картах нанесені російською мовою, але сервіс без проблем виконує пошук назв об'єктів українською. Карта «поінформована» про факти перейменування вулиць і дозволяє знаходити об'єкти як за старою, так і за новою назвою. Крім карти і супутникових знімків міст, в картах є кілька додаткових інформаційних шарів. В числі корисних: розташування станцій технічного обслуговування автомобілів, мийки, автозаправки, а також спеціалізовані та вищі навчальні заклади. В картах передбачено каталог організацій і установ окремо взятого міста. Яндекс.Пробки - корисний сервіс, який в реальному часі показує на карті завантаженість всіх транспортних артерій міста. Працюють «пробки» завдяки активної народної участі. Водій з GPS-пристрою з виходом в Інтернет може взяти участь у складанні актуальної карти міських пробок. В залежності від середньої швидкості руху автомобіля, інформація надходить на сервер Яндекс, система малює за маршрутом слідування кольорові лінії. Зелені - дорога вільна, жовті - швидше за заповнена, червоні - корок. Корисним сервісом для водіїв є карта розв'язок, яка допоможе розібратися в складних схемах 4 шляхопроводів і естакад. Панорама вулиць надає сервіс перегляду вулиць великих міст України. Доступна лінійка для вимірювання відстаней і мітки з коментарями. АРІ Яндекс.Карти Сервіс Яндекс.Карти (рис. 1) надає п'ять програмних інтерфейсів, призначених для роботи з картою і географічними даними. Кожен з інтерфейсів пропонує свій набір інструментів, що дозволяють вирішувати різні задачі. Конструктор Карт API Конструктора Карт дозволяє швидко і просто створити карту, помітити на ній потрібні об'єкти. Дану карту можна розмістити на своєму сайті або в блозі. Для розміщення карти потрібно вставити сформований конструктором рядок коду на сторінку, де необхідно відобразити карту. JavaScript API 2.1 Програмний інтерфейс на JavaScript , що дозволяє інтегрувати інтерактивні карти у веб-сторінки. За допомогою JavaScript API можна показувати зображення місцевості у вигляді схеми, супутникових знімків і народної карти, відображати на карті різні об'єкти (мітки, лінії, підказки), здійснювати пошук об'єктів на карті, прокладати маршрути і створювати власні карти. Static API 1 HTTP API, що дозволяє розміщати статичні зображення Яндекс.Карт на сторінках сайтів, не вдаючись до програмування на JavaScript або використання динамічного завантаження сторінок. Пошук по мапі Даний сервіс дозволяє визначати координати і отримувати відомості про географічне об'єкті за його назвою або адресою (геокодування) і навпаки, визначати адресу об'єкта на карті за його координатами (зворотне геокодування). Взаємодія з API здійснюється за допомогою http-запитів. Пошук по Народної карті HTTP API, що надає можливість пошуку по Народних картах, які створені користувачами Яндекса. 5 Рис. 1. Конструктор карт від Яндекс Google Maps http://maps.google.com Google Maps є самою просунутою і функціональної картографічною системою в Інтернеті. Правда, це відчувається тільки в світовому масштабі, тоді як в локальних сервісах ці карти часто поступаються найближчим конкурентам. Карти Google охоплюють всю земну кулю, однак їх деталізація від регіону до регіону різниться. Окрім стандартної карти місцевості і деталізованих супутникових знімків, карта має режим тривимірного відображення земної кулі. Для віртуального глобусу можна встановити додаток Google Earth або інсталювати плагін для браузера. Картографічний сервіс Google підтримує панорамний перегляд вулиць українських міст. Режим Street View надає можливості розглядати окремі ділянки вулиць і будинків. Вивчення панорами вулиць можна поєднати з навігацією по звичайній карті, а також з переглядом користувацьких фотографій (Panoramio) та відеозаписів (YouTube), територіально пов'язаних з місцем 6 розташування на карті. В інформаційних шарах карти можна відображати об'єкти, опис яких є у Вікіпедії, доступні веб- камери, а також територіально прив'язані повідомлення соціальної мережі Buzz. В якості окремого шару, що заміняє собою карту, можна відобразити ландшафт місцевості. В картах добре реалізована функція прокладання маршрутів. Оскільки карта в Google є глобальною, то можна прокласти маршрут не лише в межах одного населеного пункту, а й між різними містами і різними країнами. За необхідності маршрут можна прокладати більш ніж через дві точки. Картографічний сервіс вміє прокладати маршрут і для подорожі автомобілем, і для прогулянок пішки або поїздки громадським транспортом. За потребою система обчислює кілька альтернативних маршрутів і для кожного з них розписано покроковий гід по проходженню. Також картографічний сервіс видає протяжність маршруту і розрахунковий час його проходження. Створювати і редагувати власні карти також можна вручну, наприклад, додавати текстові мітки і об'єкти з коментарями на карту, малювати лінії та деякі інші геометричні фігури. Для створення власної карти можна запрошувати співавторів, а результати роботи публікувати у відкритому або обмеженому доступі. Google Планета Земля http://www.google.com/earth/ Google Планета Земля є віртуальним зображенням Землі 3d, на якому можна побачити загальні панорами країн, міст, знайти карти доріг, відвідати місцеві пам'ятки у віртуальній подорожі. Google Земля представлено у вигляді тривимірної візуалізації на основі картографічних супутникових 3d технологій Google, які надаються користувачам безкоштовно. Google Планета Земля - унікальна програма, яка на основі супутникових карт Землі (Google maps), надає 3d версію супутникових знімків у формі інтерактивної онлайн програми. Супутникові карти Google відрізняються барвистістю, чіткістю, точністю, а також простотою і зручністю використання. Карти Google Планета Земля надають можливість віртуальних подорожей в будь-який куточок світу. API Google Map Завдяки «API Google Карт» звичайні карти перетворюються на інтерактивні сервіси (рис. 2). Власник сайту або програми може розмістити карту з Google Maps на своєму сайті, керуючи цією картою через JavaScript, наприклад, для додавання маркерів географічних точок, наближення або віддалення під час перегляду карт, прокладання маршрутів або побудови графіків та візуалізацій. Спеціально для демонстрації можливостей API Google Карт було створено сайт з цікавими і незвичайними прикладами застосування карт (https://developers.google.com/showcase/). Застосування API Google Адреси в додатках, що використовують дані про місцезнаходження 7 користувача, дозволяє знаходити в найближчій околиці місця різних категорій. API Google Адреси використовує ту ж базу даних адрес, що і додаток Google Карти. У цій базі зберігається інформація про більш ніж 50 мільйонів організацій і визначних пам'яток. Ця база щодня поповнюється новими даними, які самостійно перевіряються власниками і контролюються користувачами. Існує багато способів вбудовувати у власні додатки маршрути, що сформовані додатком Карти Google. За допомогою API матриці відстаней користувачі знайдуть найкоротші за протяжністю і часом автомобільні маршрути до кінцевої точки. За допомогою функцій перегляду вулиць у API Google Карт користувачі зможуть вивчити місце, в яке вони прямують. Рис. 2. Уставляння карти на веб-сторінку від Google Карти «Мета» http://www.map.meta.ua На відміну від попередніх онлайнових служб, сервіс «Мета» є продуктом вітчизняного виробництва. З часу появи першої карти в тестовому режимі (це була карта Києва) у 2007 році 8 портал розширив покриття до великих міст у різних регіонах України. У містах же, для яких доступні карти «Мети», мінімальний масштаб складає 100 м. Навігація по картах є досить зручною і типова для більшості подібних сервісів: карта перетягується курсором миші, подвійне клацання знаменує збільшення масштабу, додаткова панель навігації розташована у верхній частині вікна браузера. Назви вулиць нанесені російською мовою, пошук проводиться на ньому ж. При вказівці конкретного адреси на загальній карті з'являється лупа, яка збільшує ділянку. Крім будинків і автомобільних доріг докладні карти міст на «Меті» дозволяють відображати різні установи. Всі об'єкти відсортовані за категоріями: Транспорт, Освіта, Медицина, Державні установи, точки доступу Wi-Fi, а також камери ДАІ. Для різних міст набори подібних об'єктів відрізняються. Зареєструвавшись на сервісі, можна додавати власні об'єкти, які будуть відзначені як мітки на карті з коментарями користувача. При клацанні на будь-який пункт зі списку Мої об'єкти здійсниться швидкий перехід до обраного об'єкта. Така функція досить зручна при частій роботі з картами, наприклад, при складанні екскурсійних маршрутів. Є можливість складання маршруту між різними точками на карті. В картах від «Мети» маршрут може бути складений за необмеженою кількістю точок, але маршрут між двома сусідніми точками прокладається не по автомобільним магістралям, а навпростець, незважаючи на будинки та інші перешкоди. Mapia www.mapia.ua Український сервіс - Mapia позиціонує себе не стільки як картографічний сервіс, а скоріше як каталог компаній. По покриттю цей ресурс явно поступається конкурентам (є карти лише 12 великих міст України), але якість реалізації карт є високою. На головній сторінці сайту знаходиться форма для пошуку компаній за назвою або адресою (її можна використовувати і для пошуку вулиць і адрес). Крім того, є великий список категорій різних установ, а також перелік компаній, доданих недавно. При переході до самих карт міст також відображається список об'єктів - для кожної категорії передбачено закладку в верхній частині вікна, на панелі зліва відображаються типи шуканих організацій (наприклад, для категорії Фінанси це Банки, Банкомати, Кредитні організації і т. д.). При виборі одного з них на карті миттєво відображаються всі внесені в каталог «Мапіі» організації. При наведенні курсору миші на піктограму на мапі, з'являється підказка з короткою інформацією про зазначеної компанії, а також посилання для переходу до повного профілю організації з детальною контактною інформацією та фрагментом ділянки карти, де вона знаходиться. Якщо ввести в пошукову форму назва вулиці, то крім її відображення на карті міста з'являється список компаній, що знаходяться на цій вулиці. Добре реалізована функція прокладки маршруту. Лінія маршруту між сусідніми точками будується по автомобільних трасах, і в результаті виводиться загальний кілометраж маршруту. Якщо точка маршруту знаходиться в місці, де сервіс має слабке покриття (наприклад, за межею 9 міста), вона автоматично перенесеться в найближчу відому «Мапіі» точку - наприклад, на трасу. Ще один цікавий сервіс - API Маріа, що дозволяє інтегрувати фрагменти карт на інших сайтах. Це зручно, наприклад, для розміщення схеми проїзду на веб-сторінці тієї чи іншої організації. API представлено трьома мовами - українською, російською та англійською. Можна скористатися статичним або динамічним варіантом: в першому випадку - показується місцезнаходження одного об'єкта на карті, у другому - можна вставити інтерактивний фрагмент, з можливістю переміщення і зміни масштабу карти. Порядок роботи 1. Знайомство з картами Яндекс. Знайти на карті своє місто і свій будинок. Дослідити прошарки "Пробки", "Панорами", "Супутник". 2. За допомогою Конструктора Яндекс.Карти втілити карту з міткою визначеного об’єкту на тестову сторінку сайта. 3. Знайомство з картами Google. Знайти на карті улюблене місто чи місцевість. Дослідити прошарки "Погода", "Вікіпедія", "Фотографії", "Веб-камери". До звіту додати скріни. 4. Знайомство з панорамами Google. Здійснити мандрівки по парках, дорожках, студент[ім’я автора приховано] Відвідати відомі музеї. Стадіони Евро2012. 5. Втілити на тестову сторінку сайту панорамну карту обраного об’єкту. 6. Ознайомитися з продуктами Google Планета земля. Дослідити 3-вимірну карту Львова. Додати посилання на тестову сторінку Зміст звіту 1. Назва та мета виконання лабораторної роботи. 2. Скріншоти тестових сторінок з відповідними зображеннями. 3. У висновку оцінити зручність використання карт. Використані джерела Карти 1. Карти Яндекс http://maps.yandex.ru/ 2. Карти Google http://maps.google.com.ua/ 3. Google Планета Земля http://www.google.com/intl/uk/earth/ 4. Карти Мета http://map.meta.ua/ 10 5. Мапія http://mapia.ua/ 6. WikiMapia http://wikimapia.org/ 7. NokiaMap http://here.com/ Панорами 1. Панорами Google http://maps.google.ru/intl/ru/help/maps/streetview/learn/where-is-street- view.html 2. Стадіони Евро2012 http://maps.google.com.ua/intl/uk/help/maps/streetview/gallery.html#sports-highlights&arena- lviv 3. Прогулянка під водою http://maps.google.com/help/maps/streetview/gallery.html#!/ocean 4. Галерея цікавих місць http://maps.google.com/help/maps/streetview/gallery.html# 5. Подорож Амазонкою http://webtun.com/google/2571-google-maps-predlagaet-virtualno- progulyatsya-vdol-amazonki.html 6. Відомі музеї http://www.googleartproject.com/ 7. Дата-центр Google http://www.google.com/about/datacenters/inside/streetview/ 8. Google Планета земля http://www.google.com/intl/ru/earth/explore/products/ 9. GMaps.js http://www.coolwebmasters.com/javascripts/2807-integrate-google-maps-into- websites-easier-gmaps-js.html 11 12