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

广告
如需前端切图、网站仿制、模板修改、二次开发等服务,可联系站长QQ:1801233226

有时网站上用百度地图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


最后更新于 2020-04-01 08:58:49

站长提示

如果你的问题还没有解决,可以点击页面右侧的“ ”加入本站技术交流群,和小伙伴们一起讨论问题。
如果你想请站长喝咖啡,可以点击下方打赏扫码,感谢老铁支持。

文章标签:

文章标题:百度地图API调用时在网站上不显示原因

文章链接:https://www.pbhtml.com/19.html

版权声明:本文为 PB教程网 原创,未经授权禁止转载、摘编、复制或建立镜像。

发表评论:(需登录后操作)

评论记录:

未查询到任何数据!