我的导航栏被Javascript映射阻止。如何修复它？

每当我将鼠标悬停在导航栏上时，它会创建一个下拉菜单，但它会被使用脚本标记创建的地图阻止

下面是它的外观：

//JavaScript文档
//这将使导航栏具有响应性。
函数myFunction（）{
var x=document.getElementById（“myTopnav”）；
如果（x.className==“topnav”）{
x、 类名+=“响应”；
}否则{
x、 className=“topnav”；
}
}

@charset“utf-8”；
/*CSS文档*/
h1{
边缘顶部：2.2米；
边缘底部：2.2米；
宽度：100%；
字体系列：“投石机MS”，Arial，Helvetica，无衬线；
字体大小：5vmin；
颜色：白色；
文本对齐：居中；
字体大小：300；
}
.auto-style1{
左：25%；
右：25%；
}
#地图{
高度：200px；
宽度：50%；
}
.文本{
宽度：100%；
显示：内联块；
文本对齐：居中；
}
正文{页边距：0；}
/*这将设置导航栏容器的样式*/
ul.topnav{
列表样式类型：无；
保证金：0；
填充：0；
溢出：可见；
排名：0；
位置：固定；
宽度：100%；
背景色：rgba（0,0,0,0.75）；
文本对齐：居中；
}
ul.topnav li{float:左；}
/*这将设置导航栏中项目的样式*/
ul.topnav li a、.dropbtn{
显示：块；
颜色：#FFF；
文本对齐：居中；
填充：14px 16px；
文字装饰：无；
过渡：0.3s；
字体大小：13.75px；
字体系列：“Lucida Sans”，“Lucida Sans Regular”，“Lucida Grande”，“Lucida Sans Unicode”，日内瓦，Verdana，无衬线；
字体大小：粗体；
}
ul.topnav li a:hover，.dropdown:hover.dropbtn{背景色：#F00；}
ul.topnav li.下拉列表{
显示：内联块；
位置：相对位置；
}
/*这将设置下拉列表容器的样式*/
ul.topnav.下拉内容{
显示：无；
位置：绝对位置；
背景色：#000；
宽度：100%；
盒影：0px 8px 16px 0px rgba（0,0,0,0.2）；
文本对齐：居中；
左：0；
}
/*这将设置下拉项的样式*/
ul.topnav.下拉菜单内容a{
颜色：#FFF；
填充：12px 16px；
文字装饰：无；
显示：块；
文本对齐：左对齐；
字体系列：“Lucida Sans”，“Lucida Sans Regular”，“Lucida Grande”，“Lucida Sans Unicode”，日内瓦，Verdana，无衬线；
}
ul.topnav.下拉列表内容a：悬停{
背景色：#999；
}
ul.topnav.dropdown:hover.dropdown内容{display:block；}
ul.topnav li.icon{显示：无；}
@媒体屏幕和（最大宽度：680px）{/*允许响应导航栏*/
ul.topnav li:not（：第一个子项）{display:none；}
ul.topnav li.icon{
浮动：对；
显示：内联块；
}
}
@媒体屏幕和屏幕（最大宽度：680px）{
ul.topnav.responsive{位置：相对；}
ul.topnav.responsive li.icon{
位置：绝对位置；
右：0；
排名：0；
}
ul.topnav.li{
浮动：无；
显示：内联；
}
ul.topnav.lia{
显示：块；
文本对齐：左对齐；
}
ul.topnav.responsive.下拉内容{
宽度：自动；
最小宽度：160px；
左：0；
}
ul.topnav li.下拉列表{
位置：静态；
}
}
李托普纳夫先生{
宽度：20%；
保证金：0；
填充：0；
}
/*页脚CSS*/
身体{
填充：0；
显示器：flex；
最小高度：100vh；
柔性包装：包装；
}
.包装纸{
填充：20px；
高度：自动；
}
页脚{
背景色：#333；
颜色：#FFF；
字体系列：“Lucida Sans”，“Lucida Sans Regular”，“Lucida Grande”，“Lucida Sans Unicode”，日内瓦，Verdana，无衬线；
字体大小：粗体；
自对准：柔性端；
线高：3；
文本对齐：居中；
宽度：100%；
}
页脚img{
宽度：42px；
高度：42px；
边缘：0 1米；
}
人力资源{
宽度：100%；
}
页脚{空白：pre；
字体大小：3vmin；}/*更改。请应用于其他页脚*/

联系我们
身体{
背景图片：url(http://hitcolors.com/wp-content/uploads/2016/08/Green-1.jpg);
}











联系我们
函数initMap（）{
var uluru={lat:3.9414186，lng:108.3774456}；
var map=new google.maps.map（document.getElementById（'map'）{
缩放：6，
中心：乌卢鲁
});
var marker=new google.maps.marker({
职位：乌卢鲁，
地图：地图
});
}
地址：火星弗兰克斯坦市锡尔加43841号Jln Bunga Emas 24号

电话：03-876666

电邮：7Dwarfs@email.com


S T A Y C O N E C T D

您所描述的是z-index的完美用例。要阅读更多关于它的内容

从本质上讲，z索引越大，与z索引较小的其他元素相比，它越“接近”屏幕。因此，在您的情况下，只需将导航设置为
z-index:2和映射到
z-index:1