OpenLayers元素選擇工具

2022-08-27 06:33:10 字數 1185 閱讀 1907

openlayers的selector工具相信挺多人都沒有用過,其實這個工具用處還是不少的。比如完成元素查詢時,需要實現圖屬性聯動,使用這個工具很方便。最近做專案時也使用到這個工具,使用起來確實挺方便的。效果如圖:

紅色部分為使用selector選擇的效果。

下面說說實現過程:

定義selector工具,並新增到地圖中

//高亮元素選擇

selectcontrols = ,

toggle: true,

onselect: function (feature) ,

onunselect: function (feature)

})};

map.addcontrol(selectcontrols['selector']]);

(1)this.hightlightvectorlayer指的是目標圖層,這個工具可以選擇哪個圖層上的元素。

(2)selectstyle:{},是選中元素的樣式。

(3)toggle是指第乙個點選選中上,第二次取消選中,第三次選中…..

(4)onselect是乙個事件型別的屬性,指選中元素後,執行的操作,有個引數feature,feture有該元素的fid等資訊,可以用來進行圖屬聯動

(5)onunselect指的是圖層中非元素的點選事件。

(6)還有其他的許多屬性,如hover: false,callback等,有興趣的可以看看。

2.元素選擇**方法。主要是新增pupop到地圖上顯示資訊。也可使用feature.attributes.fid屬性和屬性結果進行聯動。我這裡做的是新增popup到地圖上,**如下:

/*

* 岩石地層高亮元素選擇**方法,展示popup

* parameters:

* feature: - 當前選中的元素

* that: - 當前上下文

*/hightlineeleselectcallback: function (feature, that) , );

map.popups.length > 0 && map.popups[0].destroy();

map.addpopup(feature.popup);

},

元素選擇問題

元素選擇又稱順序統計學,無非包含在乙個資料集中查詢最小的數,最大的數,中位數,第k位數,前k小數。云云。1.查詢最小數,查詢最大數 順序查詢,比較次數 n 1 複雜度為o n 如果同時查詢出最大最小數,則採取如下方法 findminmax a findminmax a 1.將n個元素兩兩分為 n 2...

jQuery元素選擇

1 查詢所有符合條件的元素 find 舉例 ul find li addclass tmpexample 查詢頁面中ul元素下的所有li元素,並為查詢到的li元素增加tmpexample樣式。2 查詢指定元素的兄弟節點 siblings 舉例 li tmpcarrot slblings addcla...

JQuery選擇元素

參考 jquery基礎教程 雖然我個人覺得這本書的講解順序毫無邏輯,瞎搞 1.基於列表項的級別新增樣式 selected plays li addclass horizontal 查詢id為selected plays的元素的子元素中所有的列表項 selected plays li not hori...