Клуб API Карт

Вышел JavaScript API 3.0 — более быстрая версия программной библиотеки на базе векторных карт

В новой версии JavaScript API больше возможностей для дизайна карт, о чём давно просили пользователи. А благодаря оптимизации библиотека загружается на сайтах и в веб-приложениях в три раза быстрее.

Среди преимуществ JavaScript API 3.0 по сравнению с 2.1 выделяются более нативные в использовании векторные карты, которые можно свободно кастомизировать под самые разные задачи бизнеса. Например, менять цвет дорог, травы и так далее — чтобы выделить отдельные элементы или адаптировать подложку под дизайн сайта.

Кроме того, API 3.0 загружается в три раза быстрее по сравнению с предыдущей версией и более удобна для разработчиков.

Для разработки фронтенда используется TypeScript, и есть обёртка для React, что упрощает добавление различных элементов и настройку взаимодействия с пользователем. 

Позже планируется добавить новые модули, которые закроют специфические потребности разных типов бизнеса. Сейчас мы сосредоточили на этом основные ресурсы. При этом мы продолжим поддерживать версию JavaScript API 2.1, чтобы карты продолжали стабильно работать при обновлении браузеров. Но новые функции мы планируем добавлять только в версию 3.0.

42 комментария
Михаил Кобзарёв (mihdan)
14 декабря 2022, 00:53
А как можно попробовать третью версию API?
Михаил Кобзарёв (mihdan),
добрый день. у вас получилось это сделать?
Попробовал подключить, выдает  et::ERR_ABORTED 400
ms882,
Тоже ошибка при попытке подключения  "statusCode":400,"error":"Bad Request","message":"Invalid key"}  😭
ms882,
JS API 3.0 работает только с ключами, у которых заполнено поле "Ограничение по HTTP Referer"
Аналогичная ситуация - запустить локально не получается. Как всегда, яндекс в своём репертуаре. Написано, что реферер надо прописать в настройках ключа. Только непонятно как локально тестировать карту. На 2.1 локально на ПК вообще без ключа всё запускалось, а в 3-й версии даже актуальный ключ не помогает. Или теперь надо сервак поднимать только для того, чтобы протестить новую версию карт? А яндекс, смотрю, не спешит в этой теме отвечать на вопросы...
a.zavarin@smartway.today
10 января 2023, 12:09
Василий,
c 23 декабря ничего не изменилось( 
a.zavarin@smartway.today,

пропишите в /etc/hosts тот же домен что в refferer поставите в кабинете разработчика, и запустите локально
VP,
добрый день. можете, пожалуйста, поэтапно написать как это сделать? с примером
e.shevtsov@artvision.ai
28 февраля 2023, 10:46
Василий,
пропишите localhost в "Ограничение по HTTP Referer", и ждите не менее 15 минут
Обновлено 28 февраля 2023, 10:47
Альберт Саитов
2 февраля 2023, 09:43
Молю об обертке для Vue
Альберт Саитов,
поддерживаю
Данила Родичкин
7 мая 2023, 19:54
Артем С.,
Я постараюсь сделать обертку, аналогичную React, в рамках этого PR: https://github.com/PNKBizz/vue-yandex-map/pull/457


Пока не знаю, получится ли, но идея такая.
И как использовать TypeScript в React проектах? В примерах просто html странички
В React Native в карте не выстраивается маршрут ни кто не сталкивался данной проблемой?

Ярослав Худяков
24 октября 2023, 17:12
maksmixailov22.05,
а как вы используете yandex maps в RN?
А есть ли там сейчас редактор геометрии, которым можно пользоваться? Создание/редактирование точек, полигонов, линий (?).
В документации ничего не нашёл. Класс Monitor из версии 2.1 отсутствует.
В типах нашёл YMapFeatureEditor, но что это такое и как его использовать ни гугл, ни яндекс ничего не говорят.
globadan,
Добрый день! Не нашли способа редактирования геометрии?
А то стоит задача изменять и добавлять новые полигоны, а документации так и не нашёл
yashchukAleksander
21 июня 2023, 12:42
А пробовал кто-то ставить библиотеку @yandex/ymaps3-types на angular приложение?
Документация вообще нулёвая: ничего непонятно. Пожалел, что внедрил 3-ью, особенно поиск. Единственное, что клёво, это то, что маркеры можно DOM-элементами делать, так как мне как раз это пригодилось. В общем, ребята, не хотите геморра, юзайте 2.1.
Обновлено 25 июля 2023, 12:22
владимир гурлев
18 августа 2023, 19:12
очень сложно для меня регистрация
Евгений Денисов
14 сентября 2023, 07:07
Есть работа для меня?
Максим Плотников
22 сентября 2023, 11:18
В этой версии есть встроенный функционал смещения/отображения 2-ух меток, у которых указаны одинаковые координаты? Кластер использую, но при приближении карты одна метка перекрывает другую
Максим Плотников,
В API v3 нет механизма кластеризации.
Alexander C.,
https://yandex.ru/dev/jsapi30/doc/ru/ref/packages/clusterer/
ravik.bodmer,
https://yandex.ru/dev/jsapi30/doc/ru/upgrade/#clusterer-v3
"API 3.0 загружается в три раза быстрее"... возможно, но почему то у меня даже пустая карта из примера в быстром страте лагает просто дико.. при зуме мышкой пустая карта!
Добавил 70 маркеров в виде HTML со стилями кружка - и всё.. карту ни двигать в стороны, ни зумировать - еле двигается...
ravik.bodmer,
UPD: лагает в chrome 116.0, в Firefox ощутимо шустрее.. После обновления chrome до 117 версии перестало лагать.
Может кто-то объяснить по поводу наложения дополнительных слоев? Как именно это работает с точки зрения оплаты? В документации указано: Собственная реализации слоев доступна только на платных тарифах (https://yandex.ru/dev/jsapi30/doc/ru/dg/concepts/custom-layers) Взял пример из документации и добавил к себе в app с тестовым ключом без оплаты (https://codesandbox.io/embed/mtkh52?fontsize=14&hidenavigation=1&theme=dark&initialpath=vanilla.html&module=vanilla.html&moduleview=1) все работает, никаких ограничений со стороны API не наблюдаю. Что значит наложение слоев доступно на платных тарифах? Поддержка пока ничего внятного не ответила! Как тарифицируется данный функционал? Хочу заметить что в поддержке сообщили что в версии 2.1 также данный функционал платный. Может кто-то дать внятный ответ? 
Обновлено 2 октября 2023, 15:10
Как сделать так чтобы на мобильном телефоне при скроле экрана пальцем по карте страница пролистывалась дальше


if(isMobile.any()){
map1.setBehaviors(['dblClick', 'pinchZoom']);
} else {
map1.setBehaviors(['drag', 'dblClick']);
}


Вроде отключил на мобильном события препятствующие скролу страницы но все равно не листается веб страница если проводить по карте.
Как установить referer у wkwebview на ios, чтобы можно было запустить карты на capacitor.js?
Никита Беляев
15 января, 00:28
Данила,
Тоже очень интересно
Алексей Мальцев
13 февраля, 00:38
Данила,
использовать что-то типо GCDWebServer ?? Логично же
Никита Беляев
12 июля, 23:43
Алексей Мальцев,
Ничего не понятно, но очень интересно. Есть Capacitor - достаточно популярная библиотека, которая сама заворачивает веб-приложение в webview, хотелось бы как-то без костылей использовать api карт (на андроиде они работают сходу)
Алексей Мальцев
13 февраля, 00:37
Новая версия, угу, вы геокодер не можете 10 лет поправить, зато новый API фигачите
Редактора геометрии очень нехватает, ни нарисовать ничего нормального невозможно не отредактировать текущую линию. Пожалел что пытался внедрить..
пытаюсь на локалхосте запустить - карта не отображается, только логотип и ссылка на условия использования
sandulyakaleksandar
4 июня, 15:52
Может быть 3 версия быстрее, но в документации черт ногу сломит если тебе нужны только API без карт.
Артем Х.
9 июня, 22:48
Здравствуйте, я уже не знаю куда писать) Не работают Яндекс карты в приложениях Авито, циан, Яндекс про. На андроид смартфоне, в то время как через браузер все отлично работает 
Иванов
31 июля, 08:53
Описание интеграции Яндекс.карты в фреймворк Vue.js со страницы доков работает только для древней версии на Webpack. Для новой версии нет никаких решений? В NPM вообще не нашёл указанных в доках пакетов. Только сторонние библиотеки сомнительных авторов или писать всё "вручную"?))


P.S.: Ссылка "Обратная связь" в блоке .b-footer_yablogs__link ведёт на 404. Такое чувство, что Яндекс в целом  превращается в заброшку))
Иванов,
вот офф пример с vite: https://yandex.ru/dev/jsapi30/doc/ru/dg/concepts/integrations/vuefy
И вот пример с асинхронным подключением: https://yandex.ru/dev/jsapi30/doc/ru/examples/cases/async-api-load
Я использую vanilla метод в компонентах Vue. Карту только присваивайте обычной переменной, а не реактивной, чтобы в дальнейшем не было проблем 
Как нарисовать/отредактировать линию/полигон/круг/сектор? Когда добавят возможность работы с фигурами?