JSAPI渲染與查詢 JSAPI培訓(xùn)資料

ArcGISAPIforJavaScript開發(fā)培訓(xùn)Esri中國(guó)成都分公司—

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

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

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

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

下載并配置支持定制基于WebAppBuilder應(yīng)用/apps/MapAndAppGallery/index.html?appid=1e3085af6e1a48c8908fa624bdfef768在ArcGISOnline上創(chuàng)建Web應(yīng)用在ArcGISOnline上創(chuàng)建Web應(yīng)用在ArcGISOnline上創(chuàng)建Web應(yīng)用在ArcGISOnline上創(chuàng)建Web應(yīng)用SDK下載地址:/web-appbuilder/WebAppBuilder開發(fā)版本的使用更改指向本地的JSAPIWebAppBuilderJSAPIORLocalPortaljsapi:http://webserver/webadaptor/jsapi/jsapi/Filelocation:C:\ProgramFiles\ArcGIS\Portal\framework\jsapiclient/stemapp/env.js運(yùn)行WebAppBuilder服務(wù)方式運(yùn)行

瀏覽到/server/目錄下npminstallnpmrun-scriptinstall-windows-service手動(dòng)方式node命令

瀏覽到/server/目錄下，運(yùn)行nodeserver.js命令雙擊startup.bat添加WebAppBuilder到Portal中

在portal中創(chuàng)建應(yīng)用自帶Themes主題

8種主題、多種樣式和布局支持?jǐn)U展2D應(yīng)用自帶Widget即用即用、配置式40+Off-panelwidget和In-panelwidget非面板widget面板widget

2D應(yīng)用可運(yùn)行在任何設(shè)備上演示-配置安裝及構(gòu)建應(yīng)用理解Widget、Panel、ThemesWidget

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

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

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

下載應(yīng)用，部署在容器中應(yīng)用部署ArcGIS

OnlinePortalfor

ArcGISWeb

App1ProductionWeb

ServerWeb

App21.符號(hào)渲染2.查詢檢索3.通過ArcGISonline的WebAppB