Как реализовать фильтр по станциям метро в виде карты в modx revo?

Question

[Сергей Алпеев]

Добрый день, подскажите пожалуйста каким образом можно получать станции метро у ресурсов и показывать их на нарисоватой карте в виде замаскированных чекбоксов , а потом по ним осуществлять фильтрацию? пример тут www.4estate.ru , нужно в фильтрах возле "Метро" нажать выбрать

Answer 1

[Евгений Петров]

Немного непонятен вопрос.

1. Любая схема транспорта есть заранее известная структура. Примерно такого рода:

{
	Линия_метро_1: {
		Станция_метро_1: {
			Имя: '',
			...
		},
		Станция_метро_2: {
			Имя: '',
			...
		},
		...
	},
	Линия_метро_2: {
		Станция_метро_1: {
			Имя: '',
			...
		},
		Станция_метро_2: {
			Имя: '',
			...
		},
		...
	},
	...
}

С другим транспортом тоже всё ясно — только вместо линий метро будут номера маршрутов, а станции метро заменятся на остановки.

2. Обработав такую схему, формируем группы флажков (+ label) и (при необходимости) дополнительные html-элементы (можно и svg). Стили пишутся отдельно, исходя из макета интерфейса.

3. Клик на label приводит к смене статуса флажка и соответствующему визуальному представлению этого элемента и связанного с ним дополнительного (если такой был создан).

4. Клик на флажке, отвечающим за группу, проделывает ту же операцию, но с каждым флажком из группы. Можно просто вызвать клик на всех флажках группы.

Примерно так codepen.io/cleric/pen/aBkrl

Comments

[Сергей Алпеев]

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

[Евгений Петров]

@QTnub codepen.io/cleric/pen/aBkrl

[Сергей Алпеев]

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

[Евгений Петров]

В любом случае для объектов на карте (неважно — вашей или чужой) обязательно нужны координаты.

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

Вы их можете зашить координаты в стилях, но это — решение похуже и требует не только работы оператора баз данных, но и верстальщика. Поверьте, так делать не рекомендуется.

[Сергей Алпеев]

я понимаю , а как же тогда определять координаты ? прописать в скрипте все названия станции метро , задать им координаты , а потом находить станции в объектах недвижимости , смотреть координату зашитую в скрипте и выводить на свое место?

[Евгений Петров]

@QTnub у вас есть некая картинка, поверх которой выводятся станции. Вы задаёте координаты в пикселях относительно левого верхнего угла именно этой картинки. Далее картинка кладётся фоном (или просто как img), строятся станции по этим координатам, можно и саму линию (а то SVG зачем нам даден?).

Для другой картинки формируются другие координаты. Понятно?

[Евгений Петров]

@QTnub повторю, что станции метро известны заранее, а не получаются в результате некоего парсинга.

[Сергей Алпеев]

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

[Евгений Петров]

@QTnub если нет ничего визуального, то результат абсолютно неизвестной схемы транспорта можно сформировать в виде обычного списка после парсинга какого-источника.

Если же вы хотите работать с визуальной схемой, то у вас должно быть описание стилей для каждой линии и станции на этих линиях. Всех. Вы откуда эти стили для станций (позиция) и других визуальных тонкостей (фоновые картинки, цвета и прочее) возьмёте? Из парсинга?

[Сергей Алпеев]

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

[Евгений Петров]

@QTnub так сразу и сказали бы, что интерфейс уже есть:) Тогда что вам вообще даёт парсинг? Информацию о том, используется ли эта станция метро в списке объектов?

[Евгений Петров]

@QTnub если это так, то да — просто формируем параметр у станции (и ещё количество объектов). При клике на станцию показываем список объектов, привязанных к ней. Если объектов 0, то ничего не происходит.

[Сергей Алпеев]

да теперь все стало на свои места)