Question

我添加了谷歌地图，但在滚动

上禁用悬停放大是不成功的

<?php 
if ( is_page('/items/location/') ) {
echo '<div style="background:transparent;position:relative; width:100%;height:700px; top:700px;margin-top:-700px;" onClick="style.pointerEvents="none""></div><iframe src="https://www.google.com/maps/d/embed?mid=zlgfUzUXXQsY.kAAoJD6JIpRw" width="100%" height="700px" ></iframe>';}
?>

我尝试在其上添加div元素和此类技巧，但到目前为止都没有。

非常感谢任何帮助

Answer 1

我曾经遇到过同样的问题，我很容易解决这个问题：

<?php 
    if ( is_page('/items/location/') ) {
        echo '<div style="background:transparent;position:relative; width:100%;height:700px; top:700px;margin-top:-700px;" onClick="style.pointerEvents=\'none\'"></div>
<iframe src="https://www.google.com/maps/d/embed?mid=zlgfUzUXXQsY.kAAoJD6JIpRw" width="100%" height="700px" ></iframe>';
    } 
?>

这样，当你只是将鼠标滚过它时，缩放将不起作用;但是，当您单击地图时，将启用缩放。

谷歌地图iframe禁用悬停滚动

1 个答案: