Добрый день!

как реализовать фильтр чтобы

objectManager.setFilter('id ==  было равно то что я ввожу из <input type ='text' name ='id'</input>');

Пожалуйста помогите

если можно более подробным примером

СПАСИБО

Подскажите пожалуйста возможно ли реализовать  фильтрацию  меток  в objectManager  через checkbox в html.

На примере: https://tech.yandex.ru/maps/jsbox/2.1/object_manager_geojson

Метки фильтруються из списка на самой карте.

Можно ли вынисти их за пределы карты в html

как в примере: https://tech.yandex.ru/maps/jsbox/2.1/geoobjects_menu

Тяжел разобраться) в JS слабак... Носом тыкнете в нужную сторону... Пожалуйста!

Всем привет!

Прошу сильно не кричать, но очень прошу помочь))) Карту для сайта начал собирать неделю назад и знакомиться с документацией и примерами тоже. Собрал рабочий пример, но теперь не могу разобраться, как создать фильтрацию в нем - необходимо добавить один параметр (например, день недели) с несколькими чекбоксами (события в понедельник, во вторник и т.д.), по которым бы и производилась фильтрация и показывались/скрывались метки.

Собственно сам пример кода

<script type="text/javascript">
ymaps.ready(init);

function init () {
    var myMap = new ymaps.Map("map", {
            center: [55.167102, 61.397612],
            zoom: 11,
            controls: []
        }, {
            searchControlProvider: 'yandex#search',
            suppressMapOpenBlock: true
        });

myPlacemark1 = new ymaps.Placemark([55.167418, 61.379358], {
balloonContent: '1'
}, {
            iconLayout: 'default#image',
            iconImageHref: 'URL',
            iconImageSize: [26, 42],
            iconImageOffset: [-13, -42],
            balloonPanelMaxMapArea: 0
        }), 

myPlacemark2 = new ymaps.Placemark([55.162772, 61.292724], {
balloonContent: '2'
}, {
            iconLayout: 'default#image',
            iconImageHref: 'URL',
            iconImageSize: [26, 42],
            iconImageOffset: [-13, -42],
            balloonPanelMaxMapArea: 0
        }), 

myPlacemark3 = new ymaps.Placemark([55.194160, 61.362174], {
balloonContent: '3'
}, {
            iconLayout: 'default#image',
            iconImageHref: 'URL',
            iconImageSize: [26, 42],
            iconImageOffset: [-13, -42],
            balloonPanelMaxMapArea: 0
        }), 

myPlacemark4 = new ymaps.Placemark([55.142332, 61.375979], {
balloonContent: '4'
}, {
            iconLayout: 'default#image',
            iconImageHref: 'URL',
            iconImageSize: [26, 42],
            iconImageOffset: [-13, -42],
            balloonPanelMaxMapArea: 0
        }), 
clusterer = new ymaps.Clusterer({
        clusterBalloonContentLayoutWidth: 330,
        clusterBalloonContentLayoutHeight: 300,
        clusterBalloonAccordionShowIcons: false,
        clusterBalloonContentLayout: 'cluster#balloonAccordion',
        clusterDisableClickZoom: true,
        clusterOpenBalloonOnClick: true,
            clusterIcons: [{
                href: 'URL',
                size: [45, 55],
                offset: [-22, -55]
            }]});

clusterer.add(myPlacemark1).add(myPlacemark2).add(myPlacemark3).add(myPlacemark4);
var myBalloonLayout = ymaps.templateLayoutFactory.createClass();
ymaps.layout.storage.add();

myMap.geoObjects.add(clusterer);
}

</script>

Выводить метки через myPlacemark№ очень удобно в моем случае. Как устроить фильтрацию на данном примере?

Добрый день.

Фильтрую метки слеюдующим способом:

YAMAP.MMObjectManager.setFilter(function (object) {
    return object.properties.FILTER.CLASS == "Премиум";
});

С Фильтром все ок, но я не пойму как мне получить список отфильтрованных объектов?
 

Добрый день.

Вот, пытаюсь реализовать фильтрацию меток черех ObjectManager. 
Собственно карта: https://github.com/Theder/eco-project/blob/OlegZ/map.php
Обработчик карты: https://github.com/Theder/eco-project/blob/OlegZ/map/geoobjects_menu.js

Проблема в том, что используя objectManager.setFilter(), то придется прописывать его каждого состояния  чекбоксов. Но в результате, код будет не гибким. 

Есть ли какие-то примеры реализации фильтрации с ObjectManager.

Имеется множество координат, возможно их выводить сбоку как в примере поиска организаций? прим. https://yandex.ru/maps/213/moscow/?text=%D0%93%D0%B4%D0%B5%20%D0%BF%D0%BE%D0%B5%D1%81%D1%82%D1%8C&sll=37.620393%2C55.753960&sspn=2.068176%2C0.665271 

Интерисует сам список результатов поиска, который обновляется в зависимости от выбора города, адреса (в строке поиска), либо зума по карте.

Направьте в какую сторону копать. Спасибо. 

1) Точки, выгружаемые из базы, сохранённые кошерно и они выводятся с помощью xml файла через geoXml. В мета данных у этих объектов есть параметр type, котоырй означает что эта точка относится к какому-то определённому типу. type = id категории например.

2) Есть менюха с типами (категориями) этих самых точке в виде чекбоксов.

Задача: отфильтровать это самое дело по этим типам. По умолчанию выделены все типы. При снятии галки пытаюсь отсеить ненужное, но получается какая-то ерунда, либо ничего не работает, либо всё удаляется.

Пытался раскуривать вот это, но что-то по ходу мозгов у мну не хватает категорически. Очень прошу помощи.

Вот что я навоял  в коде самой страницы есть js вот такого вида 

 ymaps.ready(function() {           

homeMap = new ymaps.Map('homeBigMap',{center: [53.419121,59.067168 ] ,zoom: 8,type: "yandex#map"});

            homeMap.controls

                .add("zoomControl")

                .add(new ymaps.control.TypeSelector(["yandex#map","yandex#hybrid", "yandex#publicMap"]));

            var balloonTpl ='<div class="mapItemRow">';

            balloonTpl+='<h3  class="mapItemRowTitle"><a href="$[properties.metaDataProperty.AnyMetaData.link]">$[properties.name]</a></h3>';

            balloonTpl+='<div class="mapItemRowLinkOuter"><a class="mapItemRowLink" href="$[properties.metaDataProperty.AnyMetaData.link]">Подробнее →</a></div>';

            balloonTpl+='</div>';

            window.myObjects = ymaps.geoQuery(ymaps.geoXml.load("http://xn---74-6cda1a0bzbkdetf.xn--p1ai/pointslist.xml").then(function(res){

                homeMap.geoObjects.add(res.geoObjects);

                res.geoObjects.options.set({ balloonContentBodyLayout: ymaps.templateLayoutFactory.createClass(balloonTpl)});

            }));

            myObjects.addToMap(homeMap);

            $(document).on('change','input[name="discountType"]', function() {

                var shownObjects,

                    checked = new ymaps.GeoQueryResult(),

                    uncheked = new ymaps.GeoQueryResult();

                $('input[name="discountType"]').each(function(i,item){

                    if($(this).prop('checked')){

                        checked.add(myObjects.search('properties.metaDataProperty.AnyMetaData.type == "'+$(this).val()+'"'));

                    }else{

                        uncheked.add(myObjects.search('properties.metaDataProperty.AnyMetaData.type == "'+$(this).val()+'"'));

                    }

                    shownObjects = checked.add(uncheked).addToMap(homeMap);;

                    myObjects.remove(shownObjects).removeFromMap(homeMap);

                });

            });

        });

 Решение

    ymaps.ready(function() {

        homeMap = new ymaps.Map('homeBigMap',{center: [53.419121,59.067168 ] ,zoom: 11,type: "yandex#map"});

        homeMap.controls

            .add("zoomControl")

            .add(new ymaps.control.TypeSelector(["yandex#map","yandex#hybrid", "yandex#publicMap"]));

        var balloonTpl ='<div class="mapItemRow">';

        balloonTpl+='<h3  class="mapItemRowTitle"><a href="$[properties.metaDataProperty.AnyMetaData.link]">$[properties.name]</a></h3>';

        balloonTpl+='<div class="mapItemRowLinkOuter"><a class="mapItemRowLink" href="$[properties.metaDataProperty.AnyMetaData.link]">Подробнее →</a></div>';

        balloonTpl+='</div>';

        window.myObjects = ymaps.geoQuery(ymaps.geoXml.load("{{ URL::route('XMLpointslist', array(strtotime(Sale::orderBy('updated_at', 'DESC')->first()->updated_at))) }}").then(function(res){

            res.geoObjects.options.set({ balloonContentBodyLayout: ymaps.templateLayoutFactory.createClass(balloonTpl)});

        }));

        myObjects.addToMap(homeMap);

    });

    $(document).on('change','input[name="discountType"]',function(){

        var search = myObjects.search('properties.metaDataProperty.AnyMetaData.type == "'+$(this).val()+'"'); //  ищим точки, которые соответствуют типу

        if(search.getLength()){   // проверяем найдено чего или нет

            if($(this).prop('checked')){

                myObjects.add(search).addToMap(homeMap); // если галка была установлена, то добавляем их на карту

            }else{

                myObjects.remove(search).removeFromMap(homeMap); // если снята, то убираем с карты

            }

        }

    });

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

Подскажите, пожалуйста, новичку, как можно сделать группировку точек на карте в списки и фильтры, наподобие как здесь:

http://www.yar-edudep.ru/big_map#

И может ли такую карту создавать обычный администратор, или только программист?

Добрый день!

Есть карта, на которой изображен некий географический объект (заповедник), прорисованы границы, стоянки, дома отдыха и т.д.

Все эти объекты необходимо скрывать и показывать по нажатию на ссылки около карты (экспликация). Как это лучше всего реализовать?

Притом: все объекты типа точка запихануты в один массив для того, чтобы была кластеризация.

Добрый день

Задача - сделать фильтр по карте. Рассмотрим простейший вариант.

При нажатии на кнопку с id='onlyhand' остаются метки с propetries.name содержащим слово "участок"

Объекты на кару размещаются из xml добавлением в класстер clusterer.

Для начала я попробовал сделать перебор кластера методом each, оказалось что он перебирает только метки в зоне видимости и не объединенные в класстер.

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

$('#onlyhand').click(function(){
    clusterer.each(function (geoObject){
        clusterer.remove(geoObject);
    });
});

Привет всем недавно я спросил у бабушки-бетмена как делать зависимые селекты, что бы карта открывалась в выбранном регионе он мне кинул эту ссылку. В общем у меня вопросик а где брать эти самые кардинаты городов областей. Мне, например, надо по всей Беларуси. Зарание большое спасибо.

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

Пример на который можно опираться:

кухни->Виды кухонь(АХиатская, Европейская, Кавказская)->Адреса ну или не адреса а оставшиесья метки..

возник вопрос. есть карта,объекты на которую добавляются через data.php файл,в котором сгенерирован xml объекты из базы данных. необходимо без перезагрузки страницы осуществлять фильтрацию-поиск объектов на этой карте (т е удалить старые и нарисовать найденные).  карта загружается следующим образом

 ymaps.ready(init);

        function init () {
            myMap = new ymaps.Map("Map", {
                    center: [53.904098,27.547099],
                    zoom: 12
                });

res=ymaps.geoXml.load(url)
                .then(function (res) {

//код добавления и кластеризации

});

подскажите,в каком направлении думать?

возможно ли каким-то образом осуществить с помощью аякса типа

 function doupdate(){

// myMap.geoObjects.remove(placemarks);
 var res = $.ajax({
    'type': 'POST',
    'url': '/data.php',
    'data': '',
    'success': function (res) {
   }

    })
} где в дату помещать параметры поиска. как потом полученный ответ опять разместить на карте?

Помогите решить проблему с удалением определенных меток с карты после их добавления.

Суть следующая:

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

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

Насколько я понимаю map.removeOverlay(placemark); не может удалять уже добавленные метки, исходя из полученных данных. И заносить эти метки в группы по чекбоксам тоже наверно не получится, потому что чекбоксов будет очень много. Или же я изначально не правильно начал реализацию данной идеи.

Подскажите в чем дело?

Есть пример добавления меток пользователями и вывод их по категориям http://webmap-blog.ru/examples/vivodpoints-2.html. Все работает хорошо, но есть одна проблема. Когда добавляются несколько меток подряд на карту для одной категории, третья метка два раза заноситься в базу данных. Прошу подсказать, почему это происходит?

Доброго всем.
Суть проблемы - у меня отдельным скриптом (не js) строится список объектов. Вторым скриптом строяться метки этих объектов на карте. При клике на метку на карте - у меня все нормально открывается ballon и выделяется указанный объект по id. А вот как сделать обратное мне не понять.

При загрузку страницы у меня есть уже все объекты и все их метки на карте. При клике на объект мне надо открыть принадлежащий ему ballon не скрывая всех. Поступить как в примере с "вокзалами" не могу.

         var group;

        // Создание обработчика для события window.onLoad
        YMaps.jQuery(function () {
            // Создание экземпляра карты и его привязка к созданному контейнеру
            var map = new YMaps.Map(YMaps.jQuery("#YMapsID")[0]);

            // Установка для карты ее центра и масштаба
            map.setCenter(new YMaps.GeoPoint(37.64, 55.76), 6);
            map.enableScrollZoom();

            // Группа объектов
            group = new YMaps.GeoObjectCollection();
            map.addOverlay(group);

            // Добавление объектов
            var placemark = new YMaps.Placemark(new YMaps.GeoPoint(37, 55));
            placemark.id = 1;
            group.add(placemark);

            var placemark2 = new YMaps.Placemark(new YMaps.GeoPoint(36, 54));
            placemark2.id = 2;
            group.add(placemark2);
        })

Код фильтрации и вызова ballon:

        function openPlacemarkById (id) {
            var filterObjects = group.filter(function (obj) {
                return obj.id == id;
            });

            filterObjects[0].openBalloon();

            return false;
        }

Ну и совсвенно код ссылки:

<a href="#"onclick="return openPlacemarkById(1)">1</a>


За помощь спасибо   - собственно он и автор этого всего )))