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

来源:互联网 发布:jsp java代码 编辑:程序博客网 时间:2024/05/17 00:50
最新在开发一个弹框的百度地图控件,在开发过程中,遇到了一个比较坑的问题。

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 0