2017-09-14 3 views
-1

Wenn ich meine Google Map einbette, wird das Dropdown-Menü in der Navbar und im Navbar-Hamburger inaktiv, es passiert gar nichts, wenn ich darauf klicke.Warum funktionieren meine Dropdown-Tasten nicht mit eingebetteten Google Maps?

Dies ist meine Seite mit der Google-Karte eingebettet:

<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> 
 

+0

Es sieht so aus, als ob das '