天天看點

ArcGIS API for JavaScript 4.2學習筆記[11] 官方第五章Popups(彈窗)概覽與解釋

對AJS4.2第五章Popup的章節介紹,即彈出視窗。

直接跳過第三第四章了,第三章Layer和第四章可視化,怎麼說呢,Layer是組織資料的,是Map的屬性之一。可視化屬于符号化程式設計,暫時不看。

第五章是對資料、結果的顯示,類似于alert()、.NET的MessageBox,彈窗嘛。

官方的解釋很清楚了,我翻譯過來,再加上自己的一些了解。

Popup,是Accessor的 一個子類,它的執行個體是彈窗對象。像這樣

ArcGIS API for JavaScript 4.2學習筆記[11] 官方第五章Popups(彈窗)概覽與解釋

是不是很熟悉?對,在老版本的百度地圖中,也有很多這種彈窗的例子。

這一章比較短,給出預覽:

ArcGIS API for JavaScript 4.2學習筆記[11] 官方第五章Popups(彈窗)概覽與解釋

【Get started with popups】

【Get started with PopupTemplate】

前兩節是預熱,通過例子告訴使用者怎麼使用 Popup 和 PopupTemplate 這兩個直接繼承自Accessor的類,去彈出一個視窗,以及簡單介紹如何使用這兩個類的屬性。

Popup作用于View對象,而PopupTemplate作用于一些Layer對象或者Graphic對象。

【Popup dock positions】

這節從名字就知道了,控制彈窗的位置。

【Multiple popup elements】

 使用多個彈窗元素。彈窗裡可以放置很多種元素,因為彈窗不可能隻有文本,還可以有圖表、外鍊等。

 還介紹了怎麼使用related table(并不知道是什麼,等看到源代碼就知道怎麼回事了吧?)

【PopupTemplate with functions】

 PopupTemplate這個類的執行個體,和functions?

 口語點的解釋就是:

 在Layer或者Graphic的彈出窗(PopupTemplate)中,如果對輸出文本(輸出資訊)有特殊的格式需求,是可以指定一段代碼來完成這個格式化過程的。

 官方的例子,拿人口變化比率來說明。人口變化這個比率(如下圖)

ArcGIS API for JavaScript 4.2學習筆記[11] 官方第五章Popups(彈窗)概覽與解釋

 有一個圖案,就是紅色的向下箭頭和紅色的數字(如果是增長的就是綠色向上箭頭和綠色數字)。

 這個就不是官方的格式字元串方法了,是以就要自定義方法去完成這個資訊的格式化。

【Popup actions】

 給彈出窗添加一些自定義的動作——看到初始彈出窗下面那個放大鏡按鈕沒?這就是說,允許自定義按鈕并添加一些功能。

【Custom popup actions per feature】

ArcGIS API for JavaScript 4.2學習筆記[11] 官方第五章Popups(彈窗)概覽與解釋

這個看圖就好解釋了,字面義就是每個要素(feature)都可以定制功能,圖中那個啤酒按鈕就可以彈出這個位址的網站(大概)。

重點應該不是這個啤酒按鈕的功能了,而是能對feature的定制。這個feature的彈窗和View的彈窗有什麼不同呢?到代碼裡看看吧。

繼續閱讀