Как наложить карту на SVG?

Я разрабатываю приложение Laravel с использованием начальной загрузки, и у меня есть следующая проблема:

Мне нужно положить сверху карты 3 разных слоя, сзади на фронт:

  • Адаптивное изображение JPG, которое соответствует ширине карты.

  • Код SVG (это не может быть изображение SVG, потому что оно динамическое и должно изменяться каждый раз, когда пользователь изменяет информацию).

  • карта с координатами, и пользователь должен иметь возможность нажимать на них. Эти координаты относятся к фону jpg.

Проблема в том, что я не могу щелкнуть по координатам над svg, поэтому я попытался поместить прозрачное изображение с картой поверх svg. Затем вы можете нажать на области, но это не реагирует, и карта не соответствует размеру jpg.

Надеюсь, я правильно объяснил свою ситуацию.

Спасибо!!

0

Решение

Если я правильно понимаю, я бы предложил поместить все в один SVG. Изображения могут быть включены с <image> тег, текст также поддерживается. Одним из преимуществ будет то, что для графики есть только одно координатное пространство. Все масштабирование и т. Д. Будет делать браузер, поэтому все, что вам нужно, это локальное пространство координат SVG.

Но, кстати, пробалы это css

svg {
pointer-events: none;
}

буду делать то что тебе нужно…

0

Другие решения

Других решений пока нет …

По вопросам рекламы [email protected]