Alexey Zinoviev talks about Google Maps API at the Google DevFest Omsk 2013. Keywords: Google Maps API, latitude, longitude, maps options, marker, overlays, geocoding YouTube video: http://youtu.be/DfZ-fnIyTX8

1. 2013.11.02 GDG DevFest @ Omsk

2. Google Maps API
Google Maps API:
С начала времен и до наших дней
1

3. TOPIC TITLE
Карта может быть старинной
7

4. TOPIC TITLE
Карта может быть неточной
7

5. TOPIC TITLE
Карта может быть игровой
7

6. TOPIC TITLE
А может быть реальной
7

7. TOPIC TITLE
Зачем мне Google Maps? Наши деды...
● Во время путешествия
● Если ты решил совершить
маленькую геволюцию
● Нет денег на билет в Нью – Йорк
● Доказать всем при помощи
скриншота, что в Москве –
страшные пробки, а в Омске их
нет.
● Хочешь узнать, что творилось
вдоль 37 широты в 1864 году
● Создать службу помощи
пострадавшим при наводнении
7

8. TOPIC TITLE
Набор юного Паганеля
Погода
● Текущая погодная ситуация
● Детальный прогноз на 4 дня
● Возможность планирования
путешествия
Wiki
● Wiki с привязкой к местности
● Туристическая справка на
родном языке
● Путешествие, не выходя из
дома
7

9. TOPIC видео
Фото и TITLE
7

10. TOPIC TITLE
Общественный транспорт
7

11. TOPIC без интернета
Работа с картойTITLE
● Выделение области
● Загрузка карты
● Загруженные куски карты
лежат в памяти
телефона
● Предельный размер
загрузки ограничен
● Удобно пешим курьерам
с дорогим интернетом
7

12. TOPIC реальность
ДополненнаяTITLE
● http://sepiatown.com/
● Слои, сотканные из тысяч
старинных фотографий
● Живая машина времени
● Смартфон в руки и гулять!
● Петергоф оживает
7

13. TOPIC TITLE
Стерты с лица Земли
● Google удаляет объекты
по требованию спецслужб
● Ядерные объекты РФ
● Авиабазы НАТО
● Дачи олигархов
● Отличная съемка вдоль
границ
● Места крушения НЛО?
7

14. TOPIC TITLE
Пробки и прокладка маршрутов
● Текущая ситуация
● Оптимальный маршрут
● Прогнозирование пробок на
основе статистики Google
● Сложные прогнозные модели
● Дорожный граф всего мира
(100 M; 500M)
● Омск тоже есть
● Доступ к информации через
API
7

15. TOPIC TITLE
Основные возможности приличного API
●
●
●
●
●
●
Удобные контролы (зум)
Геокодирование
Прокладка маршрута
Слои
Примитивные объекты
Пробки и общественный
транспорт
● Мобильная версия
● Выгрузка в удобных форматах
7

16. Самые TOPIC TITLE
известные плюшки
● Данные обо всем мире
● Больше 10^6 использований
● Платен для больших
коммерческих сайтов
● Google Earth (Mars, Moon)
● Playground
● Лучшая документация и
минимум багов
● StreetView
● На клиенте всем приятно
7

17. ИсторияTOPIC TITLE API:v1
Google Maps
● 7 февраля 2005 года вышла
первая версия
● 18 февраля была
опубликована статья о
технологии Ajax, положившей
начало отзывчивому
интернету
● Тогда не было популярных
ныне Prototype/jQuery
● Разработчики способ вызова
Ajax методов
7

18. ИсторияTOPIC TITLE API:v2
Google Maps
● В 2006 году вышла v2
● Новое пространство имен
● Синхронное выполнение
вызовов функций
● Браузер должен был загрузить
множество модулей, прежде
чем начать работу
● Много новых функций
● Локализация
● Java-style в кодировании
● Большинство примеров с JSP
● Данные передаются через
XML
7

19. ИсторияTOPIC TITLE API:v3
Google Maps
● Была анонсирована на
Google I/O 2009
● Beta вышла в 2010
● Асинхронная модель
загрузки модулей
● При установке свойств
предпочтение отдается
литералам объектов
● Данные передаются
через JSON
● Примеры - законченные
JS приложения
7

20. TOPIC долгота
Широта и TITLE
●
●
●
●
Широта - latitude (lat)
Долгота - longitude (lon)
Широта как y, долгота как x
Однако пара выглядит как
(y,x)
● Для обозначения городов,
регионов и стран требуется
разная точность координат
● GeoPoint ключевой объект
каждого Maps API
● Сферическая геометрия
7

21. TOPIC TITLE
Карта в меркаторской проекции
7

22. First map
Simple div + mapOptions
<div id="map-canvas"></div>
HTML/JS
var map;
function initialize() {
var mapOptions = {
zoom: 8,
center: new google.maps.LatLng(-34.397, 150.644),
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById('mapcanvas'),
mapOptions);
}
No. Slide

23. TOPIC TITLE
Maps options
Этот всесильный объект отвечает за следующие
свойства карты:
●
●
●
●
●
масштаб
кнопки увеличения/приближения
тип отображения карты
внешний вид всех “базовых” кнопок на карте
центр карты (место на котором спозиционирован
взгляд наблюдателя)
7

24. TOPIC TITLE
Маркер
7

25. First marker
LatLng object + mapOptions
HTML/JS
var myLatlng = new google.maps.LatLng(-25.363882,131.044922);
var marker = new google.maps.Marker({
position: myLatlng,
map: map,
title: 'Hello World!'
});
No. Slide

26. TOPIC TITLE
Кластеризация
7

27. TOPIC TITLE
Информационное окно (info Window)
● Всплывающее окно,
привязываемое к событию на
карте
● Событием может быть клик по
маркеру
● Информционное окно
полностью определяется
данными переданными в
параметре contentString
● ContentString может принимать
на вход произвольный HTML документ
7

28. TOPIC TITLE
Полилинии
7

29. TOPIC TITLE
Полигоны
7

30. TOPIC TITLE
Мощь полигона
Полигон является обощенным подходом к изображению
таких объектов, как:
●
●
●
●
линия
прямоугольник
треугольник
окружность
Любой многоугольник может быть представлен в виде
некоей, ограничивающей его линии (замкнутой) и ответа
на вопрос: “Будет ли закрашена его внутренняя
область?”
7

31. TOPIC (overlays)
НаложенияTITLE
7

32. Основные TOPIC TITLE
сервисы и библиотеки
● Прямой и обратный геодокинг
● Сервис прокладывания маршрутов
● Сервис вычисления расстояний
● StreetView (возможность подключения)
● Возможность показа слоя погода (со своими
параметрами)
● Отрисовка геодезических кривых
● Поиск по организациям и геообъектам (Places)
7

33. TOPIC TITLE
А в чем прибыль Google?
● Если вы коммерческая организация и страничка с
картой на вашем сайте популярна - платите
● Если вы полезная некоммерческая популярная
организация - возможно вы не будете платить
● Есть ограничения на количество запросов для разных
сервисов
● Если кто-то хочет поднять эту планку для себя, то ему
стоит приобрести версию “Google Maps для бизнеса”
7

34. TOPIC TITLE
Какие еще ограничения есть?
Кроме ограничений на число показов карты:
● нельзя показывать движение общественного
транспорта
● нельзя использовать в закрытых корпоративных сетях
● серьезное ограничение на количество запросов к
геокодеру (2500 в сутки)
Раньше необходим был ключ. С версии V3 ключ не
обязателен, но рекомендуется завеcти ключ в Google
Developer Console.
7

35. TOPIC TITLE
Борьба с преступностью
● База данных по
преступлениям
● Вывод данных в тепловом
формате
● Анализ данных
● Выявление горячих точек
● Прогнозирование новых
преступлений
● Задание полицейским
патрулям
7

36. КонтрольTOPIC TITLE
над вырубкой лесов
7

37. Результаты TOPIC TITLE
поиска на WebGL Globe
7

38. TOPIC TITLE
В сухом остатке
● После их внедрения ваш сайт
никогда не будет прежним
● Всем станет ясно, что ваш
контент имеет отношение к
реальности
● Развеять уныние Web 1.0
● Это может стать первым шагом
для перехода к нормальному
Web-приложению
● Стать ближе к народу…
7

39. Google Maps API
Google Maps с начала времен
Алексей Зиновьев
Лидер GDG Omsk
zaleslaw.sin@gmail.com
Кусочек реальности в вашем
приложении
23

40. TOPIC TITLE
Вопросы?
7