Карта Google Maps — щоб показати місце в уроці
Поясніть, де розташований об’єкт або відбудеться очна частина навчання. Додайте карту поруч із описом місця та завданням.
Пояснення, готовий матеріал і завдання — в одному уроці WeStudy.
ДЛЯ ВАШОГО УРОКУ
Коли доречно
Для географічного контексту, аналізу місцевості або місця зустрічі.
Що побачить учень
Карту вибраного місця.
Що підготувати
Потрібне місце в Google Maps та код вбудовування карти.
Перед публікацією
Перевірте адресу й актуальність позначеного місця.
МОЖЛИВОСТІ
Що можна вбудувати з Google Maps
Google Maps відображає карту вибраного місця всередині уроку. Це корисно для географічного контексту, аналізу місцевості або пояснення, де відбудеться очна частина навчання. Матеріал залишається на сторонньому сервісі, а WeStudy показує його в межах уроку.
Вбудовується вибрана карта, а не особисті списки чи історія переміщень. Дані місць можуть змінюватися. У тесті підтверджено показ карти й адреси; побудова маршруту не перевірялася.
Коли обрати цей спосіб
Maps зручний, коли учню потрібне розташування реального об’єкта. Для авторської схеми без географічної прив’язки краще використати презентацію або зображення з поясненням.
АВТОРСЬКА ІДЕЯ ДЛЯ УРОКУ
Як використати Google Maps у навчанні
У модулі з міського туризму покажіть карту публічного культурного центру. Запропонуйте учню знайти три орієнтири поруч і написати інструкцію, як упізнати місце зустрічі. Відповідь має містити назву об’єкта, точну адресу та опис орієнтира, а не тільки скриншот карти.
Як перевірити навчальний результат
Перевірте точність адреси та зрозумілість орієнтирів. Не вимагайте від учня публікувати домашню адресу або особисте місцезнаходження для виконання вправи.
Це запропонований сценарій уроку. Він не є готовим опублікованим демо або результатом тестування у вашому кабінеті.
ВИГЛЯД МАТЕРІАЛУ
Інтерфейс Google Maps та iframe-код
Реальний знімок перевірки Google Maps у тестовому курсі WeStudy, 6 жовтня 2026. Відкрийте скриншот у повному розмірі, щоб роздивитися обидві панелі редактора.
ПЕРЕВІРЕНИЙ ПРИКЛАД
Посилання та код iframe
Google Visitor Experience — публічний центр Google
<iframe
src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3168.6567970525175!2d-122.08321252437862!3d37.42158617207653!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x808fb9f9291ff8a1%3A0x223be8ea8c995cc4!2sGoogle%20Visitor%20Experience!5e0!3m2!1sen!2sua!4v1791278294833!5m2!1sen!2sua"
width="600"
height="450"
style="border:0;"
allowfullscreen=""
loading="lazy"
referrerpolicy="strict-origin-when-cross-origin"
></iframe>Код отримано через меню Share → Embed a map у Google Maps. У WeStudy відобразилися карта, позначка Google Visitor Experience й адреса. Маршрути не будувалися.
Звідки брати адресу iframe. У коді, який видає сервіс, знайдіть атрибут src: його значення — адреса вбудованого матеріалу. У WeStudy вставляйте весь код, зберігаючи параметри та дозволи постачальника.
ПОКРОКОВА ІНСТРУКЦІЯ
Як додати Google Maps у WeStudy
1. Отримайте код у Google Maps
На комп’ютері знайдіть потрібне місце у Google Maps.
Виберіть Поділитися → Вбудувати карту та скопіюйте HTML. Для карти області використайте меню «Поділитися або вставити карту».
Вставте код у WeStudy. Звірте назву об’єкта, адресу й масштаб.
2. Вставте iframe в матеріал курсу
На скриншоті вище показано саме Google Maps: меню курсу ліворуч, матеріал посередині та поле iframe праворуч.
У розділі «Курси» відкрийте курс і редактор його змісту. Оберіть модуль та натисніть «+ Додати матеріал».
Перейдіть у «iFrame та Інтеграції» та оберіть тип матеріалу «iFrame».
У «Загальні налаштування» додайте назву, короткий опис і зображення. Наприклад, назвіть матеріал «Google Maps — практика» та поясніть завдання студентам.
У розділі «iFrame» вставте повний код вбудовування Google Maps у поле «Вставте html код iframe елемента». Потрібен HTML-код iframe, а не звичайне посилання на сайт. Беріть його лише з надійного HTTPS-ресурсу, який дозволяє вбудовування.
3. Перевірте з боку студента
- Відкрийте опублікований урок з учнівськими правами: матеріал має бути доступним без сесії автора.
- Пройдіть основну дію: перегорніть слайд, запустіть плеєр або виконайте вправу.
- Перевірте телефон: читабельність, прокручування та доступ до кнопок.
- Переконайтеся, що учень бачить інструкцію до завдання й розуміє, куди подати відповідь.
Обмеження Google Maps та доступ
Вбудовується вибрана карта, а не особисті списки чи історія переміщень. Дані місць можуть змінюватися. У тесті підтверджено показ карти й адреси; побудова маршруту не перевірялася.
Ліцензія стороннього сервісу не входить автоматично до тарифу WeStudy. Перевірте публікацію матеріалу, доступні режими й умови свого акаунта до запуску курсу.
Якщо iframe не відкривається
Запитується вхід
Перевірте доступ саме до матеріалу, а не лише до сторінки автора. Закрите джерело залишається закритим усередині iframe.
Порожнє вікно або заборона вбудовування
Повторно скопіюйте офіційний код. Якщо сервіс має список дозволених доменів, додайте фактичний домен школи. Не підміняйте адресу редактором.
Матеріал перестав працювати
Перевірте, чи не вимкнено публікацію, чи не завершився строк посилання та чи залишився доступ на потрібному тарифі.
Не видно нижніх кнопок
Збільште висоту iframe у налаштуваннях, які дозволяє постачальник, і перевірте результат на вузькому екрані.
Запитання про Google Maps у WeStudy
У наведеному коді з меню Google Maps немає API-ключа. Це готовий iframe для вибраного місця; програмний Maps Embed API — окремий спосіб.
Посилання для поширення відкриває Google Maps. Для відображення у вікні уроку скопіюйте повний HTML з вкладки вбудовування.
Google Maps відображає карту вибраного місця всередині уроку. Це корисно для географічного контексту, аналізу місцевості або пояснення, де відбудеться очна частина навчання.
На комп’ютері знайдіть потрібне місце у Google Maps. Виберіть Поділитися → Вбудувати карту та скопіюйте HTML. Для карти області використайте меню «Поділитися або вставити карту». Вставте код у WeStudy. Звірте назву об’єкта, адресу й масштаб.
У поле WeStudy потрібен повний HTML-код iframe. Посилання на редактор, домашню сторінку або звичайна кнопка Share не замінюють код вбудовування.
Вбудовується вибрана карта, а не особисті списки чи історія переміщень. Дані місць можуть змінюватися. У тесті підтверджено показ карти й адреси; побудова маршруту не перевірялася.
iframe відображає сторонній матеріал. Він сам по собі не синхронізує бали, спроби чи завершення. Для оцінювання додайте окреме завдання або тест у WeStudy.
Джерела та актуальність
Редакція WeStudy · Перевірка прикладу: 6 жовтня 2026.
Код отримано через меню Share → Embed a map у Google Maps. У WeStudy відобразилися карта, позначка Google Visitor Experience й адреса. Маршрути не будувалися. Перевірка відображення проведена у тестовому редакторі WeStudy. Перед запуском перевірте доступ із правами студента та вигляд на телефоні.
Що ще додати до курсу
● ВАШ НАСТУПНИЙ КРОК
Спробуйте WeStudy
безкоштовно
Від першої ідеї до власної онлайн-школи. Створюйте, навчайте та розвивайте свій проєкт разом із WeStudy.
30
днів безкоштовно