Карта в svg, как добавить текст в элемент?

Question

[234234 234234]

Нужно сделать вот такую карту.



Получается, что нужно нарисовать регионы, и в них добавить метку и текст, делаю в svg потому что нужно динамически менять цвет при наведении и отключать некоторые регионы(удалять текст и метку).

Какие есть варианты как это построить? В свг жи нельзя делать вложенные элементы, а хотелось разбить все по группам, ругион->название+метка+сам фон региона. Может есть варианты получше svg?

Answer 1

[Максим Тимофеев]

В свг жи нельзя делать вложенные элементы

Есть группы для этого.

а хотелось разбить все по группам

так и сделайте, что останавливает https://habrahabr.ru/post/230443/

Может есть варианты получше svg

Лучше нет. Есть аналог, например canvas, но будет сложнее, в данной задаче

ПС: Готовых примеров куча:
https://codepen.io/tag/svg%20map/
https://habrahabr.ru/post/127994/

Comments

[234234 234234]

Есть группы для этого.

Я к тому, что каждому элементу надписи региона нужно будет задавать позицию отностельно документа, а хотелось бы, относительно своей группы. В свг это вообще работает? В смысле с группами это работает?

[Максим Тимофеев]

234234 234234:

В смысле с группами это работает?

да, я даже ссылку дал.

[234234 234234]

Максим Тимофеев: В примере там элементы не отностельно группы позиционируются