Карта JS с регионами

Question

Вторая половина дня

У меня есть требование иметь интерактивную карту, где вы можете наводить курсор над регионом (Австралия, Восточная и Юго-Восточная Азия, Южная Азия и т. Д.), Иметь «всплывающую подсказку» или «hoverbox» с некоторой информацией, а затем нажать получить перенаправление на страницу региона.

Я начал смотреть на GeoChart Google Visualization с целью захвата события щелчка, но вы можете выбирать только страны, а не регионы.

Есть предложения по библиотеке JS и т. Д.

Большое спасибо.

Answer 1

В итоге я использовал http://jvectormap.owl -hollow.net / и переопределил методы onLabelShow, oRegionOver, onRegionOut и onRegionClick. Довольно простой и элегантный плагин.

Answer 2

Ну, один из способов - установить карту в качестве фонового изображения div и сопоставить ее размер с помощью CSS. Затем зарегистрируйте слушателя перемещения мыши над этим div. Теперь всякий раз, когда мышь движется, проверьте ее координаты и, используя эту фигуру, определите, какая область находится под ней.

Теперь было бы интересно взломать вторую проблему. Как сохранить размер неправильной формы. Ну, одним из способов может быть разделение изображения на сетки, может быть один пиксель толщиной или несколько пикселей, в зависимости от необходимой точности. Затем сохраните его в массиве вроде (0 => (1, 5), 1 => (0, 6), ..). В этом случае говорится, что для строки 0 область начинается в столбце 1 и заканчивается в столбце 5. В строке 1 область начинается в столбце 0 и заканчивается в 6; и т. д.

Надеюсь, это имеет смысл.