Федор Голубев "Компас, секстант и другие инструменты...
-
Upload
yandex -
Category
Technology
-
view
1.520 -
download
14
description
Transcript of Федор Голубев "Компас, секстант и другие инструменты...
![Page 2: Федор Голубев "Компас, секстант и другие инструменты современного картографа. Инструкция к применению](https://reader030.fdocument.pub/reader030/viewer/2022013104/546235b6af79598a3d8b4f4b/html5/thumbnails/2.jpg)
![Page 3: Федор Голубев "Компас, секстант и другие инструменты современного картографа. Инструкция к применению](https://reader030.fdocument.pub/reader030/viewer/2022013104/546235b6af79598a3d8b4f4b/html5/thumbnails/3.jpg)
?
?
?
?
?
![Page 4: Федор Голубев "Компас, секстант и другие инструменты современного картографа. Инструкция к применению](https://reader030.fdocument.pub/reader030/viewer/2022013104/546235b6af79598a3d8b4f4b/html5/thumbnails/4.jpg)
– привязан к имени домена и логину на Яндексе
– для localhost и 127.0.0.1 подойдет любой ключ
– работает для поддоменов
– http://api.yandex.ru/maps/form.xml
![Page 5: Федор Голубев "Компас, секстант и другие инструменты современного картографа. Инструкция к применению](https://reader030.fdocument.pub/reader030/viewer/2022013104/546235b6af79598a3d8b4f4b/html5/thumbnails/5.jpg)
![Page 6: Федор Голубев "Компас, секстант и другие инструменты современного картографа. Инструкция к применению](https://reader030.fdocument.pub/reader030/viewer/2022013104/546235b6af79598a3d8b4f4b/html5/thumbnails/6.jpg)
JavaScript APIинструмент взаимодействия с картой
![Page 7: Федор Голубев "Компас, секстант и другие инструменты современного картографа. Инструкция к применению](https://reader030.fdocument.pub/reader030/viewer/2022013104/546235b6af79598a3d8b4f4b/html5/thumbnails/7.jpg)
– объектно-ориентированная библиотека
– одно пространство имен YMaps
– событийная модель
– jQuery внутри (1.3.2)
– ~100 Кб (loadByRequire: 3 Кб)
– текущая версия 1.1 (1.1.4)
JavaScript API
![Page 8: Федор Голубев "Компас, секстант и другие инструменты современного картографа. Инструкция к применению](https://reader030.fdocument.pub/reader030/viewer/2022013104/546235b6af79598a3d8b4f4b/html5/thumbnails/8.jpg)
1. Подключаем API
2. Определяем место на странице
3. Создаем и инициализируем карту
JavaScript API
Начало работы
<script src=“http://api-maps.yandex.ru/{версия}/key={ключ}”/>
<div id=“mapID” style=“width:200px; height:200px”>
var map = new YMaps.Map(YMaps.jQuery(“#mapID”));map.setCenter(
new YMaps.GeoPoint(39.68,47.25), // центр10, // масштабYMaps.MapType.MAP // тип карты
);
![Page 9: Федор Голубев "Компас, секстант и другие инструменты современного картографа. Инструкция к применению](https://reader030.fdocument.pub/reader030/viewer/2022013104/546235b6af79598a3d8b4f4b/html5/thumbnails/9.jpg)
– Встроенные возможности карты(Перемещение, Масштабирование двойным кликом мыши, Масштабирование колесиком мыши, Лупа, Выделение правой кнопкой мыши, Горячие клавиши, Линейка)
– Стандартные элементы управления(Поиск по карте, Панель инструментов, Переключатель типов карт, Элемент масштабирования, Маленький элемент масштабирования, Обзорная карта, Масштабная линия)
– Интерфейс YMaps.IControl – создание ваших элементов управления
JavaScript API
Взаимодействие с пользователем
![Page 10: Федор Голубев "Компас, секстант и другие инструменты современного картографа. Инструкция к применению](https://reader030.fdocument.pub/reader030/viewer/2022013104/546235b6af79598a3d8b4f4b/html5/thumbnails/10.jpg)
– МеткиYMaps.Placemark – точка
– ЛоманныеYMaps.Polyline – набор точек
– МногоугольникиYMaps.Polygon – замкнутый набор точек
– Интерфейс YMaps.IOverlay – создание ваших объектов
JavaScript API
Объекты
![Page 11: Федор Голубев "Компас, секстант и другие инструменты современного картографа. Инструкция к применению](https://reader030.fdocument.pub/reader030/viewer/2022013104/546235b6af79598a3d8b4f4b/html5/thumbnails/11.jpg)
– ГруппировкаYMaps.GeoObjectCollection
– Управление видимостьюYMaps.ObjectManager – только метки
– РедактированиеYMaps.PlacemarkOptions.draggable – перетаскивание
YMaps.(Polyline|Polygon).startEditing – визуальное редактирование
JavaScript API
Управление объектами
![Page 12: Федор Голубев "Компас, секстант и другие инструменты современного картографа. Инструкция к применению](https://reader030.fdocument.pub/reader030/viewer/2022013104/546235b6af79598a3d8b4f4b/html5/thumbnails/12.jpg)
– НастройкиYMaps.Style
значок и тень метки, цвет, толщина и заливка для ломанных и многоугольников
– Текстовые шаблоныYMaps.Template
значок метки, балун, всплывающая подсказка
– Динамические шаблоны – макетыYMaps.ILayout, YMaps.IPlacemarkLayout, YMaps.IHintLayout,YMaps.IBalloonLayout
значок метки, балун, всплывающая подсказка и содержимое каждого из них
JavaScript API
Внешний вид объектов
![Page 13: Федор Голубев "Компас, секстант и другие инструменты современного картографа. Инструкция к применению](https://reader030.fdocument.pub/reader030/viewer/2022013104/546235b6af79598a3d8b4f4b/html5/thumbnails/13.jpg)
JavaScript API
?
?
?
?
![Page 14: Федор Голубев "Компас, секстант и другие инструменты современного картографа. Инструкция к применению](https://reader030.fdocument.pub/reader030/viewer/2022013104/546235b6af79598a3d8b4f4b/html5/thumbnails/14.jpg)
• Здесь нужна картинка кальки
![Page 15: Федор Голубев "Компас, секстант и другие инструменты современного картографа. Инструкция к применению](https://reader030.fdocument.pub/reader030/viewer/2022013104/546235b6af79598a3d8b4f4b/html5/thumbnails/15.jpg)
Static APIвозвращает фрагмент карты в ответ на HTTP-запрос
![Page 16: Федор Голубев "Компас, секстант и другие инструменты современного картографа. Инструкция к применению](https://reader030.fdocument.pub/reader030/viewer/2022013104/546235b6af79598a3d8b4f4b/html5/thumbnails/16.jpg)
– малый объем загружаемых данных(600x450: ~100 Кб)
– максимальная простота
– идеально для печати, мобильных устройств, картинок в блог, простых схем проезда
– конструктор: http://api.yandex.ru/maps/tools/constructor
Static API
![Page 17: Федор Голубев "Компас, секстант и другие инструменты современного картографа. Инструкция к применению](https://reader030.fdocument.pub/reader030/viewer/2022013104/546235b6af79598a3d8b4f4b/html5/thumbnails/17.jpg)
– Размерsize – размер изображения в пикселях
– Область показаll, spn или z – географические координаты центра и масштаб
– Тип картыl – список слоев (map, sat, skl)
– Объектыpm – метки (размер, цвет, номер)
pl – ломанные (цвет, ширина)
Настройки
Static API
![Page 18: Федор Голубев "Компас, секстант и другие инструменты современного картографа. Инструкция к применению](https://reader030.fdocument.pub/reader030/viewer/2022013104/546235b6af79598a3d8b4f4b/html5/thumbnails/18.jpg)
JavaScript API
Static API
?
?
?
![Page 19: Федор Голубев "Компас, секстант и другие инструменты современного картографа. Инструкция к применению](https://reader030.fdocument.pub/reader030/viewer/2022013104/546235b6af79598a3d8b4f4b/html5/thumbnails/19.jpg)
![Page 20: Федор Голубев "Компас, секстант и другие инструменты современного картографа. Инструкция к применению](https://reader030.fdocument.pub/reader030/viewer/2022013104/546235b6af79598a3d8b4f4b/html5/thumbnails/20.jpg)
Геокодерпозволяет определять координаты и получать ведения о географическом объекте по его названию или адресу
![Page 21: Федор Голубев "Компас, секстант и другие инструменты современного картографа. Инструкция к применению](https://reader030.fdocument.pub/reader030/viewer/2022013104/546235b6af79598a3d8b4f4b/html5/thumbnails/21.jpg)
– исправление опечаток
– обратное геокодирование– определение адреса объекта по его координатам
– задание начальной области поиска
– ограничение области поиска– искать только внутри области
– отдает все найденное в порядке релевантности
– постраничный вывод
Геокодер
![Page 22: Федор Голубев "Компас, секстант и другие инструменты современного картографа. Инструкция к применению](https://reader030.fdocument.pub/reader030/viewer/2022013104/546235b6af79598a3d8b4f4b/html5/thumbnails/22.jpg)
– Объект YMaps.Geocoderпрограммный интерфейс, возвращает набор меток
– Элемент управления YMaps.SearchControl
– http протоколhttp://geocode-maps.yandex.ru/1.x/
возвращает xml документ со списком объектов
Интерфейсы
Геокодер
![Page 23: Федор Голубев "Компас, секстант и другие инструменты современного картографа. Инструкция к применению](https://reader030.fdocument.pub/reader030/viewer/2022013104/546235b6af79598a3d8b4f4b/html5/thumbnails/23.jpg)
Static API
?
?
Геокодер
JavaScript API
![Page 24: Федор Голубев "Компас, секстант и другие инструменты современного картографа. Инструкция к применению](https://reader030.fdocument.pub/reader030/viewer/2022013104/546235b6af79598a3d8b4f4b/html5/thumbnails/24.jpg)
![Page 25: Федор Голубев "Компас, секстант и другие инструменты современного картографа. Инструкция к применению](https://reader030.fdocument.pub/reader030/viewer/2022013104/546235b6af79598a3d8b4f4b/html5/thumbnails/25.jpg)
Маршрутизаторсервис автоматического прокладывания маршрутов
![Page 26: Федор Голубев "Компас, секстант и другие инструменты современного картографа. Инструкция к применению](https://reader030.fdocument.pub/reader030/viewer/2022013104/546235b6af79598a3d8b4f4b/html5/thumbnails/26.jpg)
– принимает на вход как координаты, так и адреса
– промежуточные точки
– объект YMaps.Router
– возвращает– протяженность и время
– маршрутный лист
– ломанную пути разбитую на сегменты согласно маршрутному листу
– beta, ездит только по Москве
Маршрутизатор
![Page 27: Федор Голубев "Компас, секстант и другие инструменты современного картографа. Инструкция к применению](https://reader030.fdocument.pub/reader030/viewer/2022013104/546235b6af79598a3d8b4f4b/html5/thumbnails/27.jpg)
Static API
?
Маршрутизатор
Геокодер
JavaScript API
![Page 28: Федор Голубев "Компас, секстант и другие инструменты современного картографа. Инструкция к применению](https://reader030.fdocument.pub/reader030/viewer/2022013104/546235b6af79598a3d8b4f4b/html5/thumbnails/28.jpg)
![Page 29: Федор Голубев "Компас, секстант и другие инструменты современного картографа. Инструкция к применению](https://reader030.fdocument.pub/reader030/viewer/2022013104/546235b6af79598a3d8b4f4b/html5/thumbnails/29.jpg)
YMapsML(YMaps Markup Language) – XML формат описания геопространственных данных
![Page 30: Федор Голубев "Компас, секстант и другие инструменты современного картографа. Инструкция к применению](https://reader030.fdocument.pub/reader030/viewer/2022013104/546235b6af79598a3d8b4f4b/html5/thumbnails/30.jpg)
– xml-формат работы с инструментами API
– данные + описание отображения
– базируется на стандарте GML (Geography ML)документы можно просматривать в браузерах GML
– не имеет ограничений на использованиеможно использовать без привязки к API
– объект YMaps.YMapsML
YMapsML
![Page 31: Федор Голубев "Компас, секстант и другие инструменты современного картографа. Инструкция к применению](https://reader030.fdocument.pub/reader030/viewer/2022013104/546235b6af79598a3d8b4f4b/html5/thumbnails/31.jpg)
Static API
YMapsML
Маршрутизатор
Геокодер
JavaScript API
![Page 32: Федор Голубев "Компас, секстант и другие инструменты современного картографа. Инструкция к применению](https://reader030.fdocument.pub/reader030/viewer/2022013104/546235b6af79598a3d8b4f4b/html5/thumbnails/32.jpg)
Вопросы?
Клуб – http://clubs.ya.ru/mapsapi/
Документация – http://api.yandex.ru/maps/doc/
Сайт API Яндекс.Карт – http://api.yandex.ru/maps/
Федор Голубев[email protected]