Форум программистов, компьютерный форум, киберфорум
React/ReactJS
Войти
Регистрация
Восстановить пароль
Блоги Сообщество Поиск Заказать работу  
 
Рейтинг 4.67/6: Рейтинг темы: голосов - 6, средняя оценка - 4.67
250 / 184 / 58
Регистрация: 12.03.2021
Сообщений: 1,043

react-yandex-maps проблема с balloonContent

07.06.2022, 13:31. Показов 1442. Ответов 1
Метки нет (Все метки)

Студворк — интернет-сервис помощи студентам
добрый день. не получается вывести описание для точек на карте, перерыл весь интернет, все найденное не отрабатывает. вот фрагмент кода:
JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
<div style={{ width: "80%", height: "100vh", marginLeft: '10%' }}>
            <YMaps style={{ width: "100%", height: "100vh" }}>
               
      
                    <Map defaultState={{ center: [56.31, 38.13], zoom: 13 }} style={{ width: "100%", height: "100vh" }} modules={["templateLayoutFactory", "layout.ImageWithContent"]}>
                    {
                                this.state.eventsList.length>0 && this.state.eventsList.map(x => {
                                    return (
                                    <Placemark
                                        key={x.id}
                                        geometry={[x.lat, x.lon]}
                                        properties={{
                                            //    balloonContentHeader: "Balloon3",
                                            //balloonContent: this.showInfo(x),
                                           /* hintContent: this.showInfo(x)*/
                                            //balloonContentHeader: "Balloon3",
                                            balloonContent: this.showInfo(x),
                                            hintContent: x.name
                                        }}
                                        modules={[
                                            "geoObject.addon.hint",
                                            'objectManager.addon.objectsBalloon',
                                            'objectManager.addon.objectsHint',
                                        ]}
 
                                        options={{
                                            iconLayout:'default#imageWithContent',
                                            iconImageHref: this.checkType(x.type_event_id),
                                            iconContentSize: [15, 15],
                                            iconImageOffset: [-50, -18],
                                            //hideIconOnBalloonOpen: false, //запрет на скрытие метки по клику на балун
                                            //balloonOffset: [3, -40],
                                            //balloonContentLayout: this.showInfo(x),
    
                                        }}
 
                                    />)
 
 
                                })
                            }
                            </Map>
   
            </YMaps>
            </div>
все попытки с balloon закомменчены, прошу помощи у тех, кто сталкивался, как только не пробовал уже.
З.Ы: так же кастомные иконки обрезаются вне зависимости от указанного размера, буду признателен за помощь.
0
Лучшие ответы (1)
cpp_developer
Эксперт
20123 / 5690 / 1417
Регистрация: 09.04.2010
Сообщений: 22,546
Блог
07.06.2022, 13:31
Ответы с готовыми решениями:

Как получать расстояние с карты. yandex-react-maps
Начал учиться писать карты для пользователя. Есть постоянная точка, нужно поставить еще один маркер, сделать между ними маршрут и получить...

Qt + yandex.maps
Здравствуйте Возникла задача - добавить в форму программы модуль карт, на которых можно было щелкнуть мышкой и получить в программе...

Jquery и yandex maps
хочу подгружать карты только если не маленький экран, ибо xs-hidden только прячет скрипт примерно таков: if ($(window).width() &gt;...

1
250 / 184 / 58
Регистрация: 12.03.2021
Сообщений: 1,043
08.06.2022, 09:09  [ТС]
Лучший ответ Сообщение было отмечено DrType как решение

Решение

разобрался, в модулях необходимо подключить
geoObject.addon.balloon
нигде не нашел инфы, тупо по примеру с подсказкой дописал =/
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
raxper
Эксперт
30234 / 6612 / 1498
Регистрация: 28.12.2010
Сообщений: 21,154
Блог
08.06.2022, 09:09
Помогаю со студенческими работами здесь

Yandex maps api
Кто работал с Яндекс api подскажите, есть ли возможность прокладки маршрута по общественному транспорту, как transit в гугле? Если нет в...

Yandex Maps Api
Здравствуйте. Помогите разобраться. Нужно что бы в админ панели была возможность добавлять метки на карту, а на клиент сайде эти метки...

Подружить reactJS и yandex maps
Здравствуйте. Не подскажете, как это реализовать? Карта создается таким образом и сразу привязывается к диву - var map = new...

Yandex maps api (погода)
здравствуйте, наткнулся на такую замечательную вещь как подключение на сайт карты с показанием температуры по всему миру с помощью yandex...

Встроить Yandex Maps в приложение
Доброго времени суток! Необходимо встроить Яндекс карты в приложение. YandexMapKit давно не поддерживается. Использую API Карт и...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Новые блоги и статьи
Символьное дифференцирование
igorrr37 13.02.2026
/ * Логарифм записывается как: (x-2)log(x^2+2) - означает логарифм (x^2+2) по основанию (x-2). Унарный минус обозначается как ! */ #include <iostream> #include <stack> #include <cctype>. . .
Камера Toupcam IUA500KMA
Eddy_Em 12.02.2026
Т. к. у всяких "хикроботов" слишком уж мелкий пиксель, для подсмотра в ESPriF они вообще плохо годятся: уже 14 величину можно рассмотреть еле-еле лишь на экспозициях под 3 секунды (а то и больше),. . .
И ясному Солнцу
zbw 12.02.2026
И ясному Солнцу, и светлой Луне. В мире покоя нет и люди не могут жить в тишине. А жить им немного лет.
«Знание-Сила»
zbw 12.02.2026
«Знание-Сила» «Время-Деньги» «Деньги -Пуля»
SDL3 для Web (WebAssembly): Подключение Box2D v3, физика и отрисовка коллайдеров
8Observer8 12.02.2026
Содержание блога Box2D - это библиотека для 2D физики для анимаций и игр. С её помощью можно определять были ли коллизии между конкретными объектами и вызывать обработчики событий столкновения. . . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL_LoadPNG (без SDL3_image)
8Observer8 11.02.2026
Содержание блога Библиотека SDL3 содержит встроенные инструменты для базовой работы с изображениями - без использования библиотеки SDL3_image. Пошагово создадим проект для загрузки изображения. . .
SDL3 для Web (WebAssembly): Загрузка PNG с прозрачным фоном с помощью SDL3_image
8Observer8 10.02.2026
Содержание блога Библиотека SDL3_image содержит инструменты для расширенной работы с изображениями. Пошагово создадим проект для загрузки изображения формата PNG с альфа-каналом (с прозрачным. . .
Установка Qt-версии Lazarus IDE в Debian Trixie Xfce
volvo 10.02.2026
В общем, достали меня глюки IDE Лазаруса, собранной с использованием набора виджетов Gtk2 (конкретно: если набирать текст в редакторе и вызвать подсказку через Ctrl+Space, то после закрытия окошка. . .
КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2026, CyberForum.ru