开发小坑--百度地图Marker和bootsharp样式冲突导致显示错乱

最新在开发一个弹框的百度地图控件,在开发过程中,遇到了一个比较坑的问题。

marker样式错乱,然后网上各种找资料(官方API和各个技术博客)。不过网上资料都比较少,都是教你怎么自定义创建marker。
当然,我也按照网上的说法,自己去自定义marker,不过搜出来之后图片依旧有问题(具体方法可参考这个博客 http://blog.fooleap.org/add-string-to-bmaps-api-markers.html),后来实在没办法,又重新调试代码。

看了博客,知道现实marker的图片是根据 https://api.map.baidu.com/images/markers.png 这张图片分割出来显示的,因此果断搜索这个关键字,查询相关页面代码。


然后在查看过程中,发现bootsharp.min.css中有对img进行全局的设置,其中width不生效,max-width:100% 这个明显有问题,果断将max-width设置为none,发现marker样式变正常,因此问题就是出现在这。

找到问题就好解决了,果断覆盖bootsharp有问题的样式,问题解决
#BaiduMap  img{
    max-widthnone !important ;
  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值