Arcgis API for JS 地图小部件

ArcGIS API for JavaScript地图小部件类主要放在esri/dijit包中。

原文自GISXXCOM微信公众号，存档各地图小部件的引用方法：

比例尺（Scalebar）

require(["esri/dijit/Scalebar"], function(Scalebar) {
    var scalebar = new Scalebar({
          map: map,
          attachTo: "bottom-left",
          scalebarUnit: "dual"
        });
 });

• attachTo：代表比例尺在地图的位置，可以是”top-right”,”bottom-right”,”top-center”,”bottom-center”,”bottom-left”,”top-left”。默认是 “bottom-left”。

• map：表示标识的地图

• scalebarStyle：比例尺样式，可以是：”ruler” 或”line”。

• scalebarUnit：比例尺单位。可以是”english” 或”metric”或”dual”（同时显示english和metric）。默认是english（英尺）

• 
  

鹰眼图（OverviewMap）

require(["esri/dijit/OverviewMap"], function(OverviewMap) {
    var overviewMapDijit = new OverviewMap({
        map: map,
        attachTo: "bottom-right",
        color:" #D84E13",
        visible: true
      });
      overviewMapDijit.startup();
});

• map：标识的地图。

• attachTo：鹰眼图位置。

• color：鹰眼图边框颜色。

• baseLayer：添加到鹰眼图上的底图（必须已经加载）

• width：鹰眼宽度。默认地图的四分之一。

• height：鹰眼图高度。默认地图的四分之一。

• maximizeButton：最大最小化控制按钮的可见性，默认为false，不可见。

• opacity：鹰眼图的透明度，默认是0.5。

• visible：鹰眼图的可见性，默认是false

底图切换器（BasemapToggle）

BasemapToggle提供了一个简单的按钮用来在两个底图之间切换。

var toggle = new BasemapToggle({
        map: map,
        basemap: "satellite"
      }, "BasemapToggle");
toggle.startup();

• basemap：要切换的底图名，默认是“hybrid”

• map：标识的地图。

图例（Legend）

require([
  "esri.Map", "esri/dijit/Legend", ... 
], function(Map, Legend, ... ) {
  var map = new Map( ... );
  var legend = new Legend({
    map: map
  }, "legendDiv");
  legend.startup();
});

定位按钮（LocateButton）

LocateButton提供了一个简单的按钮来定位和缩放到用户的位置。
“定位”小部件仅在安全网页（https）和localhost上支持。

var locateButton = new LocateButton({
  map: map
}, "<dom_id>");

• centerAt：定位后是否将地图中心移到所在位置。

• scale：定位后的地图比例

• symbol：自定义高亮位置的符号

测量工具（Measurement）

测量小部件包含计算当前位置、测量距离和面积等工具

require([
  "esri/map", "esri/dijit/Measurement", "esri/units", "dojo/dom", ... 
], function(Map, Measurement, Units, dom, ... ) {
  var map = new Map( ... );
  var measurement = new Measurement({
    map: map,
    defaultAreaUnit: Units.SQUARE_MILES,
    defaultLengthUnit: Units.KILOMETERS
  }, dom.byId('measurement'));
});

• defaultAreaUnit：默认的面积单位。

• defaultLengthUnit：默认的长度单位。

• fillSymbol：测量面积时绘制区域的符号。

• lineSymbol：测量长度时线的符号。