wordpress主题引用百度地图定位图标不显示

有学员出现一个奇怪的问题,使用wordpress的avada主题通过代码模块引用百度地图组件,在成功申请百度地图密钥的情况下,发现地图上面的定位小图标不能正常显示。刚开始我尝试了很多方法,例如修改引用代码的js或则更换图标等都无法解决这个问题,最奇怪的是你明明看到你引用的图标就在那里,但是就是无法正常显示。

当我们遇到图标路径正常,但是无法正常显示的问题,一般都是元素样式影响的,最终我通过firebug查看源码,发现是因为此图标引用到主题后,会导致地图中针对定位图标的样式失效了,既然找到了问题,解决方法就很简单了。

在引用的地图代码中添加一段css样式集成之前的最大宽设置即可:

<style type=”text/css”>
#map img {
max-width: inherit;
}
</style>

周红川

分享独立站建站、搜索引擎优化,独立站推广相关实操经验和心得,如果你在跨境业务中遇到问题,欢迎加我微信沟通交流!

微信号:512765456

留下一个评论