SlideShare a Scribd company logo
1 of 64
Download to read offline
Географические
карты на сайте.
Кейсы и решения
Андрей Чеботарев
Маркетолог API Яндекс.Карт
К черту подробности!2
Большой удобный список!3
Карта курильщика4
Карта здорово человека5
6
API — это программный интерфейс, который
предоставляет третьим лицам доступ к
данным или сервисам API-провайдера, чтобы
они могли создавать собственные приложения
или сайты.
API Яндекс.Карт — это интерактивные
Яндекс.Карты у вас на сайте.
Локальный поиск
Организации ищут8
на картах
в поиске
в мобильных
картах
sprav.yandex.ru9
Можно выделить свою организацию10
Карточка организации11
Панорама улицы на maps.yandex.ru12
Панорама улицы на вашем сайте13
Панорама улицы на вашем сайте14
Расположение точек
Карты и точки16
Все точки на одной карте17
Сеть магазинов на странице оформления товара18
Разные типы точек на одной карте19
Даже если нет официальной схемы или она не подходит20
Даже если никто не нарисовал21
Инфраструктура районов23
Товары на карте24
Много объектов?25
26 Не проблема! Используйте встроенный кластеризатор22
27 Кластеры объектов23
28 Кластеры объектов24
Возможность определения местоположения пользователя29
Маршруты
Помогите клиентам добраться до вас31
Удобный маршрут с учетом времени на поездку32
Или даже так33
Расчет стоимости в зависимости от маршрута34
Расчет стоимости от фиксированной точки35
Зонирование
Стоимость доставки по старинке37
Стоимость доставки по зонам38
Стоимость доставки по зонам с особенностями39
Стоимость доставки по зонам40
И даже так!41
Всё в одном42
Решайте задачи пользователей
вашего сайта с помощью карт
• Расположение офиса и шоу-румов на странице
Контакты.
• Выбор точек вывоза или постоматов на карте,
при оформлении способа доставки.
• Построение маршрутов.
• Расчет стоимости доставки и времени в пути.
43
Начинаем работать с API
Как получить карту
• Конструктор карт
api.yandex.ru/maps/tools/constructor/
• Модули для CMS
api.yandex.ru/maps/tools/cms/
• Документация (JavaScript)
api.yandex.ru/maps/doc/
47
Конструктор карт48
Конструктор карт49
Конструктор карт50
api.yandex.ru/maps
ymapsapi.ya.ru
facebook.com/ymapsapi
vk.com/ymapsapi
Полезные ссылки
51
API Яндекс.Карт 2.1
Мультимаршрутизатор53
Адаптивный дизайн54
Адаптивный дизайн55
Адаптивный дизайн56
Геолокация и полноэкранный режим57
Еще о полезностях
Яндекс.Поиск
60 Яндекс.Поиск для сайтов51
61 Яндекс.Поиск для сайтов52
62 Яндекс.Поиск для сайтов58
63 Яндекс.Поиск для сайтов59
Маркетолог API Карт
@achebotareov
ache@yandex-team.ru
Спасибо
Андрей Чеботарев
a.chebotareov

More Related Content

Similar to Географические карты на сайте. Кейсы и решения

Александр Ларьяновский "Виджеты для главной страницы Яндекса. Кто у кого «отн...
Александр Ларьяновский "Виджеты для главной страницы Яндекса. Кто у кого «отн...Александр Ларьяновский "Виджеты для главной страницы Яндекса. Кто у кого «отн...
Александр Ларьяновский "Виджеты для главной страницы Яндекса. Кто у кого «отн...Yandex
 
Александр Ларьяновский "Виджеты для главной страницы Яндекса. Кто у кого "отн...
Александр Ларьяновский "Виджеты для главной страницы Яндекса. Кто у кого "отн...Александр Ларьяновский "Виджеты для главной страницы Яндекса. Кто у кого "отн...
Александр Ларьяновский "Виджеты для главной страницы Яндекса. Кто у кого "отн...Yandex
 
Возможности_Яндекса_для_электронной_коммерции
Возможности_Яндекса_для_электронной_коммерцииВозможности_Яндекса_для_электронной_коммерции
Возможности_Яндекса_для_электронной_коммерцииYandex
 
Александр Ларьяновский "Обзор нерекламных возможностей сотрудничества контент...
Александр Ларьяновский "Обзор нерекламных возможностей сотрудничества контент...Александр Ларьяновский "Обзор нерекламных возможностей сотрудничества контент...
Александр Ларьяновский "Обзор нерекламных возможностей сотрудничества контент...Yandex
 
Как улучшить сайт с помощью API Яндекс.Карт: практические советы и примеры.
Как улучшить сайт с помощью API Яндекс.Карт: практические советы и примеры.Как улучшить сайт с помощью API Яндекс.Карт: практические советы и примеры.
Как улучшить сайт с помощью API Яндекс.Карт: практические советы и примеры.Сергей Мочалов
 
А. Кирпичников "Яндекс.Карты для вашего бизнеса"
А. Кирпичников "Яндекс.Карты для вашего бизнеса"А. Кирпичников "Яндекс.Карты для вашего бизнеса"
А. Кирпичников "Яндекс.Карты для вашего бизнеса"awgua
 
2016-02-13 01 Алексей Власов. ГИС - когда тебя отправили на эти три буквы
2016-02-13 01 Алексей Власов. ГИС - когда тебя отправили на эти три буквы2016-02-13 01 Алексей Власов. ГИС - когда тебя отправили на эти три буквы
2016-02-13 01 Алексей Власов. ГИС - когда тебя отправили на эти три буквыОмские ИТ-субботники
 
Конкурс приложений проекта ГосЗатраты
Конкурс приложений проекта ГосЗатратыКонкурс приложений проекта ГосЗатраты
Конкурс приложений проекта ГосЗатратыKomitetGI
 
Как измерить эффективность и сделать правильные выводы
Как измерить эффективность и сделать правильные выводыКак измерить эффективность и сделать правильные выводы
Как измерить эффективность и сделать правильные выводыyaevents
 
Яндекс.Карты_и_сообщество_Авторадио. Технологии, результаты_и_перспективы_раз...
Яндекс.Карты_и_сообщество_Авторадио. Технологии, результаты_и_перспективы_раз...Яндекс.Карты_и_сообщество_Авторадио. Технологии, результаты_и_перспективы_раз...
Яндекс.Карты_и_сообщество_Авторадио. Технологии, результаты_и_перспективы_раз...Yandex
 

Similar to Географические карты на сайте. Кейсы и решения (13)

Александр Ларьяновский "Виджеты для главной страницы Яндекса. Кто у кого «отн...
Александр Ларьяновский "Виджеты для главной страницы Яндекса. Кто у кого «отн...Александр Ларьяновский "Виджеты для главной страницы Яндекса. Кто у кого «отн...
Александр Ларьяновский "Виджеты для главной страницы Яндекса. Кто у кого «отн...
 
Александр Ларьяновский "Виджеты для главной страницы Яндекса. Кто у кого "отн...
Александр Ларьяновский "Виджеты для главной страницы Яндекса. Кто у кого "отн...Александр Ларьяновский "Виджеты для главной страницы Яндекса. Кто у кого "отн...
Александр Ларьяновский "Виджеты для главной страницы Яндекса. Кто у кого "отн...
 
Возможности_Яндекса_для_электронной_коммерции
Возможности_Яндекса_для_электронной_коммерцииВозможности_Яндекса_для_электронной_коммерции
Возможности_Яндекса_для_электронной_коммерции
 
яндекс. метрика
яндекс. метрикаяндекс. метрика
яндекс. метрика
 
Александр Ларьяновский "Обзор нерекламных возможностей сотрудничества контент...
Александр Ларьяновский "Обзор нерекламных возможностей сотрудничества контент...Александр Ларьяновский "Обзор нерекламных возможностей сотрудничества контент...
Александр Ларьяновский "Обзор нерекламных возможностей сотрудничества контент...
 
Как улучшить сайт с помощью API Яндекс.Карт: практические советы и примеры.
Как улучшить сайт с помощью API Яндекс.Карт: практические советы и примеры.Как улучшить сайт с помощью API Яндекс.Карт: практические советы и примеры.
Как улучшить сайт с помощью API Яндекс.Карт: практические советы и примеры.
 
А. Кирпичников "Яндекс.Карты для вашего бизнеса"
А. Кирпичников "Яндекс.Карты для вашего бизнеса"А. Кирпичников "Яндекс.Карты для вашего бизнеса"
А. Кирпичников "Яндекс.Карты для вашего бизнеса"
 
Project inform gorod
Project inform gorodProject inform gorod
Project inform gorod
 
2016-02-13 01 Алексей Власов. ГИС - когда тебя отправили на эти три буквы
2016-02-13 01 Алексей Власов. ГИС - когда тебя отправили на эти три буквы2016-02-13 01 Алексей Власов. ГИС - когда тебя отправили на эти три буквы
2016-02-13 01 Алексей Власов. ГИС - когда тебя отправили на эти три буквы
 
Конкурс приложений проекта ГосЗатраты
Конкурс приложений проекта ГосЗатратыКонкурс приложений проекта ГосЗатраты
Конкурс приложений проекта ГосЗатраты
 
Как измерить эффективность и сделать правильные выводы
Как измерить эффективность и сделать правильные выводыКак измерить эффективность и сделать правильные выводы
Как измерить эффективность и сделать правильные выводы
 
Яндекс.Карты_и_сообщество_Авторадио. Технологии, результаты_и_перспективы_раз...
Яндекс.Карты_и_сообщество_Авторадио. Технологии, результаты_и_перспективы_раз...Яндекс.Карты_и_сообщество_Авторадио. Технологии, результаты_и_перспективы_раз...
Яндекс.Карты_и_сообщество_Авторадио. Технологии, результаты_и_перспективы_раз...
 
ReadyScript CMS
ReadyScript CMSReadyScript CMS
ReadyScript CMS
 

More from Artjoker

Is it time to write unit tests?
Is it time to write unit tests?Is it time to write unit tests?
Is it time to write unit tests?Artjoker
 
Redux and React. Learning from giants.
Redux and React. Learning from giants.Redux and React. Learning from giants.
Redux and React. Learning from giants.Artjoker
 
MVVM+Router or how to use all advantage from MVVM and VIPER
MVVM+Router or how to use all advantage from MVVM and VIPERMVVM+Router or how to use all advantage from MVVM and VIPER
MVVM+Router or how to use all advantage from MVVM and VIPERArtjoker
 
"Опыт внедрения автоматизации на PHP проектах (Docker, Gitlab CI)"
"Опыт внедрения автоматизации на PHP проектах (Docker, Gitlab CI)""Опыт внедрения автоматизации на PHP проектах (Docker, Gitlab CI)"
"Опыт внедрения автоматизации на PHP проектах (Docker, Gitlab CI)"Artjoker
 
«Let`s do it right»
«Let`s do it right»«Let`s do it right»
«Let`s do it right»Artjoker
 
«Высоконагруженное тестирование РНР проектов»
«Высоконагруженное тестирование РНР проектов» «Высоконагруженное тестирование РНР проектов»
«Высоконагруженное тестирование РНР проектов» Artjoker
 
3-е свидание с functional-js, что дальше
3-е свидание с functional-js, что дальше3-е свидание с functional-js, что дальше
3-е свидание с functional-js, что дальшеArtjoker
 
GraphQL для FrontEnd разработчика
GraphQL для FrontEnd разработчикаGraphQL для FrontEnd разработчика
GraphQL для FrontEnd разработчикаArtjoker
 
React 16: new features and beyond
React 16: new features and beyondReact 16: new features and beyond
React 16: new features and beyondArtjoker
 
Первые шаги интернет-магазина одежды
Первые шаги интернет-магазина одеждыПервые шаги интернет-магазина одежды
Первые шаги интернет-магазина одеждыArtjoker
 
«Без каких микровзаимодействий нельзя делать WEB и mobile продукты в 2018-м»
«Без каких микровзаимодействий нельзя делать WEB и mobile продукты в 2018-м»«Без каких микровзаимодействий нельзя делать WEB и mobile продукты в 2018-м»
«Без каких микровзаимодействий нельзя делать WEB и mobile продукты в 2018-м»Artjoker
 
«Эмоциональный веб-дизайн, история одного чуткого лендинга»
«Эмоциональный веб-дизайн, история одного чуткого лендинга» «Эмоциональный веб-дизайн, история одного чуткого лендинга»
«Эмоциональный веб-дизайн, история одного чуткого лендинга» Artjoker
 
«Дизайн система для мобильных и веб проектов»
«Дизайн система для мобильных и веб проектов»«Дизайн система для мобильных и веб проектов»
«Дизайн система для мобильных и веб проектов»Artjoker
 
QA Evening Марк Курченко - Чек-лист против тест-кейса
QA Evening Марк Курченко - Чек-лист против тест-кейсаQA Evening Марк Курченко - Чек-лист против тест-кейса
QA Evening Марк Курченко - Чек-лист против тест-кейсаArtjoker
 
QA Evening Игорь Колосов - Performance Testing: Metrics & Measurements
QA Evening Игорь Колосов - Performance Testing: Metrics & MeasurementsQA Evening Игорь Колосов - Performance Testing: Metrics & Measurements
QA Evening Игорь Колосов - Performance Testing: Metrics & MeasurementsArtjoker
 
QA Evening Максим Колотилкин - Test State Pattern
QA Evening Максим Колотилкин - Test State PatternQA Evening Максим Колотилкин - Test State Pattern
QA Evening Максим Колотилкин - Test State PatternArtjoker
 
Меликян Артём (Team Lead of SEO Classifieds, Netpeak) Продвижение крупных про...
Меликян Артём (Team Lead of SEO Classifieds, Netpeak) Продвижение крупных про...Меликян Артём (Team Lead of SEO Classifieds, Netpeak) Продвижение крупных про...
Меликян Артём (Team Lead of SEO Classifieds, Netpeak) Продвижение крупных про...Artjoker
 
Клуб Большого мозга - DevOps Evening
Клуб Большого мозга - DevOps EveningКлуб Большого мозга - DevOps Evening
Клуб Большого мозга - DevOps EveningArtjoker
 
Performance: How to build an app instead of slideshow
Performance: How to build an app instead of slideshowPerformance: How to build an app instead of slideshow
Performance: How to build an app instead of slideshowArtjoker
 
Productivity Hero. Know Your Tools
Productivity Hero. Know Your ToolsProductivity Hero. Know Your Tools
Productivity Hero. Know Your ToolsArtjoker
 

More from Artjoker (20)

Is it time to write unit tests?
Is it time to write unit tests?Is it time to write unit tests?
Is it time to write unit tests?
 
Redux and React. Learning from giants.
Redux and React. Learning from giants.Redux and React. Learning from giants.
Redux and React. Learning from giants.
 
MVVM+Router or how to use all advantage from MVVM and VIPER
MVVM+Router or how to use all advantage from MVVM and VIPERMVVM+Router or how to use all advantage from MVVM and VIPER
MVVM+Router or how to use all advantage from MVVM and VIPER
 
"Опыт внедрения автоматизации на PHP проектах (Docker, Gitlab CI)"
"Опыт внедрения автоматизации на PHP проектах (Docker, Gitlab CI)""Опыт внедрения автоматизации на PHP проектах (Docker, Gitlab CI)"
"Опыт внедрения автоматизации на PHP проектах (Docker, Gitlab CI)"
 
«Let`s do it right»
«Let`s do it right»«Let`s do it right»
«Let`s do it right»
 
«Высоконагруженное тестирование РНР проектов»
«Высоконагруженное тестирование РНР проектов» «Высоконагруженное тестирование РНР проектов»
«Высоконагруженное тестирование РНР проектов»
 
3-е свидание с functional-js, что дальше
3-е свидание с functional-js, что дальше3-е свидание с functional-js, что дальше
3-е свидание с functional-js, что дальше
 
GraphQL для FrontEnd разработчика
GraphQL для FrontEnd разработчикаGraphQL для FrontEnd разработчика
GraphQL для FrontEnd разработчика
 
React 16: new features and beyond
React 16: new features and beyondReact 16: new features and beyond
React 16: new features and beyond
 
Первые шаги интернет-магазина одежды
Первые шаги интернет-магазина одеждыПервые шаги интернет-магазина одежды
Первые шаги интернет-магазина одежды
 
«Без каких микровзаимодействий нельзя делать WEB и mobile продукты в 2018-м»
«Без каких микровзаимодействий нельзя делать WEB и mobile продукты в 2018-м»«Без каких микровзаимодействий нельзя делать WEB и mobile продукты в 2018-м»
«Без каких микровзаимодействий нельзя делать WEB и mobile продукты в 2018-м»
 
«Эмоциональный веб-дизайн, история одного чуткого лендинга»
«Эмоциональный веб-дизайн, история одного чуткого лендинга» «Эмоциональный веб-дизайн, история одного чуткого лендинга»
«Эмоциональный веб-дизайн, история одного чуткого лендинга»
 
«Дизайн система для мобильных и веб проектов»
«Дизайн система для мобильных и веб проектов»«Дизайн система для мобильных и веб проектов»
«Дизайн система для мобильных и веб проектов»
 
QA Evening Марк Курченко - Чек-лист против тест-кейса
QA Evening Марк Курченко - Чек-лист против тест-кейсаQA Evening Марк Курченко - Чек-лист против тест-кейса
QA Evening Марк Курченко - Чек-лист против тест-кейса
 
QA Evening Игорь Колосов - Performance Testing: Metrics & Measurements
QA Evening Игорь Колосов - Performance Testing: Metrics & MeasurementsQA Evening Игорь Колосов - Performance Testing: Metrics & Measurements
QA Evening Игорь Колосов - Performance Testing: Metrics & Measurements
 
QA Evening Максим Колотилкин - Test State Pattern
QA Evening Максим Колотилкин - Test State PatternQA Evening Максим Колотилкин - Test State Pattern
QA Evening Максим Колотилкин - Test State Pattern
 
Меликян Артём (Team Lead of SEO Classifieds, Netpeak) Продвижение крупных про...
Меликян Артём (Team Lead of SEO Classifieds, Netpeak) Продвижение крупных про...Меликян Артём (Team Lead of SEO Classifieds, Netpeak) Продвижение крупных про...
Меликян Артём (Team Lead of SEO Classifieds, Netpeak) Продвижение крупных про...
 
Клуб Большого мозга - DevOps Evening
Клуб Большого мозга - DevOps EveningКлуб Большого мозга - DevOps Evening
Клуб Большого мозга - DevOps Evening
 
Performance: How to build an app instead of slideshow
Performance: How to build an app instead of slideshowPerformance: How to build an app instead of slideshow
Performance: How to build an app instead of slideshow
 
Productivity Hero. Know Your Tools
Productivity Hero. Know Your ToolsProductivity Hero. Know Your Tools
Productivity Hero. Know Your Tools
 

Географические карты на сайте. Кейсы и решения