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

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

 

label左侧 宽度变得非常窄

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

 

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

 

解决办法:

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

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

这样就正常了

 

posted @ 2016-12-30 09:38  逐梦寻欢  阅读(2463)  评论(0编辑  收藏  举报