Клуб API Карт

Найдено на тему «AngularJS»:
Как связать объекты в сайдбаре с метками на карте? AngularJs
genatttt
2 марта 2017, 19:14

Привет, обязательно делал рисерч, но не могу придумать логику. 

Есть компонент выводящий объекты у каждого из которых есть координаты. Объекты выводятся в сайдбаре, а справа карта, на нее выводятся эти же объекты в виде координат. Как правильно связать объекты с картой, чтобы по клику на объект в сайдбаре происходило перемещение на метку на карте? на vanilla я это реализовал, пытаюсь перенести на angular и запутался :(

Спасибо!

1 комментарий
AngularJS
Ionic Framework + Yandex API
Удалённый пользователь
22 февраля 2016, 14:23

Добрый день !

Я делаю приложение на Ionic, и при использовании карт с библиотекой angular не могу нормально отобразить карту.

index.html -> 
<script src="js/angular-ymaps.js"></script>

app.js - > 

angular.module('starter', ['ionic', 'starter.controllers', 'starter.services', 'ymaps' ])

view -> 

<yandex-map center="[55.21, 34.30]" zoom="10">
   <ymap-marker coordinates="coords"></ymap-marker>
 </yandex-map>

Но в выходе я получаю 

<ymaps class="ymaps-2-1-34-map ymaps-2-1-34-i-ua_js_yes ymaps-2-1-34-map-ru" style="width: 0px; height: 0px;">

Если карта появляется, но по умолчанию с высотой и длиной 0 пкс.  Почему это происходит и в какую сторону копать?

2 комментария
AngularJS,maps.yandex.ru
Яндекс-карты 2.1 и Angular
just_boris
30 апреля 2014, 10:49

Обновил свою библиотеку для Angular.js. Теперь она поддерживает API 2.1 и использует его по умолчанию. На самом деле, благодаря грамотной архитектуре, она могла работать с новым API и раньше, но теперь это официально.

Код можно забрать с Github.

Можно установить через bower:

bower install angular-ymaps --save

 

Если вам внезапно нужна старая старая версия под API 2.0, ее можно поставить так: 

bower install angular-ymaps#0.0.1 --save
1 комментарий
API 2.1,модули,AngularJS
Модуль API Яндекс.Карт для AngularJS
a.chebotareov
15 января 2014, 15:55
Модуль API Яндекс.Карт для AngularJS

AngularJS — это популярный JavaScript-фреймворк с открытым исходным кодом, который предназначен для разработки одностраничных приложений. Борис Сердюк, один из программистов Яндекса, написал для него удобный модуль для упрощенной работы с API Яндекс.Карт. С его помощью можно вставлять карту также просто, как вставлять картинку или кнопку, а также работать с метками, балунами и другими сущностями API.

Исходный код доступен на GitHub.

Документация и примеры работы модуля.

Если вы написали статью или хотите рассказать о своей реализации, пишите нам в клуб, Facebook или на почту ymapsapi@ya.ru.

API 2.0,модули,AngularJS
Яндекс.Карты для AngularJS
khazipov
29 октября 2013, 11:58
На хабре опубликовали статью и пример реализации работы с Яндекс.Картами в javascript-фреймворке AngularJS. Надеюсь, кому-нибудь пригодится.
На случай, если что-то случится со статьей, вот ссылки:
Репозиторий git https://github.com/tulov/angular-yandex-map
Demo http://tulov-alex.ru/

Читать далее

6 комментариев
AngularJS
Ошибки при работе с линейкой и маршрутизатором (не создаются объекты canvas)
xenohunter
5 августа 2013, 23:02

Здравствуйте!

Возникла ошибка при попытке создания маршрута: не создаётся объект canvas внутри тега ymaps.graphics-canvas, следовательно, линии не отображаются и при обращении к нему генерируются ошибки, связанные с невозможностью присвоения свойств несуществующему объекту. Следом - перестаёт работать сама карта (нет отклика на обращение к методам). Такая же проблема - с линейкой и прочими возможностями, реализованными через canvas.

API подгружается через require.js; в проекте используется angular.js.

9 комментариев
Canvas,API 2.0,RequireJS,AngularJS