视图 UI

GeoScene API for JavaScript 提供了一个用于设置简单 UI 布局的接口。视图提供有 UI API，允许将组件 (微件或 DOM 元素) 放置到角落。

以以下应用程序为例：

常见的定位 CSS 如下：

.search,
.logo {
  position: absolute;
  right: 15px;
}

.search {
  top: 15px;
}

.logo {
  bottom: 30px;
}

这是可行的，但如果有更多组件，或者微件或视图尺寸的更改需要更新定位 CSS 时，就很难进行维护。

UI API 通过将这些定位问题从你身上移开，使这变得非常容易。如果使用 UI API，则前面代码片段中的 CSS 是不需要的，并可使用以下代码取代：

view.ui.add(search, "top-right");
view.ui.add(logo, "bottom-right");

这将把组件放置在右上角和右下角。可以添加更多组件，并且定位和间距将自动进行处理。有关更多信息，请参阅 add() 方法。

默认情况下，某些微件组件可以在 MapView 或 SceneView 中使用。默认微件表示为字符串数组，并记录在 DefaultUI 类的组件属性中。可修改此数组以仅显示您希望在应用程序中可见的微件：

view.ui.components = (["attribution", "compass", "zoom"]);

view.ui.components = (["attribution"]);

如果组件的位置需要在应用中动态更改，UI 也允许您移动和移除组件：

view.ui.move(logo, "bottom-left");

view.ui.remove(search);

view.ui.remove([compass, "zoom"]);

其他信息