• 俊硕博客公告栏:深圳俊硕专注于SEO优化培训,免费给深圳SEO爱好者提供SEO技术培训教程,兼深圳地区公司网站排名优化等服务!

WP网站引用百度地图定位图标不显示解决方法

哈喽,大家好我是深圳SEO俊硕,我们在自己建网站时,有时需要将百度地图嵌入到自己的网站中,特别是一些企业网站制作,在联系我们这一页面中嵌入百度地图。但我们在实际操作过中,会出现一些错误。(相关知识:网站如何添加百度地图)

例如:使用wordpress程序做网站时,通过代码模块引用百度地图组件,在成功申请百度地图密钥的情况下,发现引用百度地图定位图标不显示。

WP网站引用百度地图定位图标不显示解决方法

如何在自己建网站时解决这种百度地图定位图标不显示的问题呢?

根据我们一直做网站的经验,当我们遇到图标路径正常,但是无法正常显示的问题,一般都是元素样式影响的,通过firebug查看源代码,发现是因为此图标引用到主题后,会导致地图中针对定位图标的样式失效了。

既然找到了问题,解决方法就很简单了。在引用的地图代码中添加一段css样式集成之前的最大宽设置即可:(如果不了解代码知识,请先学习html视频教程)

<div style=”width: 100%;”>
<div>&lt;style type=”text/css”&gt;
#map img {
max-width: inherit;
}
&lt;/style&gt;<b style=”line-height: inherit; text-indent: 2em;”></b></div>
</div>


深圳SEO俊硕博客申明版权隶属:深圳SEO(http://www.junsuk.com/)

转载请注明:深圳SEO俊硕博客 » WP网站引用百度地图定位图标不显示解决方法

喜欢 (0)
支付宝[]
分享 (0)
俊硕博主
关于作者:
发表我的评论
取消评论
表情 贴图 加粗 删除线 居中 斜体 签到