API Яндекс.Карт на вашем сайте Андрей Кармацкий karma@yandex-team.ru. - презентация

1 API Яндекс.Карт на вашем сайте Андрей Кармацкий

2 города всегда с точностью до дома: –Челябинск и ещё 126 городов России –36 городов Украины –Казахстан: Астана, Алматы –Беларусь: Минск –детальные спутниковые снимки городов России, Европы и популярных курортов мира Обновления ежемесячно – около 10 карт городов (новые и обновления) Яндекс.Карты сегодня:

3 API Карт – это целый набор инструментов для веб-разработчиков Static API YMapsML Маршрутизатор Геокодер JavaScript API

4 –объектно-ориентированная библиотека –одно пространство имен YMaps –событийная модель –jQuery внутри (1.3.2) –95 Кб (loadByRequire: 3 Кб) –текущая версия 1.1.7

5 JS API: взаимодействие с разработчиком Стандартные элементы управления: – и интерфейс создания своих элементов Объекты: метки, ломаные, многоугольники – и интерфейс создания своих объектов Внешний вид объектов: стандартные настройки, текстовые шаблоны – и динамические шаблоны, т. е. опять возможность всё перенастроить

6 JS API: карта и объекты на ней Метки: объекты недвижимости Ломаные: маршруты поездов в Я.Расписаниях Полигоны: отмечены зоны доставки пиццы по районам

7 JavaScript API: настройка UI Пользовательский интерфейс (метки, элементы управления) можно перенастроить: не только внешний вид, но и его поведение.

8 JavaScript API: группировка объектов Когда объектов на карте много, их можно группировать

9 JavaScript API: своя карта Использование собственной карты Наложение на Яндекс.Карты собственного слоя API для просмотра больших изображений Для подготовки своей карты у нас есть специальная программа

10 JavaScript API: отображение XML-файлов Поддерживаем три XML-формата: YMapsML – язык описания геоданных в API Яндекс.Карт KML GPX (gps-треки) (

11 Отображение YMapsML Сайты-партнёры свои информационные слои для Яндекс.Карт транслируют в YMapsML

12 Персональные карты в YMapsML Яндекс.Карты: Мои карты Ваш сайт Трансляция YMapsML файла

13 JS API: нестандартное применение - фон страницы – спутниковые снимки

14 –малый объем загружаемых данных –(600x450: ~100 Кб) –максимальная простота –работает там, где JavaScript не работает Удачное решение для: –мобильных устройств –печати карты –вставки карты в блогах StaticAPI: Карта в виде простой картинки

15 StaticAPI: Пример карты

16 –определение координат по адресу и наоборот –(наоборот определение адреса по координатам) –исправление опечаток –ограничение области поиска –искать только внутри области –отдает найденное в порядке релевантности –постраничный вывод Геокодер: API поиска по Картам

17 –объект YMaps.Geocoder программный интерфейс, возвращает набор меток –элемент управления YMaps.SearchControl –http протокол возвращает xml документ со списком объектов Геокодер: Интерфейсы

18 –принимает на вход и координаты, и адреса –в т.ч. строит по промежуточным точкам возвращает: –протяженность и время –маршрутный лист –ломаную пути разбитую на сегменты согласно маршрутному листу Пример использования: Маршрутизация Beta-версия: работает для Москвы и области

19 Static API YMapsML Маршрутизатор Геокодер JavaScript API

20 «Ммм… хотелось бы попробовать, НО ПРЯМО СЕЙЧАС!» «Конструктор схем проезда» = карта за 2 минутыКонструктор схем проезда Конструктор +

21 API Яндекс.Карт – условия использования Основные моменты: – На сайте коммерческой фирмы? Можно! – Коммерческое использование ? Можно! – Сайты с регистрацией пользователей ? Можно! Можно всё, что нужно успешному интернет- проекту.

22 Спасибо! Клуб – Служба поддержки – Документация – Андрей Кармацкий