【Mars3d】关于locationBar等控件的css样式冲突处理问题

【Mars3d】关于locationBar等控件的css样式冲突处理问题

问题场景：

1.通过代码加载new mars3d.control.Zoom(或者通过地球map初始化配置 option.control = {加载放大缩小工具控件的时候，出现图标的样式冲突效果：

2.sceneModePicker， 二三维切换按钮也是，出现样式冲突效果，无法出现示例中的相关类似效果。

排查后发现是cesium本身的css文件问题导致的样式冲突。

根据开发教程的说明，这个文件是cesium原生css，说明这个问题是原生cesium有bug了导致的样式冲突。

解决方案：

1.学习Mars3d官网提供的示例和项目写的覆盖cesium的css

2.相关路径：src\components\mars-work\mars-map.vue

示例地址

git clone https://gitee.com/marsgis/mars3d-vue-example.git

项目地址：

git clone https://gitee.com/marsgis/mars3d-vue-project.git

相关的代码（已经写好覆盖了cesium原生的css效果）：