Клуб API Карт

Найдено на тему «макеты»:
Адаптивный Balloon
Creator
20 июля 2015, 22:10

Доброго времени суток, искал, искал так и не нашел, переменные в шаблоне по которым можно мониторить текущее состояние, а вернее ширину балуна. Для наглядности приведу пример, часть выдрана из пользовательской кнопки, в которой решена адаптивность, конечно в балуне она не заработала)

pointpl = ymaps.templateLayoutFactory.createClass(
   '<div class="item-points '+
      '{% if state.size == "small" %}points-small{% endif %}' +
      '{% if state.size == "medium" %}points-medium{% endif %}' +
      '{% if state.size == "large" %}points-large{% endif %}' +
   '</div>');

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

3 комментария
API 2.1,балун,макеты
Как на api 2.0 реализовать разные contentLayout для разных табов
Antichniy2010
20 июля 2015, 13:04

Необходимо разные табы на балуне кластера выводить по разным шаблонам, интересует возможность реализации на api 2.0. Быть может есть метод позволяющий получить html код открытого балуна метки без вывода самой метки?

4 комментария
кластеризатор,API 2.0,балун,макеты
Как можно получить balloonContent(DOM элемент) из click event на Placemark
Константин Забродин
8 июля 2015, 18:31

Добрый день, интересует следующий вопрос. У меня есть кастомный PlaceMark со своей версткой.

Пытаясь навесить событие 

placemark.events.add('click', fuction(e){

 // обнаружил, что есть возможность получить balloonContent или пользовательские аттрибуты (В доках по мне про это написано слишком скудно и тяжело

e.get('target')['properties'].get('balloonContent'))

});


Через этот метод я получаю текстовое представление о контенте. Но меня интересует не его верстка, а именно элемент, который находится в DOM. Каким образом его правильно получать ? 


На самом деле есть еще и второй вопрос. Можно-ли, как-нибудь, навесить событие на элементы, которые находятся внутри balloon. Помимо вставки атрибута onclick=""

3 комментария
метка,API 2.1,события,балун,макеты
Вынос шаблонов в отдельные файлы
Удалённый пользователь
6 июля 2015, 16:09

Собственно, в данный момент у меня при работе с картой используется несколько кастомных шаблонов, но с ними очень-очень неудобно работать, держа их в JS файле. Есть ли какие-либо рекомендуемые способы вынести html в отдельный файл и просто подгружать его в JS?

2 комментария
API 2.1,модули,макеты
Кастомизация балуна
GoodManDima
25 июня 2015, 17:54

Здравствйуте. Возник такой вопрос. Как можно добавить стили ко всему балуну например надо чтобы окно балуна имело свойство border-radius.. то есть скругления? как кастомизировать кнопку закрыть?

4 комментария
API 2.1,макеты,балун,YMapsML
Обработка клика кнопки находящейся у теле балуна
cellse
17 июня 2015, 10:39

Здравствуйте. Внутри балуна в balloonContentBody есть кнопка, как мне отловить её нажатие?

3 комментария
API 2.1,события,балун,макеты
Отображения метки кластера без содержимого
Удалённый пользователь
10 июня 2015, 11:22

Добрый день!
В документации описано, что "Значение опции clusterIconContentLayout можно выставлять в null для отображения метки кластера без содержимого". До недавнего времени все работало, как надо: в скрипте была строка objectManager.clusters.options.set('clusterIconContentLayout', null), однако после изменений (API Яндекс.Карт версия 2.1.26) стал "виснуть" браузер (в частности, Google Chrome) при масштабировании карты. http://joxi.ru/brRn8elFDD6Jr1     http://joxi.ru/Y2LDqeXFzzLR26 . Как быть теперь, если нужно скрыть отображение количества объектов на иконке кластера?

4 комментария
метка,кластеризатор,API 2.1,макеты
Картинка в балуне переменной
romDOSI
4 июня 2015, 17:22

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

Как можно в балуне вывести картинку через переменную ?

примерно так 

balloonContentBody: '<img src="imgz"></img>',

imgz - собственно сама переменная, которая сохраняет ссылку на изображение в БД сервера, и нужно, чтобы она выводилась в балуне этим тэгом.

11 комментариев
Javascript,API 2.1,балун,макеты
Стилизация кнопок карты
alexeygubov
27 мая 2015, 22:59

Добрый вечер! Столкнулся с проблемой при верстке: в дизайне отрисована яндекс.карта нового образца, с круглыми кнопками. Средствами API 2.1 смог таки вытащить на свою карту все кнопки, которые есть в новой яндекс.карте, однако новую "круглую" форму придать им ну никак не получается.

Посему, вопрос: возможно ли каким-то образом вставить в верстку яндекс.карту с "круглым" дизайном? может быть, существует отдельное api под новые карты? если нет, то каким образом можно застилить кнопки на уже готовой карте? 

Заранее благодарен за ответ!

2 комментария
кнопка,элементы управления,API 2.1,контролы,макеты
Шаблон метки
Игорь Воробьёв
26 мая 2015, 21:30

Добрый вечер,  у меня такой вопрос: Как задать свой шаблон для iconContent, я создал коллекцию меток и присвоил им изображение million.svg

millionСityCollection = new ymaps.GeoObjectCollection(null, {
iconLayout: 'default#imageWithContent',
iconImageHref: 'public/images/icon/million.svg',
iconImageSize: [40, 40],
iconContentOffset: [30,14]
});

 

Далее, я хочу сделать подложку под Название города те 

millionСityMoscowCoords = [55.75399400, 37.62209300];

        millionСityCollection.add(new ymaps.Placemark(millionСityMoscowCoords,{

iconContent: "<div class=\"city\">Москва</div>",

}));

 

Вопрос как сделать, чтобы мой блок <div class=\"city\"> был под изображением  и был резиновым те принимал всю ширину названия города

iconImageHref: 'public/images/icon/million.svg', и со сдвигом под него?


Итоговый результат вижу так

 

5 комментариев
метка,API 2.1,CSS,макеты
Балун с возможностью редактирования.
wotgaid
23 мая 2015, 15:16

Необходимо сделать балун, что бы нём было поле для редактирования и кнопка ок, что бы пользователь мог редактировать его содердимое. При нажатии кнопки ок изменённая информация сохранялась в балуне. Что бы при следующем открытии отображалась изменённая информация.

Вообщем надо сделать так же как в яндекс конструкторе карт https://tech.yandex.ru/maps/tools/constructor/.

5 комментариев
API 2.1,макеты,балун,конструктор
Всплывающая подсказка при наведении на объект карты
Удалённый пользователь
22 мая 2015, 09:38

Добрый длень. Подкажите пожалуста: у меня на карте несколько сотен полилиний. Как сделать так, что бы при наведении на полилинию в всплывающей подсказке отображалась, скажем, ширина этой полилинии. В какую сторону искать? Спасибо.

1 комментарий
API 2.1,хинт,ломаная,макеты
Масштабирование собственной метки
Игорь Воробьёв
20 мая 2015, 20:11

Все доброго вечера!

Такой вопрос возможно ли реализовать мастабируемый макет метки с приминением svg. Те у меня есть иконки, и хотелось их задавать не пиксельно, а чтобы при разных зумах иконка отоброжалась по разному, на большой карте маленькая, при увеличении она немного увеличивалась.

3 комментария
масштаб,метка,API 2.1,макеты
Открытие balloon panel cбоку
Алексей
12 мая 2015, 15:45

Подскажите как можно сдеать открытие панели при panelMaxMapArea Infinity сбоку, а не снизу?

https://tech.yandex.ru/maps/doc/jsapi/2.1/ref/reference/Balloon-docpage/#param-options.panelMaxMapArea

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

2 комментария
API 2.1,балун,макеты
objectManager.events.click и BalloonContentLayout
Chiakiii0018
5 мая 2015, 04:16

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

objectManager.objects.events.add('click', function (e) {

  var objectId = e.get('objectId');

  objectManager.objects.setObjectOptions(objectId, {

    BalloonContentLayout : BalloonContentLayout

   });

  objectManager.objects.balloon.open(objectId);

});

3 комментария
менеджер объектов,API 2.1,события,балун,макеты
шаблон балуна карусель
allians-sk
28 апреля 2015, 14:03

как реализовать шаблон простого балуна, ну или геообьекта типа полигон, как шаблон балуна кластера "карусель" Не получаеться через ymaps.templateLayoutFactory.createClass(  и подклчение джиквери( Есть ли у кого такая реализация?

2 комментария
API 2.1,балун,макеты
Метки с подписями как на Яндекс.Карты
d20082008
28 апреля 2015, 11:52

Сейчас есть один тип меток с подписью (типа 'islands#blackStretchyIcon'):

 

1. Как сделать метку с подписью аналогичной  Яндекс.Картам?

 

2. Как сделать чтобы подписи не скрывались при масштабировании карты?

2 комментария
метка,API 2.1,макеты
Стилизовать кластер типа карусель
d-jeston
25 апреля 2015, 23:49

Здравствуйте.
У меня есть кластер:

clusterer = new ymaps.Clusterer({
    preset: 'islands#brownClusterIcons',
clusterBalloonLayout: yyy,
clusterDisableClickZoom: false,
clusterOpenBalloonOnClick: true,
clusterBalloonContentLayout: 'cluster#balloonCarousel',
clusterBalloonItemContentLayout: customItemContentLayout,
clusterBalloonPanelMaxMapArea: 0,
clusterBalloonContentLayoutWidth: 240,
clusterBalloonContentLayoutHeight: 100,
clusterBalloonPagerSize: 5

}); 

где customContentLaout задан примерно так:

customItemContentLayout = ymaps.templateLayoutFactory.createClass(
    '<h2 class=ballon_header>{{properties.balloonContentHeader|raw }}</h2>' +
    '<div class=ballon_body>{{properties.balloonContentForCluster|raw }}</div>' +
    '<div class=ballon_footer>{{properties.balloonContentFooter|raw }}</div>'

);

 

Мне бы хотелось получить балун полностью кастомизированным, потому как прописанные мной стили меняют только контент, а рамка солидной толщины всё равно остаётся белой.

Я пытаюсь задать шаблон в clusterBalloonLayout: yyy,

yyy = ymaps.templateLayoutFactory.createClass(
    '<div style="1px solid black">!!!!</div>'

);

однако это полностью меняет вид кластера в виде карусели - сама карусель пропадет.

Что я делаю не так ? 

5 комментариев
кластеризатор,API 2.1,балун,макеты
Текст рядом с кастомным Placemark
Alexey Frolov
23 апреля 2015, 16:23

Коллеги, добырй день.

Ни как не могу решить задачу, требуется разместить текст рядом с кастомым маркером (Placemark), если такая возможность существует так же будет интересно как настроить шрифт, цвет и  положение этого текста.

 

iconContent не помогает ( 

4 комментария
метка,API 2.1,макеты
Не работает шаблонизатор.
Sergey Vohmyanin
9 апреля 2015, 17:50

создан Placemark с указанным balloonLayout

Так вот при появлении на устройствах с маленьким экраном в яндексе сделали фичу чтобы оно появлялось внизу панелькой, в этом случае шаблонизатор даже близко не вызывается.

 

balloonPanelMaxMapArea:0

решает проблему

API 2.1,балун,макеты