ArcGIS API for JavaScript 4.0尝鲜——WebGIS前端开发大杀器

已经发布的ArcGIS API for JavaScript 4.0有着最前沿的新特性,这是一个更加对于开发者更加友好的Web API。3D的支持让你可以以更加炫酷的方式展示地理数据,而更加简洁明了的API也不会让你在各种setxxx()和getxxx()方法中傻傻分不清楚了。Esri全球开发者峰会中也安排了大量的JavaScript开发专题,怕小伙伴们等不及,小编这里先给大家来个ArcGIS APIfor JavaScript 4.0尝鲜。

视角(View)与地图(Map)的分离

      由于4.0API中引入了3D的展示因此在将地图的数据展示和地图的视角分离开,底图和各种图层的加载依然在Map中,但是中心点、放大级别等设置会在view中,这个小编提醒各位想尝鲜使用4.0API的小伙伴需要特别注意哦。

ArcGIS API for JavaScript 4.0尝鲜——WebGIS前端开发大杀器_第1张图片

支持新的SceneLayer图层类型和3D符号

ArcGIS JavaScript API4.0版本增加了对3D(场景)的支持,除了SceneView制图组件以外,同时还包括新的图层类型SceneLayer和3D符号,每一个3D符号可能包含几个符号图层。正因为如此,一个单独的图形或者几何可以以多种方式符号化。下面是两种不同类型的3D符号的例子。

ArcGIS API for JavaScript 4.0尝鲜——WebGIS前端开发大杀器_第2张图片

矢量切片的支持

ArcGISJavaScript API 4.0即提供了对矢量地图切片的支持,它提供了一个特定的VectorTileLayer类,用来使用矢量切片服务。同时在ArcGIS Online上Esri提供了一系列可更新的矢量基础底图,可用于构建地图和应用。

ArcGIS API for JavaScript 4.0尝鲜——WebGIS前端开发大杀器_第3张图片

更加友好的组件开发

所有组件在ArcGIS JavaScript API4.0中被重新构建以提高他们的扩展和定制能力,现在每个已有的组件的展现都是与属性、方法和数据相独立的。这种将核心逻辑代码与组件的展现相分离的方式使得每个小部件可以使用其他框架和库(诸如Bootstrap、React和JQuery等)进行深度定制样式。

ArcGIS API for JavaScript 4.0尝鲜——WebGIS前端开发大杀器_第4张图片

这种设计的好处是,允许开发人员使用第三方框架创建新的或者修改现有的小组件。小部件的展现和逻辑代码的分离意味着开发人员可以使用原有的逻辑代码而不使用原有的UI界面。

更简单的属性获取、设置方式

在4.0之前的版本中,想获取或设置不同对象的属性值需要使用不同的getMethodname()或者setMethodname()方法小编在开发的时候也经常傻傻分不清楚。在4.0API中可以通过.set()和.get()轻松设置和获取属性值。

更简单的事件监听

在4.0 API中已经不再通过propertyname-change事件监听属性变化,你现在只需要使用.watch()方法来监听特定的属性更改。

新的占位符语法,有效避免冲突

 占位符一直是JS API所支持的,这可以在提前构建的模板中占据字符的空间,为后续的数据填充提供方便。新API为了避免与ES6中模板字符串使用$ {占位符}的语法冲突。因此采取了这种去掉$的做法。

新增了类,与Portal更加紧密集成

ArcGIS API for JavaScript4.0中新增了PortalUser和PortalFolder两个类,分别用于给用户本身和用户作所在组的管理员返回注册用户的详细信息,以及用于提供组织门户的内容列表。

 

值得注意的是,3.x API的开发目前依然支持,并且4.0版本项目目前还处在第三个测试版的阶段。在即将到来的开发者大会中将会公布正式版本的ArcGIS API for JavaScript4.0。

你可能感兴趣的:(Web开发,ArcGIS,10.4,资讯,3D,GIS)