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

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

现象

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


正常

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


引入bootstrap后

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

解决方案

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

引入下端代码:

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

搞定~

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。