Один и тот же маркер React-Leaflet на нескольких слоях

Как я могу добавить один и тот же маркер в несколько слоев в листке реакции?

Например:

У меня есть приложение для поиска ресторанов с помощью буклетов React, и каждый маркер - это отдельный ресторан. Я хочу иметь LayerControl, чтобы фильтровать их по типу и рейтингу (1..5 звезд).

У меня может быть LayerConatrol.Overlay для фильтрации по типам (например, Buffet), но я также хочу фильтровать по рейтингу. Если у меня есть тип ресторана = 'шведский стол' и рейтинг = 4, как я могу сделать это для отображения маркера только тогда, когда отмечены тип шведского стола и рейтинг 4 звезды.

Я использую response-leaflet v3.

что ты уже испробовал? У вас есть образец набора данных, с которым мы можем поиграть? Я рекомендую не добавлять один и тот же маркер к нескольким слоям, так как он будет отображать множество маркеров на одном и том же месте, что является пустой тратой процессора и будет увеличивать тень маркера (если вы ее используете). Было бы лучше создать настраиваемый элемент управления слоями, который применяет фильтры к одному набору данных и отображает только маркеры, передающие параметры фильтра. Если вы создадите образец codeandbox или codepend, мы сможем помочь вам в этом лучше.

Seth Lutske 09.04.2021 18:42
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
0
1
14
0

Другие вопросы по теме