当前位置:首页 > IT技术 > Windows编程 > 正文

百度地图api的覆盖物样式与bootstrap样式冲突解决办法
2021-08-08 12:02:10

最近使用百度地图api  发现标注样式出现了问题

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

label左侧 宽度变得非常窄

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

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

 

浪费了很多时间,最后找到了解决方案

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

 

 

解决办法:

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

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

 

 

这样就正常了

百度地图api的覆盖物样式与bootstrap样式冲突解决办法_最近使用_03

 

 

本文摘自 :https://blog.51cto.com/u