百度地图API调用时在网站上不显示原因

有时网站上用百度地图api调取了地图信息,也正常出来了,但是发现背景地图消失了,如下图:

百度地图API调用时在网站上不显示原因

问题出在哪呢,出现这种情况一般可以说明api相关的js代码没问题。

其实这是因为css里给全局img标签或者父级div里给img标签加了max-width:100%;

img {

    max-width: 100%;

}

.content img {

    max-width: 100% !important;

}

所以在不改变原有样式的情况下,可以给地图的父级增加个样式解决这个问题。

#map img {

    max-width: none !important;

}

/假设案例中的地图父级div的id属性是map

再次打开,电子地图正常了

百度地图API调用时在网站上不显示原因

百度地图API调用时在网站上不显示原因
下一篇:

已经没有下一篇了!

相关文章

评论
暂无评论