Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
методичка нтерактивна карта 1.5.doc
Скачиваний:
0
Добавлен:
01.05.2025
Размер:
3.96 Mб
Скачать

Хід роботи

  1. Після ознайомлення з сервісом Google Maps натиснути на кнопку «Мої місця», а потім «Увійти». Для того, щоб створювати інтерактивну карту, необхідно мати власний обліковий запис Google. Якщо ви користуєтесь електронною поштою Gmail, то введіть вашу електронну адресу та пароль. Якщо у вас немає облікового запису Google, то зайдіть під обліковим записом, який створено для вашої групи:

Електронна адреса: Tu3.2013@gmail.com

Пароль: tu3.2012.gps

Якщо ви користуєтесь цим обліковим записом, будьте уважні, оскільки вам будуть доступні карти і інших студентів, які створюють карту під цим записом. Не коригуйте та на видаляйте карти, створені вашими колегами!

  1. Після авторизації натисніть на кнопку «Створити карту»; введіть назву та опис карти. Виберіть тип карти «Приватна».

  2. До основного інтерфейсу сервісу добавляться три кнопки у верхній лівій частині вікна (рис. 2). Перша кнопка дозволяє посуватити карту в сторони. За допомогою другої кнопки можна додати позначку місця (наприклад вказати де знаходиться готель, замок, магазин, місце збору і т д.). Скориставшись стрілкою вниз біля третьої кнопки можна вибрати інструмент рисування лінії чи фігури або прокладання маршруту вздовж доріг.

  3. Після того як об’єкт позначений на карті, або лінія чи фігура нарисована, появиться вікно редагування об’єкту. Тут необхідно ввести назву та написати опис того, що ви відмітили. Для отримання додаткових можливостей форматування тексту, потрібно вибрати режим RTF.

  4. Для прикладу уявімо собі, що ви відмітили готель. В назві вводимо назву готелю, в описі – адресу і контактну інформацію. Тепер ми хочемо добавити зображення фасаду готелю, щоб турист міг легко знайти його візуально. Для цього необхідно натиснути на кнопку «Додати зображення». Ви не можете добавити зображення, яке міститься на вашому комп’ютері; ви можете лише надати інтернет-адресу до зображення, що розміщене в інтернеті. Тому, якщо ви відмітили готель, знайдіть його зображення в інтернеті, натисніть правою кнопкою мишки на ньому, та виберіть пункт «Копіювати посилання на зображення», або аналогічний пункт, в залежності від вашого браузера.

  5. Для вставки відео, необхідно також скопіювати на нього адресу. Для прикладу, якщо нам потрібно вставити відео з сайту youtube.com, то ми знаходимо необхідне відео, вибираємо меню «Надіслати», яке розміщене під відео, потім пункт «Вставка» (рис. 4). Копіюємо код відео (на рисунку виділено синім).

  6. Для вставки відео в опис об’єкту вибираємо режим відображення HTML і вставляємо зкопійований код вкінці тексту.

  7. Кожен студент створює свою власну карту, в якій повинно бути мінімум 10 об’єктів, вони не можуть бути одного виду (наприклад усі бути позначками місця), містити мінімум 3 фотографії та одне відео.

Завдання третє: вбудувати власну інтерактивну карту у веб-сайт

Хід роботи

  1. Після завершення створення карти натискаємо на кнопку «Готово». Натискаємо кнопку «Посилання» (див рис. 1) і йдемо по посиланню «Настроїти та переглянути вбудовану мапу».

  2. Відкриється нове вікно, у якому розмір мапи потрібно вибрати як «Великий». Потім необхідно змінити масштаб так, щоб всі ваші об’єкти поміщались у вікні мапи. Копіюємо HTML-код мапи, який розміщений в нижній частині вікна. Він починається з «<iframe width»

  3. У браузері в стрічці адресу вводимо «https://sites.google.com/site/ieptgps/home» та натискаємо “Enter”. Ви перейдете на сайт, створений спеціально для того, щоб ви могли потренуватись вставляти ваші карти.

  4. Злівого боку виберіть пункт «Лабораторна робота "Створення власної карти у Google Maps"». На цю сторінку потрібно добавити вашу карту. Одна карта там уже є – створена для того, щоб ви могли подивитись, що від вас вимагається.

  5. З самого низу сторінки натисніть на «Увійти». Тепер перейдіть вверх сторінки та натисніть на кнопку «Редагувати сторінку» (див. рис. 5).

  6. Тепер ви можете редагувати сторінку так, як ви би робили у Microsoft Word. Почніть новий абзац після тексту «На цю сторінку…». Введіть назву вашої карти, а також ваше ім’я та фамілію. Зверху сторінки буде показано панель, за допомогою якої можна форматувати текст. Відформатуйте згідно ваших вподобань. Для прикладу, на рис. 6 показано, як добавлено текст «Готелі Львова – Іван Кравчук», і як цей текст відформатований з збільшенням розміру шрифта та зміною кольору на червоний.

  7. Натистінь на кнопку «<HTML>» у верхній частині вікна. Знайдіть ваше ім’я та назву карти, створіть новий рядок та вставте туди зкопійований HTML-код карти. Натисніть «Оновити», а потім «Зберегти» у верхній частині сторінки. Ваша карта тепер має стати першою зверху.