Как реализовать свою карту с метками?

Question

[igoryusha22]

Имеется карта (ее необходимо двигать, масштабировать) виртуального, несуществующего города, на которой будут метки которые будут перенаправлять на другие метки, которые в свою очередь будут открывать окошко с видеоплеером.

(нажимаем на метку "конечная точка", после чего нам показываются "начальные точки", т.е. точки связанные с конечной, при нажатии на одну из которых у нас открывается окно (в той же вкладке) в котором лежит какая-то информация. )

Более наглядно задачу попытался описать в видео - ссылка youtube.

Какими технологиями нужно пользоваться чтобы реализовать такое?

ps.1 очень важным фактором является необходимость добавлять новые метки простым способом из панели администратора.

ps.2 еще более важным фактором является производительность

Answer 1

[Gip]

если город несуществующий то своя SVG + какая-то JS-библиотека для масштабирования и скролла типа https://github.com/cubiq/iscroll.

Comments

[igoryusha22]

А как быть с метками?

[Gip]

1thater, метки сделать эклипсами поверх подложки и обрабатывать клики по ним, например.

https://www.w3schools.com/graphics/svg_ellipse.asp