Я разрабатываю приложение Laravel с использованием начальной загрузки, и у меня есть следующая проблема:
Мне нужно положить сверху карты 3 разных слоя, сзади на фронт:
Адаптивное изображение JPG, которое соответствует ширине карты.
Код SVG (это не может быть изображение SVG, потому что оно динамическое и должно изменяться каждый раз, когда пользователь изменяет информацию).
карта с координатами, и пользователь должен иметь возможность нажимать на них. Эти координаты относятся к фону jpg.
Проблема в том, что я не могу щелкнуть по координатам над svg, поэтому я попытался поместить прозрачное изображение с картой поверх svg. Затем вы можете нажать на области, но это не реагирует, и карта не соответствует размеру jpg.
Надеюсь, я правильно объяснил свою ситуацию.
Спасибо!!
Если я правильно понимаю, я бы предложил поместить все в один SVG. Изображения могут быть включены с <image>
тег, текст также поддерживается. Одним из преимуществ будет то, что для графики есть только одно координатное пространство. Все масштабирование и т. Д. Будет делать браузер, поэтому все, что вам нужно, это локальное пространство координат SVG.
Но, кстати, пробалы это css
svg {
pointer-events: none;
}
буду делать то что тебе нужно…
Других решений пока нет …