美文网首页
百度地图api的覆盖物样式与bootstrap样式冲突解决办法

百度地图api的覆盖物样式与bootstrap样式冲突解决办法

作者: AmazingMax | 来源:发表于2018-04-18 17:35 被阅读56次

    项目中引入了bootstrap.css,意外发现百度地图中的label被覆盖样式了,以下是解决方案。

    现象

    正常情况下应该是下面这样的:


    正常

    使用百度地图api 和 bootstrap ,发现标注样式出现了问题:


    引入bootstrap后

    原因是boostrap样式和百度地图样式冲突了。

    解决方案

    百度地图map对应的div,加一个class ="baidu-maps"

    引入下端代码:

    .baidu-maps label {
      max-width: none;
    }
    

    搞定~

    相关文章

      网友评论

          本文标题:百度地图api的覆盖物样式与bootstrap样式冲突解决办法

          本文链接:https://www.haomeiwen.com/subject/euhbkftx.html