arcgis js api 4.15开发与实践一

arcgis js api 4.15 开发与实践一

前言

公司要做一个关于XX风险预警的项目，希望能借助arcmap图层和百度地图来展示XX风险数据。哪里有风险，哪里是什么风险，在地图上能一目了然。
作为软件研发人员，必然就要懂得arcmap图层制作与arcgis js api开发。我们公司刚好转型（cs转为bs），所以我有幸参与这个研发过程，并将记录下来。

初次接触

arcgis 官网网址：https://developers.arcgis.com/labs/net/add-layers-to-a-map/
程序开发api：https://developers.arcgis.com/javascript/latest/api-reference/
Esri Icon：https://developers.arcgis.com/javascript/latest/esri-icon-font/（样式）
arcgis 4.15 js 离线包：https://download.youkuaiyun.com/download/qiulei_21/15450413?spm=1001.2014.3001.5501

生成业务图层

先将业务上的区域通过arcmap做成底图图层，发布到arcmap server上，网址为：
http://XXX.XXX.XXX.XXX/:6080/arcgis/rest/services/Risk/Area/MapServer

展示区域图层

var map = new Map({
      basemap: "osm"
    });

    var view = new MapView({
      container: "viewDiv",
      map: map,
      center: [108.80500, 37.52700], // longitude, latitude
      zoom: 8
    });

 var areaLayer = new FeatureLayer({
        url: "http://XXX.XXX.XXX.XXX/:6080/arcgis/rest/services/Risk/Area/MapServer"
      });

      map.add(areaLayer,0);

如图：

遇到的问题：
URL scheme must be “http” or “https” for CORS request.
原因是：因为浏览器不能直接加载本地资源
解决方法：创建Server服务器端。我们采用网站发布方式，将4.15离线包发布出来http://XXX.XXX.XXX.XXX:9000/4.15