ArcGIS4JS重要概念2:圖層

圖層作為地圖中最基本的要素胧谈,我們擼代碼過(guò)程肯定會(huì)使用到。ArcGIS for Js 中定義很多的圖層類募寨,有的可以展示矢量數(shù)據(jù)(例如:FeatureLayerGraphicsLayer), 有的可以展示柵格數(shù)據(jù)(如: ImageryLayer)智绸。 這些圖層類都有一個(gè)共同的基類
Layer 壤躲, 我們先看看 Layer 中常用的屬性和方法。

Layer 常用屬性和方法

Layer 常用屬性

  1. fullExtent -> Extent

獲取圖層的全圖范圍秘蛇,經(jīng)常用來(lái)給MapView設(shè)置全圖范圍其做,限制MapView只能在某個(gè)圖層范圍內(nèi)瀏覽。

//當(dāng)圖層資源加載完成赁还,將 MapView 全圖范圍設(shè)置為圖層范圍
layer.when(function(){
  view.extent = layer.fullExtent;
});
  1. id -> String

圖層的唯一表示妖泄,如果沒(méi)有設(shè)置,在添加到 Map 中時(shí)會(huì)自動(dòng)生成艘策,經(jīng)常用來(lái)查找圖層指定圖層蹈胡。

  1. listMode -> String

控制圖層在微件 LayerList 中是否顯示,它有三個(gè)可選值:

描述
show 在微件中顯示
hide 在微件中隱藏
hide-children 當(dāng)圖層 為 GroupLayer ,BuildingSceneLayer , KMLLayer , MapImageLayer , TileLayerWMSLayer, 在微件中隱藏子圖層
  1. loaded -> Boolean 只讀

判斷圖層資源是否被加載朋蔫。當(dāng)為 true 時(shí)罚渐,圖層所有的屬性可以被獲取。

  1. loadError -> Error 只讀

當(dāng)圖層加載失敗時(shí)驯妄,可以通過(guò)它獲取錯(cuò)誤信息荷并。

  1. loadStatus -> String 只讀

圖層資源的加載狀態(tài), 有以下幾個(gè)值

描述
not-loaded 未加載
loading 正在加載中
loaded 已經(jīng)成功完成加載
failed 加載失敗了青扔,可以通過(guò) loadError 查看具體錯(cuò)誤信息源织。
  1. opacity -> Number

圖層透明度,值在0到1之間微猖,0表示完全透明谈息,1表示完全不透明。

  1. title -> String

圖層標(biāo)題凛剥,可以在圖例控件(Legend)和圖層控件(LayerList)顯示侠仇。

  1. visible -> Boolean

圖層的顯示和隱藏。

Layer 繼承了 Accessor ,所以我們可以使用 watch()方法監(jiān)聽(tīng)Layer的中任何屬性的變化犁珠。

Layer 常用方法

  1. fromArcGISServerUrl(params) -> Promise<Layer> 靜態(tài)方法

根據(jù)ArcGISServer的url構(gòu)造圖層逻炊,方法參數(shù)為包含圖層url和屬性的對(duì)象互亮,返回的圖層類型有下面幾種(會(huì)根據(jù)URL自動(dòng)構(gòu)建):FeatureLayer, TileLayer, MapImageLayer,
SceneLayer, StreamLayer, ElevationLayerGroupLayer

Layer.fromArcGISServerUrl({
  url: arcgisUrl, //圖層URL
  properties: { //圖層屬性
    popupTemplate: new PopupTemplate()
  }
}).then(function(layer){
  // 添加到地圖中
  map.add(layer);
});
  1. fromPortalItem(params) -> Promise<Layer> 靜態(tài)方法

根據(jù)ArcGIS Online或ArcGIS Enterprise 上托管的 portal item來(lái)構(gòu)建圖層嗅骄,如果該 portal item包含很多圖層胳挎,會(huì)返回GroupLayer

Layer.fromPortalItem({
  portalItem: { 
    id: "8444e275037549c1acab02d2626daaee"
  }
}).then(function(layer){
  // 添加到地圖中
  map.add(layer);
});dd(layer);
});
  1. on(type, listener) -> Object

注冊(cè)事件溺森,可以調(diào)用返回值的remove方法慕爬,移除注冊(cè)。

view.on("click", function(event){
  console.log(event.mapPoint);
});
  1. when(callback, errback) -> Promise

在Layer實(shí)例創(chuàng)建的時(shí)候會(huì)調(diào)用一次屏积,接收兩個(gè)回掉函數(shù)医窿,實(shí)例化成功回調(diào)第一個(gè),失敗回掉第二個(gè)炊林。

Layer的子類

我們通常不會(huì)直接使用Layer, 我們一般都是使用它的子類進(jìn)行工作姥卢。 Layer的子類有很多個(gè),用來(lái)對(duì)應(yīng)不同的類型的圖層渣聚,我們可以將這些子類分為三大類独榴,分別為:用來(lái)展示底圖、用來(lái)進(jìn)行查詢分析的業(yè)務(wù)圖層和圖層組奕枝。

1. 用來(lái)做底圖的圖層

圖層類型 數(shù)據(jù)源 數(shù)據(jù)類型 特點(diǎn) 局限性
TileLayer ArcGIS MapServer, ArcGIS portal item 圖片切片 高效率展示棺榔、提供查詢功能 不支持編輯、客戶端改變渲染隘道、popup;在三維中需要嚴(yán)格切片規(guī)范
BaseTileLayer ArcGIS MapServer, ArcGIS portal item 圖片切片 自定義切片圖層可以繼承該類 不支持編輯症歇、客戶端渲染、popup;在三維中需要嚴(yán)格切片規(guī)范
VectorTileLayer ArcGIS portal item 點(diǎn)谭梗、線忘晤、面矢量切片 切片在客戶端渲染樣式 不支持編輯、popup
IntegratedMeshLayer ArcGIS SceneServer, ArcGIS portal item 傾斜攝影數(shù)據(jù) 顯示三維傾斜攝影數(shù)據(jù) 不支持二維
ElevationLayer ArcGIS ImageServer, ArcGIS portal item 高層數(shù)據(jù) 在三維中用來(lái)描述地表 不支持二維
BaseElevationLayer ArcGIS ImageServer, ArcGIS portal item 高層數(shù)據(jù) 可作為自定義高程圖層的父類 不支持二維
PointCloudLayer ArcGIS SceneServer, ArcGIS portal item 點(diǎn)云數(shù)據(jù) 能快速高效展示點(diǎn)云激捏,渲染點(diǎn)云 不支持二維
OpenStreetMapLayer OpenStreetMap切片服務(wù) 圖片切片 展示OpenStreetMap
WMTSLayer WMTS服務(wù),ArcGIS portal item 圖片切片 OGC WMTS規(guī)范
WebTileLayer 自定義切片服務(wù)數(shù)據(jù) 圖片切片 不支持編輯设塔、客戶端改變渲染、popup
BingMapsLayer BingMaps服務(wù) 圖片切片 展示BingMap

2. 用來(lái)查詢缩幸、分析的圖層

圖層類型 數(shù)據(jù)源 數(shù)據(jù)類型 特點(diǎn) 局限性
FeatureLayer ArcGIS FeatureServer/MapServer, ArcGIS portal item或 客戶端的graphics 由點(diǎn)線面構(gòu)成的Graphic 客戶端分析壹置、popup、使用二三維符合渲染表谊、查詢和編輯操作 對(duì)展示的要素量要限制,一次可能要下載很大數(shù)據(jù)
GraphicsLayer 客戶端的graphic 由點(diǎn)線面構(gòu)成的Graphic 點(diǎn)線面有可能在同一個(gè)圖層 無(wú)法統(tǒng)一設(shè)置渲染器盖喷、popup爆办。
MapImageLayer ArcGIS MapServer,ArcGIS portal item 要素在服務(wù)端渲染之后的一個(gè)圖片 可能存在子圖層、由服務(wù)端負(fù)責(zé)渲染课梳、可以用來(lái)展示距辆、查詢或者關(guān)聯(lián)表操作 不支持編輯余佃、popup
SceneLayer ArcGIS SceneServer, ArcGIS portal item 點(diǎn)和多面體 在客戶端展示三維要素 不支持二維、不支持編輯
CSVLayer csv文件 根據(jù)csv生成的點(diǎn) 可自定義點(diǎn)符號(hào)跨算、popup 可能需要下載的數(shù)據(jù)量很大
KMLLayer kml文件爆土、ArcGIS portal item 點(diǎn)線面 顯示kml中的點(diǎn)線面 不支持三維,服務(wù)需要來(lái)自ArcGIS.com 或ArcGIS Enterprise
StreamLayer ArcGIS StreamServer 點(diǎn)數(shù)據(jù) 能進(jìn)行實(shí)時(shí)更新
ImageryLayer ArcGIS ImageServer, ArcGIS portal item 柵格服務(wù)生成的圖片 可以在客戶端或服務(wù)端進(jìn)行查詢分析
GeoJSONLayer GeoJSON數(shù)據(jù) 點(diǎn)線面 可以客戶端進(jìn)行渲染诸蚕、編輯步势、注記、popup 數(shù)據(jù)規(guī)范必須符合RFC 7946背犯,坐標(biāo)系為WGS84
WMSLayer WMS服務(wù),ArcGIS portal item 服務(wù)端生成的圖片 OGC MWS規(guī)定的特點(diǎn)
BaseDynamicLayer ArcGIS MapServer, WMS 服務(wù) 服務(wù)端生成的圖片 自定義圖層服務(wù)可以繼承此類 不支持三維坏瘩,瀏覽器端不會(huì)緩存
BuildingSceneLayer ArcGIS SceneServer, ArcGIS portal item BIM數(shù)據(jù) 展示BIM數(shù)據(jù) 不支持二維

3.圖層組

圖層類型 數(shù)據(jù)源 特點(diǎn)
GroupLayer 包含一系列圖層 可以包含多個(gè)圖層統(tǒng)一管理

歡迎關(guān)注我的微信公眾號(hào),第一時(shí)間為您推送相關(guān)教程漠魏。

GIS貓公眾號(hào)
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末倔矾,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子柱锹,更是在濱河造成了極大的恐慌哪自,老刑警劉巖,帶你破解...
    沈念sama閱讀 218,451評(píng)論 6 506
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件禁熏,死亡現(xiàn)場(chǎng)離奇詭異壤巷,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)匹层,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 93,172評(píng)論 3 394
  • 文/潘曉璐 我一進(jìn)店門隙笆,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人升筏,你說(shuō)我怎么就攤上這事撑柔。” “怎么了您访?”我有些...
    開(kāi)封第一講書(shū)人閱讀 164,782評(píng)論 0 354
  • 文/不壞的土叔 我叫張陵,是天一觀的道長(zhǎng)峻凫。 經(jīng)常有香客問(wèn)我,道長(zhǎng),這世上最難降的妖魔是什么镐侯? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,709評(píng)論 1 294
  • 正文 為了忘掉前任只怎,我火速辦了婚禮邓尤,結(jié)果婚禮上擅这,老公的妹妹穿的比我還像新娘痹扇。我一直安慰自己玫坛,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,733評(píng)論 6 392
  • 文/花漫 我一把揭開(kāi)白布。 她就那樣靜靜地躺著扫外,像睡著了一般磁玉。 火紅的嫁衣襯著肌膚如雪席赂。 梳的紋絲不亂的頭發(fā)上怪瓶,一...
    開(kāi)封第一講書(shū)人閱讀 51,578評(píng)論 1 305
  • 那天喊熟,我揣著相機(jī)與錄音,去河邊找鬼姐刁。 笑死芥牌,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的聂使。 我是一名探鬼主播壁拉,決...
    沈念sama閱讀 40,320評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼柏靶!你這毒婦竟也來(lái)了弃理?” 一聲冷哼從身側(cè)響起,我...
    開(kāi)封第一講書(shū)人閱讀 39,241評(píng)論 0 276
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤宿礁,失蹤者是張志新(化名)和其女友劉穎案铺,沒(méi)想到半個(gè)月后,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體梆靖,經(jīng)...
    沈念sama閱讀 45,686評(píng)論 1 314
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡控汉,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,878評(píng)論 3 336
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了返吻。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片姑子。...
    茶點(diǎn)故事閱讀 39,992評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖测僵,靈堂內(nèi)的尸體忽然破棺而出街佑,到底是詐尸還是另有隱情谢翎,我是刑警寧澤,帶...
    沈念sama閱讀 35,715評(píng)論 5 346
  • 正文 年R本政府宣布沐旨,位于F島的核電站森逮,受9級(jí)特大地震影響,放射性物質(zhì)發(fā)生泄漏磁携。R本人自食惡果不足惜褒侧,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,336評(píng)論 3 330
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望谊迄。 院中可真熱鬧闷供,春花似錦、人聲如沸统诺。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,912評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)粮呢。三九已至婿失,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間鬼贱,已是汗流浹背移怯。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 33,040評(píng)論 1 270
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留这难,地道東北人舟误。 一個(gè)月前我還...
    沈念sama閱讀 48,173評(píng)論 3 370
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像姻乓,于是被迫代替她去往敵國(guó)和親嵌溢。 傳聞我的和親對(duì)象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,947評(píng)論 2 355

推薦閱讀更多精彩內(nèi)容

  • >復(fù)雜的組織都是專門化的 >Catharine R. Stimpson 到目前為止蹋岩,我們已經(jīng)探討過(guò)`CALayer...
    夜空下最亮的亮點(diǎn)閱讀 1,018評(píng)論 0 2
  • Swift1> Swift和OC的區(qū)別1.1> Swift沒(méi)有地址/指針的概念1.2> 泛型1.3> 類型嚴(yán)謹(jǐn) 對(duì)...
    cosWriter閱讀 11,101評(píng)論 1 32
  • Core Animation其實(shí)是一個(gè)令人誤解的命名赖草。你可能認(rèn)為它只是用來(lái)做動(dòng)畫的,但實(shí)際上它是從一個(gè)叫做Laye...
    小貓仔閱讀 3,711評(píng)論 1 4
  • 每個(gè)UIView有一個(gè)伙伴稱為layer剪个,一個(gè)CALayer秧骑。UIView實(shí)際上并沒(méi)有把自己畫到屏幕上;它繪制本身...
    shenzhenboy閱讀 3,107評(píng)論 0 17
  • (六十一、2018.3.8) 【何以故扣囊?離一切諸相乎折,即名諸佛∏中】 為什么一定是無(wú)我呢骂澄?「離一切諸相,即名諸佛」...
    德虔閱讀 462評(píng)論 0 1