ArcGIS API for JavaScript开发之小部件

小部件

1.Compass指南针控件

require(["esri/widgets/Compass"], function(Compass) {
    /* code goes here */ });

Compass小部件指示与当前视图旋转或摄像机航向相关的北方位置。单击Compass小部件将视图旋转到北面(heading = 0)。默认情况下，该小部件被添加到SceneView中。Compass小部件的图标是根据视图的空间引用确定的。如果视图的空间引用不是Web Mercator或WGS84，那么将使用一个拨号图标，但是当空间引用是Web Mercator或WGS84时，图标将是一个向北箭头。
例子：

var view = new MapView({
   
  container: "viewDiv",
  map: map
});
var compass = new Compass({
   
  view: view
});
// 将指南针添加到MapView的左上角
view.ui.add(compass, "top-left");

2.LayerList图层列表

require(["esri/widgets/LayerList"], function(LayerList) {
    /* code goes here */ });

LayerList小部件提供了一种方式来显示层列表，并打开/关闭它们的可见性。ListItem API提供对每一层属性的访问，允许开发人员配置与该层相关的操作，并允许开发人员向与该层相关的项添加内容。
在图层上设置listMode属性“show”，“hide”来控制是否在LayerList小部件中显示和隐藏。

var layerList = new LayerList({
   
  view: view
});
view.ui.add(layerList, {
   
  position: "top-left"
});

（1）statusIndicatorsVisible
选项，用于启用状态指示器，指示每一层是否正在加载资源。
自4.15版。使用LayerList.visibleElements.statusIndicators代替。

layerList.statusIndicatorsVisible = false;

（2）visibleElements
小部件中显示的可见元素。此属性提供了打开/关闭小部件显示的各个元素的能力。

layerList.visibleElements = {
   
  statusIndicators: false
};

（3）selectionEnabled
指示用户是否可以选择列表项。选中的项目可以通过用鼠标或触摸屏拖动手势，或用键盘上的箭头键在列表中重新排序。
选中的项目在selectedItems属性中可用。

layerList.selectionEnabled = true;

（4）selectedItems
一组选定的ListItems，表示用户选择的操作层。

3.Draw画

require(["esri/views/draw/Draw"], function(Draw) {
    /* code goes here */ });

Draw类为需要完全控制使用不同几何图形创建临时图形的开发人员提供了高级绘图功能。例如，如果你想防止用户绘制具有自交线或重叠多边形的图形，那么您可以使用这个类来实现这些规则。绘制经验是建立在绘制操作之上的，该操作使用视图事件生成一组用于创建新几何图形的坐标。每个几何体类型都有一个对应的dr