百度地图api的覆盖物样式与bootstrap样式冲突解决办法
2018-04-18 本文已影响56人
AmazingMax
项目中引入了bootstrap.css,意外发现百度地图中的label被覆盖样式了,以下是解决方案。
现象
正常情况下应该是下面这样的:
![](https://img.haomeiwen.com/i7627305/43212218220b2795.png)
使用百度地图api 和 bootstrap ,发现标注样式出现了问题:
![](https://img.haomeiwen.com/i7627305/4e9d61acf3e71e57.png)
原因是boostrap样式和百度地图样式冲突了。
解决方案
百度地图map对应的div,加一个class ="baidu-maps"
引入下端代码:
.baidu-maps label {
max-width: none;
}
搞定~