POS_troi
@POS_troi
СадоМазо Админ, флудер, троль.

LeaFlet + LeaFlet.search + GeoJSON, поиск по нескольким наборам маркеров?

Приветствую уважаемое сообщество.

Пытаюсь разобраться с "LeaFlet JS". С выводом самой карты и маркеров всё понятно то вот с LeaFlet.search я проблемы решить не могу.

На карту накладывается два набора маркеров, в свою очередь их получаю из GeoJSON файла

Пример GeoJSON
{
"type": "Feature",
"properties": {
  "name": "Что-то этакое",
  "category": "категория 1",
  "popupContent": "Какое-то описание",
  "icon": "green"
  },
"geometry":{
  "type": "Point",
  "coordinates": [37.60869026184082,48.8507382697713]
  }
}


Часть получения GeoJSON данных
function onEachFeature(feature, layer) {
    if (feature.properties && feature.properties.popupContent) {
        layer.bindPopup(feature.properties.popupContent);
    }
};

function setMarkerIcon(feature, latlng) {
    var marker = new L.Marker(latlng, {icon: set_icon(feature.properties.icon)});
    return marker
}


function getMarkers(json_url) {
    var sLayer = new L.GeoJSON.AJAX(json_url, {
        onEachFeature: onEachFeature,
        pointToLayer: setMarkerIcon,
    });
    return sLayer
}


Добавляю поисковый контрол на карту
markersLayer = getMarkers('ololo.olol/data.geojson');
map.addControl( new L.Control.Search({
        layer: markersLayer,
        propertyName: 'name',
    }) );


Поиск по полю 'name', работает просто замечательно.

Вот с этого места у меня начинаются проблемы, я не понимаю как добавить второй набор координат в поиск.
К примеру если объединить наборы в группу

markersLayer0 = getMarkers('ololo.olol/data0.geojson');
markersLayer1 = getMarkers('ololo.olol/data1.geojson');
groupLayer = new L.LayerGroup();

map.addControl( new L.Control.Search({
        layer: groupLayer ,
        propertyName: 'name',
    }) );

map.addLayer(groupLayer );
groupLayer .addLayer(markersLayer0);
groupLayer .addLayer(markersLayer1);

Тут поиск перестаёт работать по любому из слоёв и я не понимаю как решить эту задачу.
Хотя судя по примерам да и исходникам LeaFlet.search, на вход в 'layers:' принимает "L.LayerGroup()" и теоретически должен без проблем обрабатывать группу.

Сильно не пинайте :)
  • Вопрос задан
  • 2588 просмотров
Решения вопроса 1
POS_troi
@POS_troi Автор вопроса
СадоМазо Админ, флудер, троль.
Проблему решил, автор ринял пуллреквест.
Кого интересует то загляните в репу и примеры библиотеки.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Artezio Нижний Новгород
от 130 000 до 180 000 ₽
Artezio Москва
от 160 000 до 220 000 ₽
Sportrecs Москва
от 150 000 до 200 000 ₽
27 нояб. 2020, в 14:53
2500 руб./за проект
27 нояб. 2020, в 14:43
35000 руб./за проект