Javascript 谷歌地图Iframe和被动侦听器_Javascript_Html_Google Maps_Iframe

Javascript 谷歌地图Iframe和被动侦听器

javascript html google-maps iframe

Javascript 谷歌地图Iframe和被动侦听器,javascript,html,google-maps,iframe,Javascript,Html,Google Maps,Iframe,我在我的网站上有一个Iframe，如下所示，它是为谷歌列出的，是为我工作的一家公司列出的 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA

我在我的网站上有一个Iframe，如下所示，它是为谷歌列出的，是为我工作的一家公司列出的

<!DOCTYPE html>
<html lang="en">

  <head>

    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">

  </head>

  <body>

    <!-- Footer -->
    <footer>
      <div class="info-section">
        <div class="container foot-container">
          <div class="right d-flex justify-content-center flex-column align-items-center">
            <h4>Where To Find Us</h4>
            <iframe class="my-iframe" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3030.9233563466883!2d-112.30052128432949!3d40.56536975450923!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x8752bd1d6f64f3a5%3A0x2f55c8b8bdbfd4ae!2sWarrior%20Spirit!5e0!3m2!1sen!2sus!4v1581030992520!5m2!1sen!2sus" width="600" height="450" frameborder="0" style="border:0;" allowfullscreen=""></iframe>
          </div>
        </div>
      </div>
    </footer>

  </body>

</html>


到哪里去找我们

当我在GoogleDev工具中运行审计时，我得到了这个错误

当我删除iframe链接并重新运行审计时，错误就消失了

我读过另一篇关于做{被动：正确}的帖子

但我不确定如何使用google maps iframe实现这一点，或者是否有可能，或者是否有另一个解决方案能够实现被动？任何我可以访问和阅读的关于如何做到这一点的网站都会有所帮助

谢谢。

我尝试用简单的代码使用您的链接，但没有遇到错误。你能提供一个简单的代码来显示错误以便我们调查吗？当我在google chrome DevTools中运行审计时，我将文件更新为产生错误的内容。