0

Сижу уже 2 день голову ломаю. Получаю данные для меток через json из своей базы данных посредством ajax, через geoQuery. Есть карта регионов и меню сбоку со списком регионов, при клике на регион, появляются метки, нужно чтобы при нажатии на другой регион удалились все метки и добавились новые, а сейчас получается, что метки добавляются к старым.

{ "type": "FeatureCollection",  "Features": [
{
  "type": "Feature",
  "geometry": {
    "type": "Point",
    "coordinates": [
      55.088535,
      36.654632
    ]
  },
  "properties": {
    "balloonContent": "MAGAZIN",
    "hintContent": "Только курьерская доставка"
  },
  "options": {
    "preset": "islands#greenDotIcon"
  }
} ]}

В документации Яндекс есть метод remove для GeoQueryResult . GeoQueryResult получается при получении json через geoQuery, но я не могу разобраться из-за слабых знаний js, как правильно работать с этим методом. В моем случае нужно удалять все полученные данные о метках и получить данные о других метках

1

2 ответа 2

0

UPD все оказалось намного проще, из-за слабых знаний js и yandex api изобретал велосипед. Удалял метки из объекта, а надо было с карты. map.geoObjects.removeAll();

$('.job-listing').click(function (e) {
    let elem = $(this),
        id = $(elem).attr('href');
    e.preventDefault();

    $.ajax({
        async: false,
        url: region.ajaxurl,
        data: {
            action: 'map',
            id: id,
        },
        dataType: 'json',
        success: function (response) {
            map.geoObjects.removeAll();
            let objects = response;
                ymaps.geoQuery(objects)
                    .addToMap(map);
        }
    });
    let coordinatsX = Number($(elem).attr('data-coordinatsX')),
        coordinatsY = Number($(elem).attr('data-coordinatsY')),
        zoom = Number($(elem).attr('data-zoom')),
        coordinats = [coordinatsX, coordinatsY];
    map.setCenter(coordinats, zoom, {
        checkZoomRange: true,
        duration: 1000,
    });
});

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

 $('.job-listing').click(function (e) {
    // по клику на ссылку осуществляется ajax запрос и передаются данные для получения объектов в json

    let elem = $(this),
        id = $(elem).attr('href');
    e.preventDefault();

    $.ajax({
        async: false,
        url: region.ajaxurl,
        data: {
            action: 'map',
            id: id,
        },
        dataType: 'json',
        success: function (response) {

       // удалить карту и создать новую с метками
            map.destroy();
            map = new ymaps.Map('map', {
                center: [61.698653, 99.505405],
                zoom: 3,
                type: 'yandex#map',
                controls: ['zoomControl']
            });
            var objects = response;
            ymaps.geoQuery(objects)
                .addToMap(map);
    }
});
  // получаю данные для наведения на карте на область 
    let coordinatsX = Number($(elem).attr('data-coordinatsX')),
        coordinatsY = Number($(elem).attr('data-coordinatsY')),
        zoom = Number($(elem).attr('data-zoom')),
        coordinats = [coordinatsX, coordinatsY];
    map.setCenter(coordinats, zoom, {
        checkZoomRange: true,
        duration: 1000,
    });
});
0

Вот похожий пример из песочницы: https://tech.yandex.ru/maps/jsbox/2.1/object_list добавление/удаление коллекции меток на карте.

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.