百度地图BMap.Autocomplete地址关键字提示下拉框被覆盖的解决办法

版权声明：欢迎转载使用，注明出处即可 https://blog.csdn.net/tjh625/article/details/81519455

我们在使用百度地图关键字输入提示功能自动补全地址是可能会遇到地址关键字提示下拉框被覆盖的问题，如下图：

解决方法是在你HTML页面文件的head标签内重写如下CSS代码，.tangram-suggestion-main是百度地图关键字提示下拉框的CSS样式，通常我们的下拉框被覆盖了是因为下拉框的z-index值比页面中其他部分z-index的值小，这个z-index表示垂直屏幕的距离，我们尽可能把下拉框的z-index设置大一点就好了。直接在你的head标签内复制粘贴这段代码就能解决问题。

<style type="text/css">
    .tangram-suggestion-main {
        z-index: 999999;
    }
</style>

解决后：

 

参考链接：

百度map开发初步及常见问题