mars3d 3.8.14 → 3.9.0

package/README.md

@@ -43,7 +43,7 @@ import "mars3d/mars3d.css"
 import * as mars3d from "mars3d";
 ```
 
-> 关于引入后的具体如何使用，请参考教程[在项目中集成 Mars3D](http://mars3d.cn/dev/guide/start/import.html)中了解更多信息。
+> 关于引入后的具体如何使用，请参考教程[Mars3D集成到项目](http://mars3d.cn/docs/guide/npm-integration/)中了解更多信息。
 
 
 
@@ -63,9 +63,9 @@ Github：[https://github.com/marsgis/mars3d](https://github.com/marsgis/mars3d)
 
 | 说明 | 教程  | 视频  |Github源码 | 国内Gitee源码  |    
 | ----|----  | ----  | ----| ----  |
-|原生JS版 | [查看](http://mars3d.cn/dev/guide/project/example-es5.html) | [查看](https://www.bilibili.com/video/BV1Hg411o7Js/) | [mars3d-es5-example](https://github.com/marsgis/mars3d-es5-example) |[mars3d-es5-example](https://gitee.com/marsgis/mars3d-es5-example)  | 
-|Vue版 |[查看](http://mars3d.cn/dev/guide/project/example-vue.html) |[查看](https://www.bilibili.com/video/BV1PL41177SS/)| [mars3d-vue-example](https://github.com/marsgis/mars3d-vue-example) |[mars3d-vue-example](https://gitee.com/marsgis/mars3d-vue-example)  |  
-|React版 |[查看](http://mars3d.cn/dev/guide/project/example-react.html)|[查看](https://www.bilibili.com/video/BV1xY4y1t7NR/) | [mars3d-react-example](https://github.com/marsgis/mars3d-react-example) |[mars3d-react-example](https://gitee.com/marsgis/mars3d-react-example)  |  
+|Vue版 |[查看](http://mars3d.cn/docs/guide/example-vue/) |[查看](https://www.bilibili.com/video/BV1PL41177SS/)、[高级篇](https://www.bilibili.com/video/BV1Xv4y1a74P/)| [mars3d-vue-example](https://github.com/marsgis/mars3d-vue-example) |[mars3d-vue-example](https://gitee.com/marsgis/mars3d-vue-example)  |  
+|原生JS版 | [查看](http://mars3d.cn/docs/guide/example-es5/) | [查看](https://www.bilibili.com/video/BV1Hg411o7Js/) | [mars3d-es5-example](https://github.com/marsgis/mars3d-es5-example) |[mars3d-es5-example](https://gitee.com/marsgis/mars3d-es5-example)  | 
+|React版 |[查看](http://mars3d.cn/docs/guide/example-react/)|[查看](https://www.bilibili.com/video/BV1xY4y1t7NR/)、[高级篇](https://www.bilibili.com/video/BV1tX4y1Q7v7/) | [mars3d-react-example](https://github.com/marsgis/mars3d-react-example) |[mars3d-react-example](https://gitee.com/marsgis/mars3d-react-example)  |  
 
 
 ##  最简项目模板
@@ -73,39 +73,25 @@ Github：[https://github.com/marsgis/mars3d](https://github.com/marsgis/mars3d)
 
 | 说明 | 视频  | Github源码 | 国内Gitee源码  |    
 | ----| ----|----| ----  |
-|原生JS技术栈 |[查看](https://www.bilibili.com/video/BV1za41177ZW/)| [mars3d-es5-template](https://github.com/marsgis/mars3d-es5-template) |[mars3d-es5-template](https://gitee.com/marsgis/mars3d-es5-template)  | 
 |Vue技术栈 |[查看](https://www.bilibili.com/video/BV17P4y1F7gv/)| [mars3d-vue-template](https://github.com/marsgis/mars3d-vue-template) |[mars3d-vue-template](https://gitee.com/marsgis/mars3d-vue-template)  | 
+|原生JS技术栈 |[查看](https://www.bilibili.com/video/BV1za41177ZW/)| [mars3d-es5-template](https://github.com/marsgis/mars3d-es5-template) |[mars3d-es5-template](https://gitee.com/marsgis/mars3d-es5-template)  | 
 |React技术栈 |[查看](https://www.bilibili.com/video/BV1nZ4y1b7W7/)| [mars3d-react-template](https://github.com/marsgis/mars3d-react-template) |[mars3d-react-template](https://gitee.com/marsgis/mars3d-react-template)  |   
 |Angular技术栈 |[查看](https://www.bilibili.com/video/BV13Y411K7xs/) | [mars3d-angular-template](https://github.com/marsgis/mars3d-angular-template) |[mars3d-angular-template](https://gitee.com/marsgis/mars3d-angular-template)  |   
 |CS桌面端程序 |[查看](https://www.bilibili.com/video/BV1N94y1R7ds/)| [mars3d-electron](https://github.com/marsgis/mars3d-electron) |[mars3d-electron](https://gitee.com/marsgis/mars3d-electron)  |   
-|APP移动端程序 |[查看](https://www.bilibili.com/video/BV18F41157qR/)|[mars3d-uni-app](https://github.com/marsgis/mars3d-uni-app) |[mars3d-uni-app](https://gitee.com/marsgis/mars3d-uni-app)  |   
+|uni-app移动端程序 |[查看](https://www.bilibili.com/video/BV18F41157qR/)|[mars3d-uni-app](https://github.com/marsgis/mars3d-uni-app) |[mars3d-uni-app](https://gitee.com/marsgis/mars3d-uni-app)  |   
 
 
 
-## 基础项目 
-基础项目是具备一个GIS项目常见功能的项目模板，只用更换数据及叠加业务即可完成项目交付。
-如果需要更多功能可以考虑购买[付费项目模板](http://mars3d.cn/template.html)。
+## 通用项目模版 
+通用项目模版是具备一个GIS项目常见功能的项目模板，只用更换数据及叠加业务即可完成项目交付。
+如果需要更多功能可以考虑购买[付费项目模板](http://mall.marsgis.cn/#/product-list?category=project)。
 
 |说明 |教程  |视频  | Github源码 | 国内Gitee源码  |   
 |----|----  |----  | ----| ----  |
-|基础项目 原生JS版 |[查看](http://mars3d.cn/dev/guide/project/jcxm-es5.html) | [查看](https://www.bilibili.com/video/BV1nF41157Rn/)| [mars3d-es5-project](https://github.com/marsgis/mars3d-es5-project) |[mars3d-es5-project](https://gitee.com/marsgis/mars3d-es5-project)  |
-|基础项目 Vue版|[查看](http://mars3d.cn/dev/guide/project/jcxm-vue.html) |[查看](https://www.bilibili.com/video/BV1JF411q7Ut/)| [mars3d-vue-project](https://github.com/marsgis/mars3d-vue-project) |[mars3d-vue-project](https://gitee.com/marsgis/mars3d-vue-project)  |  
-|基础项目 Vue版+admin管理 |无 | 无| [mars3d-vue-project-admin](https://github.com/marsgis/mars3d-vue-project-admin) |[mars3d-vue-project-admin](https://gitee.com/marsgis/mars3d-vue-project-admin)  |   
-|三维地球APP项目|  [查看](http://mars3d.cn/dev/guide/project/app-vue.html)  | [查看](https://www.bilibili.com/video/BV1iY4y1t7jk/)|  [mars3d-vue-app](https://github.com/marsgis/mars3d-vue-app) |[mars3d-vue-app](https://gitee.com/marsgis/mars3d-vue-app)  |  
-|基础项目 React版|[查看](http://mars3d.cn/dev/guide/project/jcxm-react.html) |[查看](https://www.bilibili.com/video/BV1n3411u7Dm/)| [mars3d-react-project](https://github.com/marsgis/mars3d-react-project) |[mars3d-react-project](https://gitee.com/marsgis/mars3d-react-project)  |   
-
- 
-
-## 其他
-
-|说明 | Github | 国内Gitee  |  
-|----|----  | ----| 
-|部分开源插件 | [mars3d-plugin](https://github.com/marsgis/mars3d-plugin) |[mars3d-plugin](https://gitee.com/marsgis/mars3d-plugin)  | 
- 
-
-
-
-
+|Vue通用项目模版 |[查看](http://mars3d.cn/docs/guide/project-vue/) |[查看](https://www.bilibili.com/video/BV1JF411q7Ut/)、[高级篇](https://www.bilibili.com/video/BV1rM411j78s/) | [mars3d-vue-project](https://github.com/marsgis/mars3d-vue-project) |[mars3d-vue-project](https://gitee.com/marsgis/mars3d-vue-project)  |  
+| 原生JS通用项目模版 |[查看](http://mars3d.cn/docs/guide/project-es5/) | [查看](https://www.bilibili.com/video/BV1nF41157Rn/)| [mars3d-es5-project](https://github.com/marsgis/mars3d-es5-project) |[mars3d-es5-project](https://gitee.com/marsgis/mars3d-es5-project)  |
+|React通用项目模版|[查看](http://mars3d.cn/docs/guide/project-react/) |[查看](https://www.bilibili.com/video/BV1n3411u7Dm/)、[高级篇](https://www.bilibili.com/video/BV1d84y1E7gR/) | [mars3d-react-project](https://github.com/marsgis/mars3d-react-project) |[mars3d-react-project](https://gitee.com/marsgis/mars3d-react-project)  |   
+|APP项目模版(Vue3+H5)|  [查看](http://mars3d.cn/docs/guide/project-app/)  | [查看](https://www.bilibili.com/video/BV1iY4y1t7jk/)、[高级篇](https://www.bilibili.com/video/BV1CD4y137jK/) | [mars3d-vue-app](https://github.com/marsgis/mars3d-vue-app) |[mars3d-vue-app](https://gitee.com/marsgis/mars3d-vue-app)  |  
 
 
 
@@ -117,7 +103,7 @@ Github：[https://github.com/marsgis/mars3d](https://github.com/marsgis/mars3d)
 
 ## 学习资料
 
-- 开发教程：[http://mars3d.cn/dev/](http://mars3d.cn/dev/)  
+- 开发教程： [http://mars3d.cn/docs/](http://mars3d.cn/docs/)  
 - API文档：[http://mars3d.cn/api/](http://mars3d.cn/api/)  
 - Mars3D官网：[http://mars3d.cn](http://mars3d.cn)  
 

package/mars3d.css

@@ -1,10 +1,10 @@
 /**
  * Mars3D三维可视化平台  mars3d
  *
- * 版本信息：v3.8.14
- * 编译日期：2025-01-28 14:53
+ * 版本信息：v3.9.0
+ * 编译日期：2025-02-15 11:56
  * 版权所有：Copyright by 火星科技  http://mars3d.cn
- * 使用单位：火星科技免费公开版 ，2024-08-01
+ * 使用单位：火星科技免费公开版 ，2025-02-01
  */
 
 /**地球容器div*/
@@ -113,12 +113,12 @@
 .mars3d-contextmenu-ul > .active > a:hover,
 .mars3d-contextmenu-ul > .active > a:focus {
   color: #fff;
-  background-color: #444d59;
+  background-color: var(--mars-hover-color, #3ea6ff);
   text-decoration: none;
 }
 .mars3d-sub-menu {
   position: absolute;
-  background: rgba(43, 44, 47, 0.8);
+  background-color: var(--mars-base-bg, rgba(63, 72, 84, 0.9));
   min-width: 100px;
   display: none;
 }
@@ -126,12 +126,12 @@
   width: 100%;
   box-sizing: border-box;
   font-size: 14px;
-  color: #ffffff;
+  color: var(--mars-text-color, #ffffff);
   margin: 0;
   padding: 0;
 }
 .mars3d-sub-menu li:hover {
-  background-color: #444d59;
+  background-color: var(--mars-hover-color, #3ea6ff);
 }
 .mars3d-smallTooltip {
   display: block;
@@ -182,11 +182,11 @@
   border-right: 5px solid #000000;
 }
 .mars3d-clockAnimate {
+  z-index: 12;
   position: absolute;
   bottom: 0;
   left: 0;
   height: 27px;
-  z-index: 999;
   background: linear-gradient(to bottom, rgba(116, 117, 119, 0.8) 0%, rgba(58, 68, 82, 0.8) 11%, rgba(46, 50, 56, 0.8) 46%, rgba(53, 53, 53, 0.8) 81%, rgba(53, 53, 53, 0.8) 100%);
 }
 .mars3d-clockAnimate .time {
@@ -202,7 +202,7 @@
   vertical-align: middle;
   padding: 1px 8px;
   border: solid 1px #888;
-  color: #ffffff;
+  color: var(--mars-text-color, #ffffff);
   background-color: rgba(63, 72, 84, 0.7);
   border: none;
   cursor: pointer;
@@ -217,7 +217,7 @@
   border: solid 1px rgba(136, 136, 136, 0.6);
   padding: 0 3px;
   margin: 0;
-  color: #ffffff;
+  color: var(--mars-text-color, #ffffff);
   background-color: rgba(63, 72, 84, 0.7);
 }
 .mars3d-clockAnimate .mars3d-clockAnimate-speed ::-webkit-outer-spin-button,
@@ -233,10 +233,6 @@
   width: 55px;
   height: 55px;
 }
-.mars3d-compass:hover .mars3d-compass-outer svg {
-  transform: scale(1.1);
-  transition: transform 0.3s;
-}
 .mars3d-compass .mars3d-compass-outer {
   position: absolute;
   top: 0;
@@ -245,7 +241,7 @@
   width: 55px;
   background-repeat: no-repeat;
   background-size: contain;
-  fill: #3f4854;
+  fill: var(--mars-base-bg, rgba(63, 72, 84, 0.9));
   border-radius: 50%;
 }
 .mars3d-compass .mars3d-compass-outer svg {
@@ -263,8 +259,11 @@
   margin: 0 auto;
   padding: 4px;
   box-sizing: border-box;
-  background: #ffffff;
-  fill: #68adfe;
+  background: var(--mars-base-bg, rgba(63, 72, 84, 0.9));
+  fill: var(--mars-text-color, #ffffff);
+}
+.mars3d-compass .mars3d-compass-inner:hover {
+  background: #3385ff;
 }
 .mars3d-compass .mars3d-compass-rotation-arc {
   position: absolute;
@@ -300,10 +299,13 @@
   width: 100%;
   height: 100%;
   user-select: none;
-  color: rgba(0, 0, 0, 0.6);
-  background-color: #e0e1e2;
-  border: 1px solid rgba(0, 0, 0, 0.6);
   cursor: pointer;
+  color: var(--mars-text-color, #ffffff);
+  background-color: var(--mars-base-bg, rgba(63, 72, 84, 0.9));
+  border: 1px solid var(--mars-text-color, #ffffff);
+}
+.mars3d-cubeview-cube > div:hover {
+  background: #3385ff;
 }
 .mars3d-cubeview-side-t {
   transform: rotatex(90deg) translateZ(25px);
@@ -474,19 +476,6 @@
   border: 1px solid orange;
   box-shadow: 2px 2px 3px #2b2b2b;
 }
-.mar3d-toolButton {
-  cursor: pointer;
-  margin: 0 3px;
-  padding: 0;
-  display: grid;
-  place-items: center;
-}
-.mar3d-toolButton img,
-.mar3d-toolButton svg,
-.mar3d-toolButton div {
-  height: 100%;
-  text-align: center;
-}
 .mars3d-subtitles {
   position: absolute;
   user-select: none;
@@ -498,6 +487,12 @@
   text-align: center;
   z-index: 999;
 }
+.mar3d-toolButton img,
+.mar3d-toolButton svg,
+.mar3d-toolButton div {
+  height: 100%;
+  text-align: center;
+}
 .mars3d-divGraphic {
   position: absolute;
   left: 0;
@@ -1111,3 +1106,276 @@
 .mars3d-divlayer-camera {
   backface-visibility: hidden;
 }
+/** 覆盖cesium 控件相关样式 */
+/**cesium info信息框*/
+.cesium-infoBox {
+  background: var(--mars-base-bg, rgba(63, 72, 84, 0.9));
+}
+.cesium-infoBox-title {
+  background-color: rgba(23, 49, 71, 0.8);
+}
+/**cesium 任务栏的FPS信息*/
+.cesium-performanceDisplay-defaultContainer .cesium-performanceDisplay-ms,
+.cesium-performanceDisplay-defaultContainer .cesium-performanceDisplay-fps {
+  color: #fff;
+}
+/**cesium tileset调试信息面板*/
+.cesium-cesiumInspector {
+  background-color: var(--mars-base-bg, rgba(63, 72, 84, 0.9));
+}
+/**animation时间面板*/
+.cesium-viewer-animationContainer {
+  z-index: 12;
+}
+/** 按钮工具栏 */
+.cesium-viewer-toolbar {
+  /** 按钮统一样式 */
+  /**底图切换 弹出面板*/
+  /**帮助 弹出面板*/
+  /**POI查询输入框*/
+}
+.cesium-viewer-toolbar .cesium-button {
+  background-color: var(--mars-base-bg, rgba(63, 72, 84, 0.9));
+  border-radius: 2px;
+  border-width: 1px;
+  color: var(--mars-text-color, #ffffff);
+  fill: #e6e6e6;
+  line-height: 32px;
+  text-align: center;
+  cursor: pointer;
+}
+.cesium-viewer-toolbar .cesium-button:hover {
+  background-color: #3385ff;
+  box-shadow: none;
+  border: none;
+}
+.cesium-viewer-toolbar .cesium-button img,
+.cesium-viewer-toolbar .cesium-button svg,
+.cesium-viewer-toolbar .cesium-button div,
+.cesium-viewer-toolbar .cesium-button .cesium-svgPath-svg {
+  scale: 0.8;
+  height: 100%;
+  max-width: 100%;
+  max-height: 100%;
+  text-align: center;
+}
+.cesium-viewer-toolbar .cesium-button img:hover,
+.cesium-viewer-toolbar .cesium-button svg:hover,
+.cesium-viewer-toolbar .cesium-button div:hover,
+.cesium-viewer-toolbar .cesium-button .cesium-svgPath-svg:hover {
+  scale: 0.9;
+}
+.cesium-viewer-toolbar .cesium-baseLayerPicker-dropDown {
+  background-color: var(--mars-base-bg, rgba(63, 72, 84, 0.9));
+  max-height: 700px;
+  z-index: 99;
+}
+.cesium-viewer-toolbar .cesium-navigationHelpButton-wrapper .cesium-navigation-help-instructions,
+.cesium-viewer-toolbar .cesium-navigationHelpButton-wrapper .cesium-navigation-button {
+  background: none;
+}
+.cesium-viewer-toolbar .cesium-navigationHelpButton-wrapper .cesium-navigation-help,
+.cesium-viewer-toolbar .cesium-navigationHelpButton-wrapper .cesium-navigation-button-selected {
+  background-color: var(--mars-base-bg, rgba(63, 72, 84, 0.9));
+}
+.cesium-viewer-toolbar .cesium-navigationHelpButton-wrapper .cesium-navigation-button-unselected {
+  background-color: rgba(105, 105, 105, 0.75);
+}
+.cesium-viewer-toolbar .cesium-navigationHelpButton-wrapper .cesium-navigation-button-unselected:hover {
+  background-color: var(--mars-base-bg, rgba(76, 76, 76, 0.75));
+}
+.cesium-viewer-toolbar .cesium-viewer-geocoderContainer .cesium-geocoder-input {
+  background-color: rgba(63, 72, 84, 0.7);
+  border-width: 1px;
+}
+.cesium-viewer-toolbar .cesium-viewer-geocoderContainer .cesium-geocoder-input:focus {
+  background-color: var(--mars-base-bg, rgba(63, 72, 84, 0.9));
+}
+.cesium-viewer-toolbar .cesium-viewer-geocoderContainer .search-results {
+  z-index: 99;
+  background-color: rgba(23, 49, 71, 0.8);
+}
+.cesium-viewer-toolbar .cesium-viewer-geocoderContainer .cesium-geocoder-searchButton {
+  background-color: var(--mars-base-bg, rgba(63, 72, 84, 0.9));
+  border-radius: 2px;
+  border-width: 1px;
+  fill: #e6e6e6;
+}
+/** 修改定位："top-right"上侧靠右 */
+/** 按钮工具栏修改定位："top-left"上侧靠左 */
+.cesium-viewer-toolbar-top-left {
+  top: 10px;
+  bottom: auto;
+  left: 10px;
+  right: auto;
+  /**帮助 弹出面板*/
+  /**底图切换 弹出面板*/
+}
+.cesium-viewer-toolbar-top-left .cesium-navigationHelpButton-wrapper .cesium-navigation-help {
+  left: 40px;
+  transform-origin: left top;
+}
+.cesium-viewer-toolbar-top-left .cesium-baseLayerPicker-dropDown {
+  left: 10px;
+}
+/** 修改定位："left-top"左侧靠上 */
+.cesium-viewer-toolbar-left-top {
+  top: 10px;
+  bottom: auto;
+  left: 10px;
+  right: auto;
+  /**底图切换 弹出面板*/
+  /**帮助 弹出面板*/
+  /**二维三维切换*/
+  /**POI查询输入框*/
+}
+.cesium-viewer-toolbar-left-top > .cesium-toolbar-button,
+.cesium-viewer-toolbar-left-top .cesium-navigationHelpButton-wrapper,
+.cesium-viewer-toolbar-left-top .cesium-viewer-geocoderContainer {
+  float: left;
+  clear: both;
+  margin-bottom: 5px;
+}
+.cesium-viewer-toolbar-left-top .cesium-baseLayerPicker-dropDown {
+  left: 40px;
+  margin-bottom: 5px;
+}
+.cesium-viewer-toolbar-left-top .cesium-navigationHelpButton-wrapper .cesium-navigation-help {
+  top: 0px;
+  left: 40px;
+  transform-origin: left top;
+}
+.cesium-viewer-toolbar-left-top .cesium-sceneModePicker-wrapper {
+  width: auto;
+}
+.cesium-viewer-toolbar-left-top .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-dropDown-icon {
+  float: right;
+  margin: 0 3px;
+}
+.cesium-viewer-toolbar-left-top .cesium-viewer-geocoderContainer .search-results {
+  left: 0;
+  right: 40px;
+  width: auto;
+}
+/** 修改定位："left-bottom"左侧靠下 */
+.cesium-viewer-toolbar-left-bottom {
+  top: auto;
+  bottom: 60px;
+  left: 10px;
+  right: auto;
+  /**底图切换 弹出面板*/
+  /**帮助 弹出面板*/
+  /**二维三维切换*/
+  /**POI查询输入框*/
+}
+.cesium-viewer-toolbar-left-bottom > .cesium-toolbar-button,
+.cesium-viewer-toolbar-left-bottom .cesium-navigationHelpButton-wrapper,
+.cesium-viewer-toolbar-left-bottom .cesium-viewer-geocoderContainer {
+  float: left;
+  clear: both;
+  margin-bottom: 5px;
+}
+.cesium-viewer-toolbar-left-bottom .cesium-baseLayerPicker-dropDown {
+  bottom: 0;
+  left: 40px;
+  margin-bottom: 5px;
+}
+.cesium-viewer-toolbar-left-bottom .cesium-navigationHelpButton-wrapper .cesium-navigation-help {
+  top: auto;
+  bottom: 0;
+  left: 40px;
+  transform-origin: left bottom;
+}
+.cesium-viewer-toolbar-left-bottom .cesium-sceneModePicker-wrapper {
+  width: auto;
+}
+.cesium-viewer-toolbar-left-bottom .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-dropDown-icon {
+  float: right;
+  margin: 0 3px;
+}
+.cesium-viewer-toolbar-left-bottom .cesium-viewer-geocoderContainer .search-results {
+  left: 0;
+  right: 40px;
+  width: auto;
+}
+/** 修改定位："right-top"右侧靠上 */
+.cesium-viewer-toolbar-right-top {
+  top: 10px;
+  bottom: auto;
+  right: 10px;
+  left: auto;
+  /**底图切换 弹出面板*/
+  /**帮助 弹出面板*/
+  /**二维三维切换*/
+  /**POI查询输入框*/
+}
+.cesium-viewer-toolbar-right-top > .cesium-toolbar-button,
+.cesium-viewer-toolbar-right-top .cesium-navigationHelpButton-wrapper,
+.cesium-viewer-toolbar-right-top .cesium-viewer-geocoderContainer {
+  float: right;
+  clear: both;
+  margin-bottom: 5px;
+}
+.cesium-viewer-toolbar-right-top .cesium-baseLayerPicker-dropDown {
+  right: 40px;
+  margin-bottom: 5px;
+}
+.cesium-viewer-toolbar-right-top .cesium-navigationHelpButton-wrapper .cesium-navigation-help {
+  top: 0;
+  bottom: auto;
+  right: 40px;
+  transform-origin: right top;
+}
+.cesium-viewer-toolbar-right-top .cesium-sceneModePicker-wrapper {
+  width: auto;
+}
+.cesium-viewer-toolbar-right-top .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-dropDown-icon {
+  float: left;
+  margin: 0 3px;
+}
+.cesium-viewer-toolbar-right-top .cesium-viewer-geocoderContainer .search-results {
+  right: 0;
+  left: 40px;
+  width: auto;
+}
+/** 修改定位："right-bottom"右侧靠下 */
+.cesium-viewer-toolbar-right-bottom {
+  top: auto;
+  bottom: 60px;
+  right: 10px;
+  left: auto;
+  /**底图切换 弹出面板*/
+  /**帮助 弹出面板*/
+  /**二维三维切换*/
+  /**POI查询输入框*/
+}
+.cesium-viewer-toolbar-right-bottom > .cesium-toolbar-button,
+.cesium-viewer-toolbar-right-bottom .cesium-navigationHelpButton-wrapper,
+.cesium-viewer-toolbar-right-bottom .cesium-viewer-geocoderContainer {
+  float: right;
+  clear: both;
+  margin-bottom: 5px;
+}
+.cesium-viewer-toolbar-right-bottom .cesium-baseLayerPicker-dropDown {
+  bottom: 0;
+  right: 40px;
+  margin-bottom: 5px;
+}
+.cesium-viewer-toolbar-right-bottom .cesium-navigationHelpButton-wrapper .cesium-navigation-help {
+  top: auto;
+  bottom: 0;
+  right: 40px;
+  transform-origin: right bottom;
+}
+.cesium-viewer-toolbar-right-bottom .cesium-sceneModePicker-wrapper {
+  width: auto;
+}
+.cesium-viewer-toolbar-right-bottom .cesium-sceneModePicker-wrapper .cesium-sceneModePicker-dropDown-icon {
+  float: left;
+  margin: 0 3px;
+}
+.cesium-viewer-toolbar-right-bottom .cesium-viewer-geocoderContainer .search-results {
+  right: 0;
+  left: 40px;
+  width: auto;
+}