Привет Всем!!!
Подскажите как правильно сделать.
Есть интерактивная карта с планом участков (200 с лишним). Каждый участок в зависимости от состояния(status) (продан, в продаже, в резерве) имеет свой цвет.
Нужно чтобы после загрузки страницы с помощью jQuery они окрасились в нужный цвет.
Информация об участках имеет следующий вид:
var genplan = [
{'number': 1, 'status': 1, 'area': '10.61 сотки', 'price': 150000},
{'number': 2, 'status': 2, 'area': '20.61 сотки', 'price': 250000},
{'number': 3, 'status': 3, 'area': '215.61 сотки', 'price': 350000},
{'number': 4, 'status': 1, 'area': '18.1 сотки', 'price': 350000}
]
На странице HTML SVG
<svg>
<path class="part" d="m 38.734819,343.02998 19.890854,-5.93236 17.099154,19.89085 -18.843966,6.28132 z" number="1"/>
<path class="part" d="m 79.563413,331.51422 16.750192,19.54189 -20.588778,5.93236 -17.099154,-19.89085 z" number="2"/>
<path class="part" d="m 104.33974,323.48809 14.30745,18.495 -22.333585,9.07302 -16.750192,-19.54189 z" number="3"/>
</svg>
Аттрибут "number" - это номер участка.
Через jQuery в зависимости от состояния добавляю атрибут fill="цвет"
Если прогонять массив через "map" и выбирать на странице все атрибуты через each (или наоборот), то это будет дохрена запросов.
Как Реализовать такое с минимальной нагрузкой?