Как сделать цвет у станций метро?

Question

[Александр Филатов]

Всем привет!
Сделал такую вещь через Яндекс Карты, что по введенному адресу определяется ближайшее метро и появляется в блоке
<div id="metro_name">метро Бунинская аллея</div>

Здесь пример

Как сделать чтобы еще выводился цвет линии станции метро?...

можно сделать на php,?
например если значение <div id="metro_name">метро Бунинская аллея</div>
то <div id="metro_name"><i class="light_blue"></i>...

если значение <div id="metro_name">метро Фрунзенская</div>
то <div id="metro_name"><i class="red"></i>...

Comments

[Kovalsky]

Во-первых, обертка <i> вроде бы лишняя; во-вторых, цветов не так уж много, сотворить индекс - 2 минуты.

[Александр Филатов]

Никита Полевой, Спасибо!

как правильно прописать условия?

<?php
if ...
...
?>

[Kovalsky]

Александр Филатов, в индексе смотрите к какой линии относится станция и выбираете соответствующий цвет/стиль.

Индекс какой-то такой

{
	"Сокольническая": {
		"color": "D92B2C",
		"stations": ["Бульвар Рокоссовского", "Черкизовская", "Преображенская площадь", "Сокольники", "Красносельская", "Комсомольская", "Красные Ворота", "Чистые пруды", "Лубянка", "Охотный Ряд", "Библиотека имени Ленина", "Кропоткинская", "Парк культуры", "Фрунзенская", "Спортивная", "Воробьёвы горы", "Университет", "Проспект Вернадского", "Юго-Западная", "Тропарёво", "Румянцево", "Саларьево"]
	},
	"Замоскворецкая": {
		"color": "4DBE52",
		"stations": ["Ховрино", "Речной вокзал", "Водный стадион", "Войковская", "Сокол", "Аэропорт", "Динамо", "Белорусская", "Маяковская", "Тверская", "Театральная", "Новокузнецкая", "Павелецкая", "Автозаводская", "Технопарк", "Коломенская", "Каширская", "Кантемировская", "Царицыно", "Орехово", "Домодедовская", "Красногвардейская", "Алма-Атинская"]
	},
	"Арбатско-Покровская": {
		"color": "2C75C4",
		"stations": ["Пятницкое шоссе", "Митино", "Волоколамская", "Мякинино", "Строгино", "Крылатское", "Молодёжная", "Кунцевская", "Славянский бульвар", "Парк Победы", "Киевская", "Смоленская", "Арбатская", "Площадь Революции", "Курская", "Бауманская", "Электрозаводская", "Семёновская", "Партизанская", "Измайловская", "Первомайская", "Щёлковская"]
	},
	"Филёвская": {
		"color": "4DC6F4",
		"stations": ["Кунцевская", "Пионерская", "Филёвский парк", "Багратионовская", "Фили", "Кутузовская", "Студенческая", "Международная", "Выставочная", "Киевская", "Смоленская", "Арбатская", "Александровский сад"]
	},
	"Кольцевая": {
		"color": "85412E",
		"stations": ["Парк культуры", "Октябрьская", "Добрынинская", "Павелецкая", "Таганская", "Курская", "Комсомольская", "Проспект Мира", "Новослободская", "Белорусская", "Краснопресненская", "Киевская"]
	},
	"Калужско-Рижская": {
		"color": "F07025",
		"stations": ["Медведково", "Бабушкинская", "Свиблово", "Ботанический сад", "ВДНХ", "Алексеевская", "Рижская", "Проспект Мира", "Сухаревская", "Тургеневская", "Китай-город", "Третьяковская", "Октябрьская", "Шаболовская", "Ленинский проспект", "Академическая", "Профсоюзная", "Новые Черёмушки", "Калужская", "Беляево", "Коньково", "Тёплый Стан", "Ясенево", "Новоясеневская"]
	},
	"Таганско-Краснопресненская": {
		"color": "89339E",
		"stations": ["Планерная", "Сходненская", "Тушинская", "Спартак", "Щукинская", "Октябрьское Поле", "Полежаевская", "Беговая", "Улица 1905 года", "Баррикадная", "Пушкинская", "Кузнецкий Мост", "Китай-город", "Таганская", "Пролетарская", "Волгоградский проспект", "Текстильщики", "Кузьминки", "Рязанский проспект", "Выхино", "Лермонтовский проспект", "Жулебино", "Котельники"]
	},
	"Солнцевская": {
		"color": "FBC81E",
		"stations": ["Раменки", "Ломоносовский проспект", "Минская", "Парк Победы", "Деловой центр"]
	},
	"Калининская": {
		"color": "FBC81E",
		"stations": ["Третьяковская", "Марксистская", "Площадь Ильича", "Авиамоторная", "Шоссе Энтузиастов", "Перово", "Новогиреево", "Новокосино"]
	},
	"Серпуховско-Тимирязевская": {
		"color": "9F9F9F",
		"stations": ["Алтуфьево", "Бибирево", "Отрадное", "Владыкино", "Петровско-Разумовская", "Тимирязевская", "Дмитровская", "Савёловская", "Менделеевская", "Цветной бульвар", "Чеховская", "Боровицкая", "Полянка", "Серпуховская", "Тульская", "Нагатинская", "Нагорная", "Нахимовский проспект", "Севастопольская", "Чертановская", "Южная", "Пражская", "Улица Академика Янгеля", "Аннино", "Бульвар Дмитрия Донского"]
	},
	"Люблинско-Дмитровская": {
		"color": "A8D92D",
		"stations": ["Петровско-Разумовская", "Фонвизинская", "Бутырская", "Марьина роща", "Достоевская", "Трубная", "Сретенский бульвар", "Чкаловская", "Римская", "Крестьянская застава", "Дубровка", "Кожуховская", "Печатники", "Волжская", "Люблино", "Братиславская", "Марьино", "Борисово", "Шипиловская", "Зябликово"]
	},
	"Каховская": {
		"color": "80D4C9",
		"stations": ["Каширская", "Варшавская", "Каховская"]
	},
	"Бутовская": {
		"color": "B0BFE7",
		"stations": ["Битцевский парк", "Лесопарковая", "Улица Старокачаловская", "Улица Скобелевская", "Бульвар Адмирала Ушакова", "Улица Горчакова", "Бунинская аллея"]
	},
	"Московский монорельс": {
		"color": "2C75C4",
		"stations": ["Тимирязевская", "Улица Милашенкова", "Телецентр", "Улица Академика Королёва", "Выставочный центр", "Улица Сергея Эйзенштейна"]
	},
	"Московский монорельс": {
		"color": "2C75C4",
		"stations": ["Тимирязевская", "Улица Милашенкова", "Телецентр", "Улица Академика Королёва", "Выставочный центр", "Улица Сергея Эйзенштейна"]
	},
	"Московское центральное кольцо": {
		"color": "FFFFFF",
		"stations": ["Окружная", "Владыкино", "Ботанический сад", "Ростокино", "Белокаменная", "Бульвар Рокоссовского", "Локомотив", "Измайлово", "Соколиная Гора", "Шоссе Энтузиастов", "Андроновка", "Нижегородская", "Новохохловская", "Угрешская", "Дубровка", "Автозаводская", "ЗИЛ", "Верхние Котлы", "Крымская", "Площадь Гагарина", "Лужники", "Кутузовская", "Деловой центр", "Шелепиха", "Хорошёво", "Зорге", "Панфиловская", "Стрешнево", "Балтийская", "Коптево", "Лихоборы"]
	}
}

[Александр Филатов]

Спасибо.
Как правильно его прописать в php?

Answer 1

[Александр Филатов]

Ответ найден в скрипте делаем стили для каждой станции

var metroData = {
      \"метро Площадь Революции\": \"metro_red\",
      \"метро Бабушкинская\": \"metro_orange\",
      \"метро ВДНХ\": \"metro_orange\",
      \"метро Кропоткинская\": \"metro_red\",
      \"метро Щукинская\": \"metro_purple\",
    };