Ожидаете ли вы, что пользователи прочитают карту, чтобы узнать, к какому списку флажков перейти? Если у ваших пользователей географический уровень ниже уровня, им будет труднее выбирать регионы непосредственно на карте, чем делать так, чтобы они осуществили когнитивную передачу с карты на уровень близости, а затем уровень близости к уровню. передача региона.
Если некоторые пользователи не имеют такого уровня географической экспертизы (вы можете быть удивлены тем, сколько американцев не могут найти свое собственное государство на карте США), то я бы попробовал, возможно, в дополнение к карте, не более двух списков. один проксимальный (по умолчанию) с регионами, близкими к домашнему адресу, и один исчерпывающий. Я не вижу, чтобы пользователи со слабыми географическими способностями могли обрабатывать несколько произвольных уровней близости. Люди, которые плохо читают карты, не смогут оценить уровень близости одного региона к другому. Так что идея состоит в том, чтобы попробовать проксимальный список, и если это не сработает, тогда забудьте о близости и сделайте исчерпывающий - не отправляйте своих пользователей, блуждающих среди уровней близости, ищущих Айдахо («Я клянусь, это около Индианы»). *
По умолчанию показывайте проксимальный список с регионами, которые могут удовлетворить большинство ваших пользователей, основываясь на исследованиях ваших вероятных клиентов. Кнопка «больше» отображает исчерпывающий список. Оба списка должны быть отсортированы в алфавитном порядке, за исключением того, что сначала подразделяйте исчерпывающий список на штаты США, провинции и территории Канады и страну (которая включает в себя США (все) и Канаду (все)).
Вы можете предоставить несколько командных кнопок для выбора нескольких регионов (например, «Все 48 смежных штатов США, вся Южная Америка), что позволяет пользователям впоследствии отменить выбор некоторых регионов. По этой причине я ничего не свернул бы, пока пользователь не подтвердит ввод.
Пример использования кем-либо карты плюс список (все в HTML, не меньше) см. http://justaddwater.dk/2007/12/21/map-with-positions-in-css/