11
День Проектов 2013 «Все дороги ведут в …» Пример создания путеводителя Гостиный Двор – ул. Зодчего Росси – школа Используем сервис GoogleMaps Тузова О.А.

Разметка Google-карты

  • Upload
    olgatu

  • View
    834

  • Download
    0

Embed Size (px)

DESCRIPTION

Инструкция по разметке карты для проекта к Дню Проектов 2013

Citation preview

Page 1: Разметка Google-карты

День Проектов 2013«Все дороги ведут в …»

Пример создания путеводителяГостиный Двор – ул. Зодчего Росси – школа

Используем сервис GoogleMaps

Тузова О.А.

Page 2: Разметка Google-карты

Этап 1O Подготавливаем информационные

материалы – о самом важном и самом интересном на выбранном маршруте

O Все храним в папке на портале в разделе «Узел класса»O Текстовый материал (кратко)O Ссылки на дополнительную информациюO Фотографии (только авторские!). Фотографии

предварительно обрабатываемO Руководитель переносит обработанные

фотографии на школьный портал в папку DP2013 (папка открытого доступа)

Page 3: Разметка Google-карты

Этап 2O Для разработки маршрута на

Google-карте необходимо иметь учётную запись Google. Если её нет, создаемhttps://accounts.google.com/NewAccount

O Обратите внимание, что в России и большинстве стран для получения учетной записи нужно достичь 13 летhttp://support.google.com/plus/bin/answer.py?hl=en&answer=1350409

Page 4: Разметка Google-карты

Этап 3O Разрабатываем маршрут на Google-

картеO Пошаговая инструкция на следующих

слайдахO Когда маршрут готов, делаем карту

доступной для всех (Public)O Копируем ссылку на карту в текстовый

документ, сохраняем и распространяемO Маршрут можно редактировать и

обновлять в любой момент

Page 5: Разметка Google-карты

Инструкция разработки маршрута Шаг 1. Учетная запись

O В браузере (Google Chrome) вводим адрес сервиса: maps.google.ru

O Нажимаем кнопку My places (Мои места) и, если это не было сделано раньше, вводим данные учетной записи, нажав на кнопку Sign in

O Вводим данные

Page 6: Разметка Google-карты

Инструкция разработки маршрута Шаг 2. Начало работы

1. В строку поиска вводим нужный адрес

2. Выбираем оптимальный масштаб и оптимальную точку обзора

3. Нажимаем кнопку My places (Мои места)

4. Нажимаем кнопку Create map (Создать карту)

1

2

3

4

Page 7: Разметка Google-карты

Инструкция разработки маршрута Шаг 2-1. Заголовок, описание, доступ

O Заполняем поле «Заголовок» (Title)

O Заполняем поле «Описание» (Description)

O Выбираем режим доступа к карте:Public – доступно для просмотра всемUnlisted – доступно для просмотра только тем, у кого есть ссылка

O Обратите внимание на появившиеся инструменты:

O Выбор элементов картыO МеткаO Линия

O Возможно совместное редактирования карты группой. Для этого надо пройти по ссылке Collaboration

Page 8: Разметка Google-карты

Инструкция разработки маршрута Шаг 3. Расставляем метки

O Выбираем инструмент «Метка» и ставим метку в нужное место

O Заполняем поле Заголовок (Title)

O Копируем заранее подготовленный текст в поле Описание Description

O Вкладка Rich Text позволяет применить элементы форматирования, вставить ссылки и картинки

Page 9: Разметка Google-карты

Инструкция разработки маршрута Шаг 3-1. Вставляем картинку

Пример: фотографию Dashkova.jpg вставляем из папки DP2013/18bКартинкам на портале лучше давать имена латинскими буквами!

O Редактируем метку на карте в режиме Rich TextO Щёлкаем кнопку «Вставить картинку» и в открывшееся

окно вводимадрес: http://portal.ort.spb.ru/DP2013/18b/Dashkova.jpg

O В метке должна появиться картинкаO Переходим в режим Edit HTML и в метке картинки

указываем её размеры – высоту и ширину. Без этого окно метки может не вместить картинку и текст

http://portal.ort.spb.ru/DP2013/18b/Dashkova.jpg

Редактирование метки в режиме Edit HTML:<img src="https://portal.ort.spb.ru/DP2013/18b/Dashkova.jpg" width="87" height="150"><div><span style="font-size:small">Вокруг пьедестала памятника Екатерине II расположены девять фигур видных деятелей екатерининской эпохи…

Page 10: Разметка Google-карты

Инструкция разработки маршрута Шаг 4. Рисуем линию маршрута

Линию маршрута рисуем с помощью инструмента «Рисуем линию»К маршруту добавляем его описание

Page 11: Разметка Google-карты

Инструкция разработки маршрута Шаг 5. Сохраняем, запоминаем ссылку

O Завершаем работу нажатием кнопки Done (Готово)

O Переход к новому редактированию – кнопкой Edit (Изменить)

O Копируем ссылку на карту, используя кнопку Link (Ссылка)

Пример карты: Отечественная война 1812 года. Памятники МосквыПример фрагмента «пробной карты» карты проекта:Гостиный Двор – Екатерининский сад