@xonar
А смысл?

Как активировать ссылку внутри svg?

Добрый день.

Есть задача вставить карту на сайт, где каждый регион является ещё и ссылкой. Сделал карту в svg добавил ссылок, если вставлять инлайном прям в html весь код svg, то всё работает.

Но, проблема в том, что у заказчика сайт на конструкторе и там не разрешено иметь больше 70 тысяч символов у страницы (карта + остальная разметка).

Поэтому решил внешним способом вставить карту:

<object class="maps__object" type="image/svg+xml" data="map.svg">
  <img src="map.svg" alt="Карта">
</object>


Но из-за object клик перестаёт проходить. Как решить данную проблему?
  • Вопрос задан
  • 584 просмотра
Решения вопроса 1
@xonar Автор вопроса
А смысл?
Нашёл решение. У ссылок добавить target="_blank"

<a xlink:href="f2.ru" target="_blank" class="maps__city"></a>


И тогда ссылки из svg файла и внутри object будут адекватно открываться.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы