AirGIS相关API

1 地图基础
1.1 必要导入包
1.2 创建地图切片
1.3 地图插件
1.3.1 比例尺
1.3.2 鹰眼图
1.3.3 HomeButton
2 绘图工具
2.1 画点、线、面
2.1.1 根据json标注点
2.1.2 画线
2.1.2 画面
2.2 图形事件
2.2.1 点击事件
3 图表
3.1柱状图
3.2饼图
4 其它
4.1 自动补全
4.2 搜索

1 地图基础

1.1 必要导入包

 
 
 

  
  
  

   
   
   var map;
  
  
  
  
  
  

   
   
       require([
  
  
  
  
  
  

   
   
           "esri/map",
  
  
  
  
  
  

   
   
           "esri/layers/ArcGISTiledMapServiceLayer",
  
  
  
  
  
  

   
   
           "esri/dijit/Scalebar",
  
  
  
  
  
  

   
   
           "esri/dijit/OverviewMap",
  
  
  
  
  
  

   
   
           "esri/toolbars/draw",
  
  
  
  
  
  

   
   
           "esri/symbols/SimpleMarkerSymbol",
  
  
  
  
  
  

   
   
           "esri/symbols/PictureMarkerSymbol",
  
  
  
  
  
  

   
   
           "esri/symbols/SimpleLineSymbol",
  
  
  
  
  
  

   
   
           "esri/symbols/PictureFillSymbol",
  
  
  
  
  
  

   
   
           "esri/symbols/CartographicLineSymbol",
  
  
  
  
  
  

   
   
           "esri/graphic",
  
  
  
  
  
  

   
   
           "esri/Color",
  
  
  
  
  
  

   
   
           "esri/dijit/InfoWindow",
  
  
  
  
  
  

   
   
           "esri/dijit/HomeButton",
  
  
  
  
  
  

   
   
           "dojo/dom",
  
  
  
  
  
  

   
   
           "dojo/on",
  
  
  
  
  
  

   
   
           "dojo/domReady!"
  
  
  
  
  
  

   
   
       ],
  
  
  
  
  
  

   
   
         function (Map, Tiled, Scalebar, OverviewMap, Draw,
  
  
  
  
  
  

   
   
           SimpleMarkerSymbol, PictureMarkerSymbol, SimpleLineSymbol,
  
  
  
  
  
  

   
   
           PictureFillSymbol, CartographicLineSymbol,
  
  
  
  
  
  

   
   
           Graphic, Color, InfoWindow, HomeButton,dom, on) {
     
  
  
  
  
  
  

   
   
    
  
  
  
  
  
  

   
   
             map = new Map("mapdiv", {
     
  
  
  
  
  
  

   
   
                 logo: false,
  
  
  
  
  
  

   
   
                 zoom: 13,
  
  
  
  
  
  

   
   
                 minZoom: 11,
  
  
  
  
  
  

   
   
                 maxZoom: 15,
  
  
  
  
  
  

   
   
             });
  
  
  
 
 
 

1.2 创建地图切片

 
 
 

  
  
  

   
   
   var tiled = new Tiled("./ArcGIS/rest/services/mapall/MapServer");//创建地图切片
  
  
  
  
  
  

   
   
   map.addLayer(tiled);//加载地图切片
  
  
  
 
 
 

1.3 地图插件

1.3.1 比例尺

 
 
 

  
  
  

   
   
   //比例尺
  
  
  
  
  
  

   
   
   var scalebar = new Scalebar({
     
  
  
  
  
  
  

   
   
   map: map, ]]
  
  
  
  
  
  

   
   
   attachTo: "bottom-left",//显示位置
  
  
  
  
  
  

   
   
   scalebarStyle: "line", //比例尺显示方式
  
  
  
  
  
  

   
   
   scalebarUnit: "metric" //单位
  
  
  
  
  
  

   
   
   });
  
  
  
 
 
 

1.3.2 鹰眼图

 
 
 

  
  
  

   
   
   // 鹰眼图
  
  
  
  
  
  

   
   
   var overviewMapDijit = new OverviewMap({
     
  
  
  
  
  
  

   
   
       map: map,
  
  
  
  
  
  

   
   
       attachTo: "bottom-left",   // 显示位置
  
  
  
  
  
  

   
   
       width: 150, // 默认值是地图高度的 1/4th
  
  
  
  
  
  

   
   
       height: 150, // 默认值是地图高度的 1/4th
  
  
  
  
  
  

   
   
       opacity: .40,    // 透明度 默认0.5
  
  
  
  
  
  

   
   
       visible: true,
  
  
  
  
  
  

   
   
       color: " #D84E13",
  
  
  
  
  
  

   
   
   });
  
  
  
  
  
  

   
   
   overviewMapDijit.startup();//启动鹰眼图
  
  
  
 
 
 

1.3.3 HomeButton

 
 
 

  
  
  

   
   
    //Home按钮
  
  
  
  
  
  

   
   
                 var home = new HomeButton({
     
  
  
  
  
  
  

   
   
                     theme: "HomeButton",
  
  
  
  
  
  

   
   
                     map: map,
  
  
  
  
  
  

   
   
                     extent: null,
  
  
  
  
  
  

   
   
                     visible: true
  
  
  
  
  
  

   
   
                 }, "HomeButton");  
  
  
  
  
  
  

   
   
               home.startup();  
  
  
  
 
 
 

2 绘图工具

2.1 画点、线、面

 
 
 

  
  
  

   
   
   map.on("load", initToolbar);