Рабочие листы
к вашим урокам
Скачать
1 слайд
API Яндекс.Карт
на вашем сайте
Андрей Кармацкий
karma@yandex-team.ru
2 слайд
города всегда с точностью до дома:
Челябинск и ещё 126 городов России
36 городов Украины
Казахстан: Астана, Алматы
Беларусь: Минск
детальные спутниковые снимки городов России, Европы и популярных курортов мира
Обновления ежемесячно – около 10 карт городов (новые и обновления)
Яндекс.Карты сегодня:
3 слайд
API Карт – это целый набор инструментов для веб-разработчиков
Static API
YMapsML
Маршрутизатор
Геокодер
JavaScript API
API Я.Карт
Яндекс
4 слайд
JavaScriptAPI
объектно-ориентированная библиотека
одно пространство имен YMaps
событийная модель
jQuery внутри (1.3.2)
95 Кб (loadByRequire: 3 Кб)
текущая версия 1.1.7
5 слайд
JS API: взаимодействие с разработчиком
Стандартные элементы управления:
и интерфейс создания своих элементов
Объекты: метки, ломаные, многоугольники
и интерфейс создания своих объектов
Внешний вид объектов: стандартные настройки, текстовые шаблоны
и динамические шаблоны, т. е. опять возможность всё перенастроить
6 слайд
JS API: карта и объекты на ней
Метки:
http://www.sdam74.ru/chel/karta
объекты недвижимости
Ломаные:
http://rasp.yandex.ru/trains
маршруты поездов в Я.Расписаниях
Полигоны: http://www.papajohns.ru/ru/restaurants/moscow/
отмечены зоны доставки пиццы по районам
7 слайд
JavaScript API: настройка UI
http://mogemvse.ru/moscow/places/auto
Пользовательский интерфейс (метки, элементы управления) можно перенастроить: не только внешний вид, но и его поведение.
8 слайд
JavaScript API: группировка объектов
http://m2.sibnet.ru/
Когда объектов на карте много, их можно группировать
9 слайд
JavaScript API: своя карта
Использование собственной карты
http://cheboksary.ws/
Наложение на Яндекс.Карты собственного слоя
http://yota.ru/ru/coverage/russia/map-fullscreen.php
API для просмотра больших изображений
http://4kazan.ru/
Для подготовки своей карты у нас есть специальная программа
10 слайд
JavaScript API: отображение XML-файлов
Поддерживаем три XML-формата:
YMapsML – язык описания геоданных в API Яндекс.Карт
KML
GPX (gps-треки)
(http://karmatsky.narod2.ru/gpx.html)
11 слайд
Отображение YMapsML
Сайты-партнёры свои информационные слои для Яндекс.Карт транслируют в YMapsML
12 слайд
Персональные карты в YMapsML
Яндекс.Карты: Мои карты
Ваш сайт
Трансляция YMapsML файла
13 слайд
JS API: нестандартное применение
http://posrs.ru/ - фон страницы – спутниковые снимки
14 слайд
малый объем загружаемых данных
(600x450: ~100 Кб)
максимальная простота
работает там, где JavaScript не работает
Удачное решение для:
мобильных устройств
печати карты
вставки карты в блогах
StaticAPI: Карта в виде простой картинки
15 слайд
StaticAPI: Пример карты
http://www.ippk.msu.ru/contacts/
16 слайд
определение координат по адресу и наоборот
(наоборот — определение адреса по координатам)
исправление опечаток
ограничение области поиска
искать только внутри области
отдает найденное в порядке релевантности
постраничный вывод
Геокодер: API поиска по Картам
17 слайд
объект YMaps.Geocoder
программный интерфейс, возвращает набор меток
элемент управления YMaps.SearchControl
http протокол
http://geocode-maps.yandex.ru/1.x/
возвращает xml документ со списком объектов
Геокодер: Интерфейсы
18 слайд
принимает на вход и координаты, и адреса
в т.ч. строит по промежуточным точкам
возвращает:
протяженность и время
маршрутный лист
ломаную пути разбитую на сегменты согласно маршрутному листу
Пример использования: http://taxovik.ru
Маршрутизация
Beta-версия: работает для Москвы и области
19 слайд
Static API
YMapsML
Маршрутизатор
Геокодер
JavaScript API
API Я.Карт
Яндекс
20 слайд
«Ммм… хотелось бы попробовать,
НО ПРЯМО СЕЙЧАС!»
«Конструктор схем проезда» = карта за 2 минуты
Конструктор
+
21 слайд
API Яндекс.Карт – условия использования
Основные моменты:
На сайте коммерческой фирмы? Можно!
Коммерческое использование ? Можно!
Сайты с регистрацией пользователей ? Можно!
Можно всё, что нужно успешному интернет-проекту.
22 слайд
Спасибо!
http://api.yandex.ru/maps/
Клуб – http://clubs.ya.ru/mapsapi/
Служба поддержки – support@api-maps.yandex.ru
Документация – http://api.yandex.ru/maps/doc/
Twitter: @yandexmaps
Андрей Кармацкий
karma@yandex-team.ru
Рабочие листы
к вашим урокам
Скачать
6 666 378 материалов в базе
Настоящий материал опубликован пользователем Никульшина Надежда Михайловна. Инфоурок является информационным посредником и предоставляет пользователям возможность размещать на сайте методические материалы. Всю ответственность за опубликованные материалы, содержащиеся в них сведения, а также за соблюдение авторских прав несут пользователи, загрузившие материал на сайт
Если Вы считаете, что материал нарушает авторские права либо по каким-то другим причинам должен быть удален с сайта, Вы можете оставить жалобу на материал.
Удалить материалВаша скидка на курсы
40%Курс профессиональной переподготовки
300/600 ч.
Курс профессиональной переподготовки
600 ч.
Курс профессиональной переподготовки
300/600 ч.
Оставьте свой комментарий
Авторизуйтесь, чтобы задавать вопросы.