JSAPI渲染与查询 JSAPI培训资料

ArcGISAPIforJavaScript开发培训Esri中国成都分公司—

吴继波概述符号渲染查询检索WebAppBuilderforArcGIS符号渲染渲染器（render）：定义了一种或多种符号以应用与一个GraphicsLayer，渲染器也是用来符号化的或者渲染地图的，但是不同于服务器端渲染，这里的render完全是在客户端实现。Render对象说明SimpleRenderer简单符号化渲染，即所有要素使用一致的颜色。ClassBreaksRenderer分级符号化渲染，根据某个属性将要素分为若干级别。UniqueValueRenderer唯一值符号化渲染，根据某个属性值的不同分别渲染。TimeRampAgerTimeRampAger

渲染器使用渐发的符号来显示年龄的老化TimeClassBreaksAgerTimeClassBreaksAger

渲染器根据年龄范围对年龄分类显示TemporalRenderer时间渲染器对图层中的要素提供基于时间的渲染

简单符号渲染是最简单的符号化渲染方式，对所有要素使用同一种符号，只需要设置一个符号然后赋值给简单符号渲染器即可。简单符号渲染通过UniqueValueRenderer来完成唯一值渲染，只需为每一个特定的值设置一个符号即可，而这个特定的值来自于实例化渲染器时指定要素的属性字段。唯一值渲染分级渲染器ClassBreaksRenderer）：允许为特定属性值范围内的一组图形指定符号，因此在使用的时候，必须为分级渲染器设置一个数值型字段，为属性值不同的范围，分别设置渲染符号渲染器会根据该字段所在的范围的值进行分级渲染。分级渲染查询检索管理程序和ArcGISServerServices之间的连接。为什么要设置Proxy？所创建的请求长度超过2048个字节。token。要素编辑设置方法（以ASP.Net为例）在proxy.config中添加需要连接的ArcGISServer<serverUrlurl="60:6080/arcgis/rest/services/"matchAll="true"></serverUrl>在代码中添加xyUrl="proxy.ashx";代理页面设置Task.execute(parameters,callback,errorback)parameters：调用时的输入参数callback：回调函数errorback：错误回调函数Task的一般调用方法查询一个地图服务中的单个图层可进行属性查询、几何查询或二都同时查询。单图层查询：QueryTask单图层查询：QueryTask创建QueryTask属性查询图形查询多图层属性查询：FindTask查询同一个地图服务的多个图层。仅能查询属性信息。多图层几何查询：IdentifyTask查询同一个地图服务的多个图层。仅能通过几何图形来查询。WebAppBuilderforArcGISWebAppBuilder简介基于HTML5/无插件what-you-see-is-what-you-get浏览器、移动一体化应用模板定制零开发/低开发Portal集成版、开发版BasemapGalleryBookmarkChartDirectionsEditGeoprocessingLegendDrawMeasurementPrintQueryLayerList即拿即用应用模板定制开发WebAppBuilder简介直接使用BuilderApptemplateArcGISPortal/Online使用WebAppBuilderforArcGIS的两种方式通过ArcGISOnline或者PortalforArcGIS使用我的内容WebMap开发版本

下载并配置支持定制基于WebAppBuilder应用/apps/MapAndAppGallery/index.html?appid=1e3085af6e1a48c8908fa624bdfef768在ArcGISOnline上创建Web应用在ArcGISOnline上创建Web应用在ArcGISOnline上创建Web应用在ArcGISOnline上创建Web应用SDK下载地址:/web-appbuilder/WebAppBuilder开发版本的使用更改指向本地的JSAPIWebAppBuilderJSAPIORLocalPortaljsapi:http://webserver/webadaptor/jsapi/jsapi/Filelocation:C:\ProgramFiles\ArcGIS\Portal\framework\jsapiclient/stemapp/env.js运行WebAppBuilder服务方式运行

浏览到/server/目录下npminstallnpmrun-scriptinstall-windows-service手动方式node命令

浏览到/server/目录下，运行nodeserver.js命令双击startup.bat添加WebAppBuilder到Portal中

在portal中创建应用自带Themes主题

8种主题、多种样式和布局支持扩展2D应用自带Widget即用即用、配置式40+Off-panelwidget和In-panelwidget非面板widget面板widget

2D应用可运行在任何设备上演示-配置安装及构建应用理解Widget、Panel、ThemesWidget

利用dojo的AMD模块进行开发，包含了特定的业务逻辑，实现在系统中的可视化，并与用户进行交互，进行业务操作和处理Panel用来显示widget的容器，多个widget可显示在一个panel中，由panel控制各个widget的显示，也可自行开发panelThemesWebAppBuilder主题UI，包含了显示Widget的主题面板、颜色字体、Widget在主题面板中的位置等更多信息WebAppBuilder扩展开发定制WidgetBaseWidgetApp

properties

(name,

icon,localization)App

config

dataWidget's

config

dataMap

objectWidgetstate

(open,

closed,active…)Events

(open/signIn)Widget

communication你的工作ExtendBaseWidgetWidgetUI(HTML/template)Widgetconfigfile(JSON)Widgetstyles(CSS)LocalizationYour

unique

business

logic

/worklows

(JavaScript)熟悉webAppBuilder框架原理创建相对应的文件夹及文件创建Panel创建Sytle创建Layout增加国际化处理创建ThemesWidget创建manifest.json部署文件定制ThemesThemesHeaderWidget

显示Widget的Penel面板Widget的放置位置非面板Widget应用标题(icon、color)Themes屏幕小部件放置位置themesWidgetWebAppBuildertemplateArcGISOnline或ArcGISforPortal应用模板应用导出模板WebAppBuilder中运行

通过WebAppBuilder访问其它服务器容器中(tomcat、IIS)

下载应用，部署在容器中应用部署ArcGIS

OnlinePortalfor

ArcGISWeb

App1ProductionWeb

ServerWeb

App21.符号渲染2.查询检索3.通过ArcGISonline的WebAppB