-1
当我嵌入我的谷歌地图时,导航栏和导航栏汉堡包中的下拉菜单变为非活动状态,当我点击它们时,什么都不发生。为什么我的下拉按钮不适用于嵌入的谷歌地图?
这是我与谷歌地图页面嵌入:
<body>
<nav>
<nav class="navbar navbar-expand-lg navbar-light bg-light">
<img src="Owlswick Logo.svg" width="300" height="75" class="d-inline-block align-top" alt="">
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavDropdown" aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<!--dropdown-->
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">About Owlswick Morris</a>
<div class="dropdown-menu">
<a class="dropdown-item" href="Present Owlswick.html">Present Owlswick</a>
<a class="dropdown-item" href="Our History.html">Our History</a>
<a class="dropdown-item" href="Jane Reasons.html">Jane's 5 Reasons to Morris Dance</a>
</div>
</li>
<div>
</nav>
<div id="map">
<iframe width="600" height="450" frameborder="0" style="border:0" src="https://www.google.com/maps/embed/v1/place?q=place_id:ChIJyaAw2pB9d0gRNqb4LwxJCnc&key=AIzaSyDqL1wqNr0OJe9rkXYPirEe8REMDNJM_5E" allowfullscreen</iframe>
</div>
看起来好像'
@ G.Hunt这是实际的生产代码。我复制并直接从谷歌地图粘贴... –