Волд SVG карта с городом

Question

Вот что я пытаюсь сделать:

Показать карту мира, и когда пользователь нажимает на страну, детальный вид страны открывает со всеми государствами/провинциями. Если они нажмут на государство/провинцию, я бы хотел показать им города. Я хотел бы иметь возможность фиксировать, в какую страну/государство/procvice/city они нажали.

Действительно ли я предполагаю, что SVG - это путь? Также любые предложения/указатели о том, как действовать.

Thanks

Answer 1

Я работал над подобным использованием, используя SVG.

Us Map with states, при нажатии на состояние, я показывал карту состояния.

Плюсы: 1. Я не удалял карты состояний после того, как они были нарисованы. Так что это довольно быстро. 2. Все элементы находятся в DOM, я смог изменить или добавить. (Пример: класс, элементы)

минусы: 1. Дополнительные элементы DOM. (проблема с производительностью)

Если у вас меньше манипуляций с DOM, и каждый раз, когда новые данные могут быть показаны, перейдите с холстом. Но идентифицируйте lib, который предоставляет больше API для манипулирования DOM (Ex: листовка, openlayer)