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

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

image.png

问题出在哪呢,出现这种情况一般可以说明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

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

image.png

------本页内容已结束,喜欢请分享------

感谢您的来访,获取更多精彩文章请收藏本站。

© 版权声明
THE END
喜欢就支持一下吧
点赞0 分享
评论 抢沙发

请登录后发表评论