Как сделать так, чтобы Waze iFrame открывал приложение Waze со ссылкой на контент?

Я интегрировал карту Waze iFrame в веб-сайт, как описано в их документах здесь.

Он показывает местоположение, которое я хочу, но мне бы понравилось, если бы зритель мог щелкнуть по карте и открыть приложение Waze через глубокую ссылку.

Я попытался включить глубокую ссылку в качестве тега привязки, но это сделает только границу div, содержащую iFrame, кликабельной.

Как лучше всего сделать ссылку доступной поверх iFrame?


html iframe maps waze
person Ben Wedlund    schedule 27.04.2020    source источник

Ответы (1)


arrow_upward
1
arrow_downward

Я нашел решение. Я добавил ссылку в качестве тега привязки в тот же div, что и iFrame, а затем установил в стиле следующее:

style="position:absolute; top:0; left:0; display:inline-block; width:600px; height:400px; z-index:5;"

Это делает всю карту кликабельной, что отправляет пользователя в приложение waze с местоположением, которое уже есть в приложении, или в соответствующем магазине приложений для загрузки.

person Ben Wedlund    schedule 27.04.2020
comment
Выглядит немного хакерским, но делает свое дело. После этого части за пределами <iframe› также стали кликабельными (не очень хорошо), поэтому я добавил style="position: relative;" к <div>, содержащему теги <a> и <iframe>. Кроме того, только для тех, кто читает это решение, width и height в теге <a> относятся к фактической ширине и высоте <iframe>, поэтому вставьте их туда. - person Pablo Alexis Domínguez Grau; 14.02.2021