@xonar
А смысл?

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

Добрый день.

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

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

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

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


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

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


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

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

Войти через центр авторизации
Похожие вопросы
ART3D Москва
от 70 000 до 100 000 ₽
от 80 000 до 200 000 ₽
Sveak Барнаул
от 50 000 ₽
30 мая 2020, в 20:00
1000 руб./за проект
30 мая 2020, в 19:49
2000 руб./за проект