1

Как в яндекс мап сгруппировать объекты, добавленные в ObjectManager в GeoObjectCollection для того, чтобы управлять их свойствами? Есть набор различных объектов (geoObjects), которые на карте должны быть выделены разными цветами (в частности fillColor и strokeColor). Сами эти свойства не хранятся в базе и должны назначаться после добавления их на карту. Объекты добавляются в objectManager через запрос:

$.ajax({
        url: "/.../object/objects-json",
        dataType: "json",
        success: function(data) {
        objectManager.add(data);
        }
    });

и на сколько я понял из описания objectManager, в нем нет возможности группировать объекты по коллекциям GeoObjectCollection, а значит и нет возможности задавать свойства отдельным группам объектов. Так ли это? Например код:

objectManager.objects.options.set("fillColor", "fff000");

меняет свойство всех объектов objectManager

Вопрос: как сделать возможным изменение свойств разных групп объектов в objectManager? Если это не возможно, то какие варианты есть?

Пример содержимого data:

{
    "type": "FeatureCollection",
    "features": [
        {"type": "Feature", "id": 0, "geometry": {"type": "Circle", "coordinates": [...], "radius": 1}, "properties": {"hintContent": "Текст"}},
        {"type": "Feature", "id": 1, "geometry": {"type": "Polygon", "coordinates": [...]}, "properties": {"hintContent": "Текст"}},
        {"type": "Feature", "id": 2, "geometry": {"type": "Polyline", "coordinates": [...]}, "properties": {"hintContent": "Текст"}},
        {"type": "Feature", "id": 3, "geometry": {"type": "Point", "coordinates": [...]}, "properties": {"hintContent": "Текст"}}
    ]
}

Спасибо!

2
  • Что именно не получилось? Объясните более техническим языком (неплохо будет если покажете код, от которого вы ожидали решения вашей проблемы и напишете чем его результат отличается от ожидаемого) 10 мар 2016 в 16:13
  • дополнил вопрос
    – Monitorkin
    12 мар 2016 в 8:18

1 ответ 1

1

Вот пример с созданием двух коллекций, заданием параметров объектов внутри коллекций и изменением параметра уже после добавления объектов (это может быть сделано, например, по какому-либо событию)

ymaps.ready(function() {
	var map = new ymaps.Map("map", {
            center: [55.76, 37.64], 
            zoom: 7
        });
    // Cоздаем две коллекции
    var redObjects = new ymaps.GeoObjectCollection({}, {
        preset: "islands#redCircleIcon"
    });
    var blueObjects = new ymaps.GeoObjectCollection({}, {
        preset: "islands#blueCircleIcon"
    });
    // Добавляем их на карту
    map.geoObjects.add(redObjects);
    map.geoObjects.add(blueObjects);
    // Добавляем в коллекции метки
    redObjects.add(new ymaps.Placemark([55.8, 37.5]));
    redObjects.add(new ymaps.Placemark([55.9, 37.7]));
    blueObjects.add(new ymaps.Placemark([55.4, 37.3]));
    blueObjects.add(new ymaps.Placemark([55.7, 37.6]));
    blueObjects.add(new ymaps.Placemark([55.5, 37.8]));
    // Меняем вид иконок
    blueObjects.options.set("preset", "islands#blueIcon");
});
<script src="http://api-maps.yandex.ru/2.1/?lang=ru-RU"></script>
<div id="map" style="width: 500px; height: 280px"></div>

Дополнено:

Если принципиально добавлять через ObjectManager, то на результат это повлияет мало. Все равно в geoObjects будет список объектов типа GeoObject. Но можно организовать этап парсинга ваших данных при помощи API. Для этого результат запроса следует преобразовать в GeoQueryResult и к результату уже можно применять параметры (цвет, толщина ...). Причем его также можно менять для получившейся "коллекции" целиком. Вот пример:

ymaps.ready(function() {
	var map = new ymaps.Map("map", {
			center: [55.76, 37.64], 
			zoom: 7
		});
	var data1 = {
		"type": "FeatureCollection",
		"features": [
			{"type": "Feature", "id": 1, "geometry": {"type": "Circle", "coordinates": [56.2, 37.3], "radius": 50000}, "properties": {"hintContent": "Текст"}},
			{"type": "Feature", "id": 1, "geometry": {"type": "Polygon", "coordinates": [[[56.2, 37.2], [55.3, 37.7], [56.1, 37.9]]]}, "properties": {"hintContent": "Текст"}},
			{"type": "Feature", "id": 2, "geometry": {"type": "LineString", "coordinates": [[55.7, 37.1], [55.2, 37.6], [56.1, 38.4]]}, "properties": {"hintContent": "Текст"}}
		]
	};
	var data2 = {
		"type": "FeatureCollection",
		"features": [
			{"type": "Feature", "id": 1, "geometry": {"type": "Circle", "coordinates": [56.9, 37.3], "radius": 50000}, "properties": {"hintContent": "Текст"}}
		]
	};
	var gq1 = ymaps.geoQuery(data1);
	var gq2 = ymaps.geoQuery(data2);
	gq1.setOptions({
		strokeColor: '#f00',
		strokeWidth: 4,
		fillColor: '#00ff0040'
	});
	gq2.setOptions({
		strokeColor: '#0f0',
		strokeWidth: 2,
		fillColor: '#0000ff40'
	});
	gq1.addToMap(map);
	gq2.addToMap(map);
	$('#blue').on('click', function() {
		gq1.setOptions({
			strokeColor: '#00f'
		});
	})
});
<button id="blue">Сделать синим</button>
<div id="map" style="width: 500px; height: 400px"></div>
<script src="https://yastatic.net/jquery/1.12.0/jquery.min.js"></script>
<script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU"></script>

Кстати обратите внимание: типа геометрии "Polyline" не предусмотрено. Из похожего есть "LineString"

Дубль 3

Действительно ObjectManager более оптимальный вариант для большого количества объектов. И в Map.geoObjects каждый ObjectManager представлен отдельным объектом, а отображением объектов занимаются уже непосредственно ObjectManager'ы. Думаю, решение вашей задачи очень простое: добавить нужное количество ObjectManager'ов.

ymaps.ready(function() {
	var map = new ymaps.Map("map", {
			center: [55.76, 37.64], 
			zoom: 7
		});
	var data1 = {
		"type": "FeatureCollection",
		"features": [
			{"type": "Feature", "id": 1, "geometry": {"type": "Circle", "coordinates": [56.2, 37.3], "radius": 50000}, "properties": {"hintContent": "Текст"}},
			{"type": "Feature", "id": 2, "geometry": {"type": "Polygon", "coordinates": [[[56.2, 37.2], [55.3, 37.7], [56.1, 37.9]], []]}, "properties": {"hintContent": "Текст"}},
			{"type": "Feature", "id": 3, "geometry": {"type": "LineString", "coordinates": [[55.7, 37.1], [55.2, 37.6], [56.1, 38.4]]}, "properties": {"hintContent": "Текст"}}
		]
	};
	var data2 = {
		"type": "FeatureCollection",
		"features": [
			{"type": "Feature", "id": 1, "geometry": {"type": "Circle", "coordinates": [56.9, 37.3], "radius": 50000}, "properties": {"hintContent": "Текст"}}
		]
	};
	var om1 = new ymaps.ObjectManager();
	var om2 = new ymaps.ObjectManager();
	om1.add(data1);
	om2.add(data2);
	om1.objects.options.set({
		strokeColor: '#f00',
		strokeWidth: 4,
		fillColor: '#00ff0040'
	});
	om2.objects.options.set({
		strokeColor: '#0f0',
		strokeWidth: 2,
		fillColor: '#0000ff40'
	});
	map.geoObjects.add(om1);
	map.geoObjects.add(om2);
	$('#blue').on('click', function() {
		om1.objects.options.set({
			strokeColor: '#00f'
		});
	})
});
<button id="blue">Сделать синим</button>
<div id="map" style="width: 500px; height: 280px"></div>
<script src="https://yastatic.net/jquery/1.12.0/jquery.min.js"></script>
<script src="https://api-maps.yandex.ru/2.1/?lang=ru_RU"></script>

9
  • подобный пример видел, но в нем объекты добавляются не через objectManager (а это принципиально, потому что объектов очень много), а поштучно.
    – Monitorkin
    12 мар 2016 в 10:53
  • Видимо все равно я плохо понял ваш вопрос. Давайте разбираться. Что именно у вас добавляется на карту? Покажите пример содержимого переменной data из строки objectManager.add(data); И какова цель разделения на группы? 12 мар 2016 в 11:56
  • дополнил вопрос.., цель разделения на группы - после загрузки данных с сервера присвоить определенной группе определенные цвета отображения на карте После этого все объекты одной группы выглядят одним цветом, при этом сэкономить трафик при загрузке, потому что смысла хранить цвета объектов в базе нет, но пока это по моему единственный вариант (хранить в базе уже подготовленные данные для каждого объекта)
    – Monitorkin
    12 мар 2016 в 16:16
  • здорово!, это то что надо!, прошу вас показать код как загрузить gq1 и gq2 в objectManager (у меня не получилось)
    – Monitorkin
    12 мар 2016 в 22:50
  • зачем вам это нужно? почему вы хотите добавлять именно в него, а не добавлять GeoQueryResult на карту? и, кстати, как у вас определена переменная objectManager? 12 мар 2016 в 22:58

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

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