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

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

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

label左侧 宽度变得非常窄

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

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

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

解决办法:

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

然后对应的map对应的div,加一个class  ="baidu-maps"

这样就正常了

上一篇:原生js实现的放大镜效果


下一篇:编写 unix和 windows的 Scala 脚本