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

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

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

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

声明:本站分享的WordPress主题/插件均遵循 GPLv2 许可协议(免费开源),相关介绍资料仅供学习参考,实际版本可能会因版本迭代或开发者调整而产生变化,如程序中涉及有第三方原创图像、设计模板、远程服务等内容,应获得作者授权后方可使用。本站不提供该程序/软件的产品授权与技术服务,亦不收取相关费用。