WebGIS中等值線前端生成繪製簡析

2022-01-22 05:46:46 字數 1269 閱讀 8780

等值線是gis製圖中常見的功能,一般有兩種思路:一種是先進行插值生成等值面柵格圖,然後將等值面提取成等值線;另一種是進行插值後,直接再根據演算法進行插值點連線生成一條盡量閉合以及平滑的曲線。

在進行插值中,有很多演算法可以選擇,各種演算法中也會有不同的引數需要除錯,並且更具實際情況,比如地理環境因素等進行微調,最後建模。這裡我們要討論的是忽略一切外在因素,只根據座標、等值字段值進行插值和展示的**。

基於網格grid來進行問題簡化是gis領域中的常見套路,webgis中更是常用。這裡同樣我們也能把等值線的演算法基於grid來實現。

a.對範圍內的面按照網格來劃分,每乙個網格的四角座標平均插值出對應的座標。

b. 選定乙個矩形開始,追蹤等值線,等值線一定是連續的,所以在相鄰矩形邊界上的乙個數值點,肯定會在下乙個矩形中找到後續點。而且,一定是成對出現的,也就是說,肯定能發現後續的等值點,也許不止乙個(另有辦法追蹤),但不會出現找不到的情況。

c. 在乙個矩形的四邊中也有可能出現有多於一對的等值點情況,如何追蹤下一點取決於你的演算法,一般是取相鄰點(避免與另一條等值線交叉)。

d.將所有的點連線起來成為等值線,再對等值線進行平滑。

e.最後在地圖上繪出。

這裡,我們並不需要重頭來寫等值線插值演算法,在著名的開源gis前端庫——turfjs中,已經幫我們完成了這些工作。這裡我簡單介紹下truf.js。

turf.js中的幾何資料組織規範以wkt格式為標準。其官網中包含了詳細的介面介紹和樣例講解。這裡我給出我們需要用的介面:

這裡我簡單給出可以優化的地方:

a.對不同的brea**給不同樣式。

b.加上標註break值。

c.對資料進行平滑。

以下為最終效果圖:

opencv 實現等值線 繪製等值線

例項簡介 等值線繪製 用於opengl環境下等值線的生成 例項截圖 核心 等值線繪製 等值線繪製 contour 2dmemallocator.cpp 2dmemallocator.h clrfiledialog.cpp clrfiledialog.h colorlookuptable.cpp co...

MATLAB等值線繪製

作平面等值線,x,y,z為確定三維曲面點的矩陣。matlab自選等值線的高度和條數。兩者區別是,contour x,y,z 限定了等高線的橫縱座標值而contour z 沒有限定。下面以contour x,y,z 為例,說明其他功能。contour x,y,z,n 是指定畫出n條等值線,而等值線的值...

vtk學習筆記 繪製等值線

最近在學習vtk,想嘗試繪製等值線,後來在網上找到乙份教程 vtk培訓教程,裡面有講到這個內容,在這裡非常感謝這位作者的講解與示例,可惜這份文件沒有署名!使用vtk來繪製等值線,需要使用到vtkcontourfilter,它所處理的資料需要是規則網格資料,如規則的正方形網格等。通過使用vtkcont...