Google Maps API. DevFest Omsk 2013

980 views

Published on

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

Published in: Technology
0 Comments
0 Likes
Statistics
Notes
  • Be the first to comment

  • Be the first to like this

No Downloads
Views
Total views
980
On SlideShare
0
From Embeds
0
Number of Embeds
9
Actions
Shares
0
Downloads
0
Comments
0
Likes
0
Embeds 0
No embeds

No notes for slide

Google Maps API. DevFest Omsk 2013

  1. 1. 2013.11.02 GDG DevFest @ Omsk
  2. 2. Google Maps API Google Maps API: С начала времен и до наших дней 1
  3. 3. TOPIC TITLE Карта может быть старинной 7
  4. 4. TOPIC TITLE Карта может быть неточной 7
  5. 5. TOPIC TITLE Карта может быть игровой 7
  6. 6. TOPIC TITLE А может быть реальной 7
  7. 7. TOPIC TITLE Зачем мне Google Maps? Наши деды... ● Во время путешествия ● Если ты решил совершить маленькую геволюцию ● Нет денег на билет в Нью – Йорк ● Доказать всем при помощи скриншота, что в Москве – страшные пробки, а в Омске их нет. ● Хочешь узнать, что творилось вдоль 37 широты в 1864 году ● Создать службу помощи пострадавшим при наводнении 7
  8. 8. TOPIC TITLE Набор юного Паганеля Погода ● Текущая погодная ситуация ● Детальный прогноз на 4 дня ● Возможность планирования путешествия Wiki ● Wiki с привязкой к местности ● Туристическая справка на родном языке ● Путешествие, не выходя из дома 7
  9. 9. TOPIC видео Фото и TITLE 7
  10. 10. TOPIC TITLE Общественный транспорт 7
  11. 11. TOPIC без интернета Работа с картойTITLE ● Выделение области ● Загрузка карты ● Загруженные куски карты лежат в памяти телефона ● Предельный размер загрузки ограничен ● Удобно пешим курьерам с дорогим интернетом 7
  12. 12. TOPIC реальность ДополненнаяTITLE ● http://sepiatown.com/ ● Слои, сотканные из тысяч старинных фотографий ● Живая машина времени ● Смартфон в руки и гулять! ● Петергоф оживает 7
  13. 13. TOPIC TITLE Стерты с лица Земли ● Google удаляет объекты по требованию спецслужб ● Ядерные объекты РФ ● Авиабазы НАТО ● Дачи олигархов ● Отличная съемка вдоль границ ● Места крушения НЛО? 7
  14. 14. TOPIC TITLE Пробки и прокладка маршрутов ● Текущая ситуация ● Оптимальный маршрут ● Прогнозирование пробок на основе статистики Google ● Сложные прогнозные модели ● Дорожный граф всего мира (100 M; 500M) ● Омск тоже есть ● Доступ к информации через API 7
  15. 15. TOPIC TITLE Основные возможности приличного API ● ● ● ● ● ● Удобные контролы (зум) Геокодирование Прокладка маршрута Слои Примитивные объекты Пробки и общественный транспорт ● Мобильная версия ● Выгрузка в удобных форматах 7
  16. 16. Самые TOPIC TITLE известные плюшки ● Данные обо всем мире ● Больше 10^6 использований ● Платен для больших коммерческих сайтов ● Google Earth (Mars, Moon) ● Playground ● Лучшая документация и минимум багов ● StreetView ● На клиенте всем приятно 7
  17. 17. ИсторияTOPIC TITLE API:v1 Google Maps ● 7 февраля 2005 года вышла первая версия ● 18 февраля была опубликована статья о технологии Ajax, положившей начало отзывчивому интернету ● Тогда не было популярных ныне Prototype/jQuery ● Разработчики способ вызова Ajax методов 7
  18. 18. ИсторияTOPIC TITLE API:v2 Google Maps ● В 2006 году вышла v2 ● Новое пространство имен ● Синхронное выполнение вызовов функций ● Браузер должен был загрузить множество модулей, прежде чем начать работу ● Много новых функций ● Локализация ● Java-style в кодировании ● Большинство примеров с JSP ● Данные передаются через XML 7
  19. 19. ИсторияTOPIC TITLE API:v3 Google Maps ● Была анонсирована на Google I/O 2009 ● Beta вышла в 2010 ● Асинхронная модель загрузки модулей ● При установке свойств предпочтение отдается литералам объектов ● Данные передаются через JSON ● Примеры - законченные JS приложения 7
  20. 20. TOPIC долгота Широта и TITLE ● ● ● ● Широта - latitude (lat) Долгота - longitude (lon) Широта как y, долгота как x Однако пара выглядит как (y,x) ● Для обозначения городов, регионов и стран требуется разная точность координат ● GeoPoint ключевой объект каждого Maps API ● Сферическая геометрия 7
  21. 21. TOPIC TITLE Карта в меркаторской проекции 7
  22. 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. 23. TOPIC TITLE Maps options Этот всесильный объект отвечает за следующие свойства карты: ● ● ● ● ● масштаб кнопки увеличения/приближения тип отображения карты внешний вид всех “базовых” кнопок на карте центр карты (место на котором спозиционирован взгляд наблюдателя) 7
  24. 24. TOPIC TITLE Маркер 7
  25. 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. 26. TOPIC TITLE Кластеризация 7
  27. 27. TOPIC TITLE Информационное окно (info Window) ● Всплывающее окно, привязываемое к событию на карте ● Событием может быть клик по маркеру ● Информционное окно полностью определяется данными переданными в параметре contentString ● ContentString может принимать на вход произвольный HTML документ 7
  28. 28. TOPIC TITLE Полилинии 7
  29. 29. TOPIC TITLE Полигоны 7
  30. 30. TOPIC TITLE Мощь полигона Полигон является обощенным подходом к изображению таких объектов, как: ● ● ● ● линия прямоугольник треугольник окружность Любой многоугольник может быть представлен в виде некоей, ограничивающей его линии (замкнутой) и ответа на вопрос: “Будет ли закрашена его внутренняя область?” 7
  31. 31. TOPIC (overlays) НаложенияTITLE 7
  32. 32. Основные TOPIC TITLE сервисы и библиотеки ● Прямой и обратный геодокинг ● Сервис прокладывания маршрутов ● Сервис вычисления расстояний ● StreetView (возможность подключения) ● Возможность показа слоя погода (со своими параметрами) ● Отрисовка геодезических кривых ● Поиск по организациям и геообъектам (Places) 7
  33. 33. TOPIC TITLE А в чем прибыль Google? ● Если вы коммерческая организация и страничка с картой на вашем сайте популярна - платите ● Если вы полезная некоммерческая популярная организация - возможно вы не будете платить ● Есть ограничения на количество запросов для разных сервисов ● Если кто-то хочет поднять эту планку для себя, то ему стоит приобрести версию “Google Maps для бизнеса” 7
  34. 34. TOPIC TITLE Какие еще ограничения есть? Кроме ограничений на число показов карты: ● нельзя показывать движение общественного транспорта ● нельзя использовать в закрытых корпоративных сетях ● серьезное ограничение на количество запросов к геокодеру (2500 в сутки) Раньше необходим был ключ. С версии V3 ключ не обязателен, но рекомендуется завеcти ключ в Google Developer Console. 7
  35. 35. TOPIC TITLE Борьба с преступностью ● База данных по преступлениям ● Вывод данных в тепловом формате ● Анализ данных ● Выявление горячих точек ● Прогнозирование новых преступлений ● Задание полицейским патрулям 7
  36. 36. КонтрольTOPIC TITLE над вырубкой лесов 7
  37. 37. Результаты TOPIC TITLE поиска на WebGL Globe 7
  38. 38. TOPIC TITLE В сухом остатке ● После их внедрения ваш сайт никогда не будет прежним ● Всем станет ясно, что ваш контент имеет отношение к реальности ● Развеять уныние Web 1.0 ● Это может стать первым шагом для перехода к нормальному Web-приложению ● Стать ближе к народу… 7
  39. 39. Google Maps API Google Maps с начала времен Алексей Зиновьев Лидер GDG Omsk zaleslaw.sin@gmail.com Кусочек реальности в вашем приложении 23
  40. 40. TOPIC TITLE Вопросы? 7

×