今天帮软谋同学解决了一个包含百度地图的web页面,遇到的问题及其神秘:
百度地图区域,不显示地图背景!!地图空间,marker都加载了,但就是没有地图背景!!!而且查找百度地图div容器内部,居然没有任何代码
无图无真相,请看图:
经过一个非常笨的排除法寻找,终于找到了问题所在:(实际代码更加复杂,这里提取出了导致问题的关键代码)
img {
max-width: 100%!important;
}
非常奇怪的是,这个CSS代码的存在,就直接会导致我们所遇到的地图不加载背景图片的问题!问题居然出现在一个img标签的配置上!
以我的渣渣前端技术水平,可以毫无疑问的下结论:百度地图的样式跟这个img样式有冲突!但是我实在是解释不了到底是怎样的一种冲突,所以还希望懂CSS的童鞋积极回复本文,早日给这个神奇bug一个合理的解释!
原文地址:
https://www.opengps.cn/Blog/View.aspx?id=275
文章的更新编辑依此链接为准。欢迎关注源站原创文章!