JSAPI渲染與查詢 JSAPI培訓資料

ArcGISAPIforJavaScript開發(fā)培訓Esri中國成都分公司—

吳繼波概述符號渲染查詢檢索WebAppBuilderforArcGIS符號渲染渲染器（render）：定義了一種或多種符號以應用與一個GraphicsLayer，渲染器也是用來符號化的或者渲染地圖的，但是不同于服務器端渲染，這里的render完全是在客戶端實現(xiàn)。Render對象說明SimpleRenderer簡單符號化渲染，即所有要素使用一致的顏色。ClassBreaksRenderer分級符號化渲染，根據(jù)某個屬性將要素分為若干級別。UniqueValueRenderer唯一值符號化渲染，根據(jù)某個屬性值的不同分別渲染。TimeRampAgerTimeRampAger

渲染器使用漸發(fā)的符號來顯示年齡的老化TimeClassBreaksAgerTimeClassBreaksAger

渲染器根據(jù)年齡范圍對年齡分類顯示TemporalRenderer時間渲染器對圖層中的要素提供基于時間的渲染

簡單符號渲染是最簡單的符號化渲染方式，對所有要素使用同一種符號，只需要設置一個符號然后賦值給簡單符號渲染器即可。簡單符號渲染通過UniqueValueRenderer來完成唯一值渲染，只需為每一個特定的值設置一個符號即可，而這個特定的值來自于實例化渲染器時指定要素的屬性字段。唯一值渲染分級渲染器ClassBreaksRenderer）：允許為特定屬性值范圍內的一組圖形指定符號，因此在使用的時候，必須為分級渲染器設置一個數(shù)值型字段，為屬性值不同的范圍，分別設置渲染符號渲染器會根據(jù)該字段所在的范圍的值進行分級渲染。分級渲染查詢檢索管理程序和ArcGISServerServices之間的連接。為什么要設置Proxy？所創(chuàng)建的請求長度超過2048個字節(jié)。token。要素編輯設置方法（以ASP.Net為例）在proxy.config中添加需要連接的ArcGISServer<serverUrlurl="60:6080/arcgis/rest/services/"matchAll="true"></serverUrl>在代碼中添加xyUrl="proxy.ashx";代理頁面設置Task.execute(parameters,callback,errorback)parameters：調用時的輸入?yún)?shù)callback：回調函數(shù)errorback：錯誤回調函數(shù)Task的一般調用方法查詢一個地圖服務中的單個圖層可進行屬性查詢、幾何查詢或二都同時查詢。單圖層查詢：QueryTask單圖層查詢：QueryTask創(chuàng)建QueryTask屬性查詢圖形查詢多圖層屬性查詢：FindTask查詢同一個地圖服務的多個圖層。僅能查詢屬性信息。多圖層幾何查詢：IdentifyTask查詢同一個地圖服務的多個圖層。僅能通過幾何圖形來查詢。WebAppBuilderforArcGISWebAppBuilder簡介基于HTML5/無插件what-you-see-is-what-you-get瀏覽器、移動一體化應用模板定制零開發(fā)/低開發(fā)Portal集成版、開發(fā)版BasemapGalleryBookmarkChartDirectionsEditGeoprocessingLegendDrawMeasurementPrintQueryLayerList即拿即用應用模板定制開發(fā)WebAppBuilder簡介直接使用BuilderApptemplateArcGISPortal/Online使用WebAppBuilderforArcGIS的兩種方式通過ArcGISOnline或者PortalforArcGIS使用我的內容WebMap開發(fā)版本

下載并配置支持定制基于WebAppBuilder應用/apps/MapAndAppGallery/index.html?appid=1e3085af6e1a48c8908fa624bdfef768在ArcGISOnline上創(chuàng)建Web應用在ArcGISOnline上創(chuàng)建Web應用在ArcGISOnline上創(chuàng)建Web應用在ArcGISOnline上創(chuàng)建Web應用SDK下載地址:/web-appbuilder/WebAppBuilder開發(fā)版本的使用更改指向本地的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中創(chuàng)建應用自帶Themes主題

8種主題、多種樣式和布局支持擴展2D應用自帶Widget即用即用、配置式40+Off-panelwidget和In-panelwidget非面板widget面板widget

2D應用可運行在任何設備上演示-配置安裝及構建應用理解Widget、Panel、ThemesWidget

利用dojo的AMD模塊進行開發(fā)，包含了特定的業(yè)務邏輯，實現(xiàn)在系統(tǒng)中的可視化，并與用戶進行交互，進行業(yè)務操作和處理Panel用來顯示widget的容器，多個widget可顯示在一個panel中，由panel控制各個widget的顯示，也可自行開發(fā)panelThemesWebAppBuilder主題UI，包含了顯示W(wǎng)idget的主題面板、顏色字體、Widget在主題面板中的位置等更多信息WebAppBuilder擴展開發(fā)定制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框架原理創(chuàng)建相對應的文件夾及文件創(chuàng)建Panel創(chuàng)建Sytle創(chuàng)建Layout增加國際化處理創(chuàng)建ThemesWidget創(chuàng)建manifest.json部署文件定制ThemesThemesHeaderWidget

顯示W(wǎng)idget的Penel面板Widget的放置位置非面板Widget應用標題(icon、color)Themes屏幕小部件放置位置themesWidgetWebAppBuildertemplateArcGISOnline或ArcGISforPortal應用模板應用導出模板WebAppBuilder中運行

通過WebAppBuilder訪問其它服務器容器中(tomcat、IIS)

下載應用，部署在容器中應用部署ArcGIS

OnlinePortalfor

ArcGISWeb

App1ProductionWeb

ServerWeb

App21.符號渲染2.查詢檢索3.通過ArcGISonline的WebAppB