Разметка google-карты
DESCRIPTION
Инструкция по разметке карты для проекта к Дню Проектов 2013TRANSCRIPT
![Page 1: Разметка Google-карты](https://reader033.vdocuments.pub/reader033/viewer/2022061110/54536138af7959257f8b6ec1/html5/thumbnails/1.jpg)
День Проектов 2013«Все дороги ведут в …»
Пример создания путеводителяГостиный Двор – ул. Зодчего Росси – школа
Используем сервис GoogleMaps
Тузова О.А.
![Page 2: Разметка Google-карты](https://reader033.vdocuments.pub/reader033/viewer/2022061110/54536138af7959257f8b6ec1/html5/thumbnails/2.jpg)
Этап 1O Подготавливаем информационные
материалы – о самом важном и самом интересном на выбранном маршруте
O Все храним в папке на портале в разделе «Узел класса»O Текстовый материал (кратко)O Ссылки на дополнительную информациюO Фотографии (только авторские!). Фотографии
предварительно обрабатываемO Руководитель переносит обработанные
фотографии на школьный портал в папку DP2013 (папка открытого доступа)
![Page 3: Разметка Google-карты](https://reader033.vdocuments.pub/reader033/viewer/2022061110/54536138af7959257f8b6ec1/html5/thumbnails/3.jpg)
Этап 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-карты](https://reader033.vdocuments.pub/reader033/viewer/2022061110/54536138af7959257f8b6ec1/html5/thumbnails/4.jpg)
Этап 3O Разрабатываем маршрут на Google-
картеO Пошаговая инструкция на следующих
слайдахO Когда маршрут готов, делаем карту
доступной для всех (Public)O Копируем ссылку на карту в текстовый
документ, сохраняем и распространяемO Маршрут можно редактировать и
обновлять в любой момент
![Page 5: Разметка Google-карты](https://reader033.vdocuments.pub/reader033/viewer/2022061110/54536138af7959257f8b6ec1/html5/thumbnails/5.jpg)
Инструкция разработки маршрута Шаг 1. Учетная запись
O В браузере (Google Chrome) вводим адрес сервиса: maps.google.ru
O Нажимаем кнопку My places (Мои места) и, если это не было сделано раньше, вводим данные учетной записи, нажав на кнопку Sign in
O Вводим данные
![Page 6: Разметка Google-карты](https://reader033.vdocuments.pub/reader033/viewer/2022061110/54536138af7959257f8b6ec1/html5/thumbnails/6.jpg)
Инструкция разработки маршрута Шаг 2. Начало работы
1. В строку поиска вводим нужный адрес
2. Выбираем оптимальный масштаб и оптимальную точку обзора
3. Нажимаем кнопку My places (Мои места)
4. Нажимаем кнопку Create map (Создать карту)
1
2
3
4
![Page 7: Разметка Google-карты](https://reader033.vdocuments.pub/reader033/viewer/2022061110/54536138af7959257f8b6ec1/html5/thumbnails/7.jpg)
Инструкция разработки маршрута Шаг 2-1. Заголовок, описание, доступ
O Заполняем поле «Заголовок» (Title)
O Заполняем поле «Описание» (Description)
O Выбираем режим доступа к карте:Public – доступно для просмотра всемUnlisted – доступно для просмотра только тем, у кого есть ссылка
O Обратите внимание на появившиеся инструменты:
O Выбор элементов картыO МеткаO Линия
O Возможно совместное редактирования карты группой. Для этого надо пройти по ссылке Collaboration
![Page 8: Разметка Google-карты](https://reader033.vdocuments.pub/reader033/viewer/2022061110/54536138af7959257f8b6ec1/html5/thumbnails/8.jpg)
Инструкция разработки маршрута Шаг 3. Расставляем метки
O Выбираем инструмент «Метка» и ставим метку в нужное место
O Заполняем поле Заголовок (Title)
O Копируем заранее подготовленный текст в поле Описание Description
O Вкладка Rich Text позволяет применить элементы форматирования, вставить ссылки и картинки
![Page 9: Разметка Google-карты](https://reader033.vdocuments.pub/reader033/viewer/2022061110/54536138af7959257f8b6ec1/html5/thumbnails/9.jpg)
Инструкция разработки маршрута Шаг 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-карты](https://reader033.vdocuments.pub/reader033/viewer/2022061110/54536138af7959257f8b6ec1/html5/thumbnails/10.jpg)
Инструкция разработки маршрута Шаг 4. Рисуем линию маршрута
Линию маршрута рисуем с помощью инструмента «Рисуем линию»К маршруту добавляем его описание
![Page 11: Разметка Google-карты](https://reader033.vdocuments.pub/reader033/viewer/2022061110/54536138af7959257f8b6ec1/html5/thumbnails/11.jpg)
Инструкция разработки маршрута Шаг 5. Сохраняем, запоминаем ссылку
O Завершаем работу нажатием кнопки Done (Готово)
O Переход к новому редактированию – кнопкой Edit (Изменить)
O Копируем ссылку на карту, используя кнопку Link (Ссылка)
Пример карты: Отечественная война 1812 года. Памятники МосквыПример фрагмента «пробной карты» карты проекта:Гостиный Двор – Екатерининский сад