色哟哟视频在线观看-色哟哟视频在线-色哟哟欧美15最新在线-色哟哟免费在线观看-国产l精品国产亚洲区在线观看-国产l精品国产亚洲区久久

0
  • 聊天消息
  • 系統消息
  • 評論與回復
登錄后你可以
  • 下載海量資料
  • 學習在線課程
  • 觀看技術視頻
  • 寫文章/發帖/加入社區
會員中心
創作中心

完善資料讓更多小伙伴認識你,還能領取20積分哦,立即完善>

3天內不再提示

采用SVG技術在WebGIS系統中的設計與應用

電子設計 ? 作者:電子設計 ? 2018-11-16 10:33 ? 次閱讀

引言

隨著Internet 技術與GIS 技術的發展,WebGIS 為GIS的發展開辟了新的空間,這有助于GIS信息的高度社會化共享盡早實現。不僅如此,也為GIS信息的提供者和使用者提供了便利,從而更加促進了GIS的快速發展。Internet技術的支持也使WebGIS的優勢更加明顯,比如WebGIS的信息更新頻率更快使得消息到達更加及時、發布速度更快并且范圍更廣,這些優點使得WebGIS明顯優于其他傳統地理信息系統。

由于地圖數據復雜且數量大,為了保證在客戶端能夠通過瀏覽器快捷并高效地查看地圖數據,必須在地圖數據的處理及顯示發布方法上做更多的改進,這為WebGIS的實現帶來了更大的挑戰。XML技術為Web地圖矢量數據的顯示發布提供了新的方法,即可縮放矢量圖形SVG,它很好地解決了地圖數據共享及互操作的關鍵問題。

SVG在WebGIS應用中最顯著的優點是地圖圖像縮放不失真,且地圖數據存儲文件小。此外,通過結合分布式體系結構,很好地平衡了服務器負載,并充分應用了客戶端的處理功能,從而提高了地圖數據處理的效率。

1 SVG與WebGIS 技術介紹

1.1 WebGIS優勢及關鍵技術

WebGIS訪問范圍很廣泛,這是與較為傳統的基于桌面的GIS 相比較為明顯的優勢。即使是多個位于不同位置服務器的最新數據,客戶也能夠同時訪問到。這種Internet/Intranet所特有的優勢使得GIS的數據管理避免了不必要的操作,更為便利;除此之外,其軟件成本與維護成本均較低;并且操作簡單,只需瀏覽器操作即可。

分布式系統服務器可分散安裝于多臺機器上,且不受空間限制,只要能通過互聯便可。這種方式的優點是分散單個服務器負載,優化了訪問速度,這便是基于分布式的WebGIS 系統。分布式服務體系結構可以很好地使客戶端和服務器端之間的處理負載保持平衡。

WebGIS的分布式系統結構如圖1所示。

分布式體系結構在一定程度上很好地分擔了服務器的數據承載量,但是服務器端的數據量仍沒有變化,而基于SVG 的WebGIS 設計模型則很好地利用了客戶端資源,減少了服務器端的數據量,提高了GIS數據的顯示與發布效率。

1.2 SVG技術

SVG 運用XML 語言來描述矢量圖形、位圖圖像和文字,它是按照W3C 標準基于XML 的成像模型,它使Web 開發人員、設計人員和用戶能夠擺脫HTML 的限制,并通過一個簡單的說明性編程模型創建豐富的視覺內容和交互功能。SVG完全支持文檔對象模型,且由程序語言動態生成,并且可以跨平臺作業。

采用SVG技術在WebGIS系統中的設計與應用

SVG提供了大量針對圖形、圖像、動畫的特定標記,大大豐富了網頁顯示效果,同時減小了文件長度,縮短了傳輸時間。它還支持腳本語言,尤其是可以創建具有動態的、數據驅動的、交互式圖形、圖像。它將對圖形效果的編輯和顯示任務由服務器端移到客戶端,可充分利用客戶端的資源,從而減輕了服務器的負擔。SVG的諸多優點使其非常適合運用于WebGIS.

SVG文檔結構樣式定義了SVG圖元怎樣被渲染,描述了一個對象怎樣被繪制,以及定義了文本參數、坐標系統、SVG視區、視區坐標系和用戶坐標系。圖形對象有直線(line)、路徑(path)、圓(circle)、圖標(symbol)、文字(text)、圖像(image)等。路徑是一個圖形的輪廓,它的動作有Moveto、lineto、arc等,其交互性通過腳本控制,腳本可以修改對象屬性。

SVG 瀏覽器的上下文環境包含的對象有SVG本身作為XML 文檔所包含的DOM 對象,還有因瀏覽器差異而產生的其他對象.具體對象結構如圖2所示。

采用SVG技術在WebGIS系統中的設計與應用

SVG主要使用的對象變量共有5個,分別是Window、Document、rootElement、contextMunu、element.Window顧名思義,指的是WebGIS 瀏覽器運行窗口,Document主要負責對SVG 文檔的操作與處理,通過腳本來完成。contextMenu 變量的作用與Document類似,只是擴展了鼠標右鍵操作彈出菜單功能。rootElement和element均是對SVG 元素進行操作,只是前者是對根元素進行操作,而后者是對節點元素進行操作。

2 基于SVG的WebGIS 系統設計與實現

2.1 系統設計模型

基于SVG 的WebGIS 系統主要由基于服務器端的WebService和基于客戶端的SVG 腳本文件及Web頁面兩部分構成。系統具體結構圖如圖3所示。

采用SVG技術在WebGIS系統中的設計與應用

服務器端WebService 的主要作用是:從地圖基本信息庫中取得一副圖指定層的數據,然后取得指定圖幅中的層列表、指定圖幅的范圍及元數據,同時可根據地名查找到圖幅位置。地圖基本信息庫數據的主要是SVG地圖數據文件和SGY源數據文件。客戶端腳本文件的主要作用是:地圖圖像的顯示控制、圖層控制、地圖數據的下載以及圖幅拼湊。服務器端和客戶端的通信協議主要是HTTP,本地的JSP程序通過HTTP協議向服務器發送請求元數據信息,獲得元數據信息后生成元數據顯示界面,客戶端直接請求元數據頁面并顯示地圖圖像。

由于地圖數據信息量大,因此必須得到GIS數據庫的支持。本文采用的GIS 數據庫并不是常用的關系數據庫,而是SVG文檔。客戶端與服務器端通過HTTP協議連接后,服務器端解析客戶端的數據請求,并通過讀取SVG 文檔獲得地圖矢量數據,然后服務器端將客戶端請求的矢量地圖輸入嵌入式Web 頁面,最后回復給客戶端瀏覽器。

2.2 腳本動態操作SVG

采用腳本動態操作SVG 文檔是開發基于SVG 的WebGIS 系統需要重點解決的問題。對于SVG 文檔的DOM 對象,主要有兩種操作方法[5]:使用JavaScript 在SVG 文檔內部處理;在Batik 環境下,首先通過相關接口獲取當前顯示SVG 視圖的DOM 對象,然后引用使用Java 語言對SVG 文檔進行處理。本文采用前一種方式。下面對腳本動態操作SVG的主要函數做簡單介紹。

在JavaScript 環境下,通過DOM 定義的接口,在SVG 的XML 樹中漫游,可以對找到的節點屬性重新賦值,還可以在當前文檔中刪除節點或添加新創建的節點。

采用SVG技術在WebGIS系統中的設計與應用

getURL 函數是window 對象提供的方法,該方法可以實現從指定的URL路徑實時加載數據。getURL方法是由Adobo實現的,在加載文件的時候,該方法可以判斷所加載文件的文件類型和編碼方式,對于gzip壓縮的xml文件,用戶也可以加載。又比如對于壓縮存儲格式的。svgz文件,用戶加載后會自動進行必要的解壓操作;加載文本文件時,還能根據加載文件的編碼格式(ASCII,UTF-8,UTF-16)進行自動識別。這些都在很大程度上提供了便利。

處理實時加載的文件調用函數fileLoaded,實現方式如下:

采用SVG技術在WebGIS系統中的設計與應用

采用SVG技術在WebGIS系統中的設計與應用

代碼中的data 參數表示的是一個關于指定URL文件信息的對象,該對象的success 屬性可以標識是否成功加載了用戶指定的文件;content 屬性記錄了所加載文件的文本內容;contentType 屬性用于標識文件類型。

2.3 應用拓展

基于SVG 的WebGIS 系統的實現為智能交通及物流信息化發展提供了契機。WebGIS系統與導航系統結合,再加上云計算服務,可制定動態導航系統。用戶能在Web頁面查看到當前的交通狀況,根據WebGIS界面做出預測,選擇交通暢通的道路行駛,這將為智能交通行業的發展起到很大的促進作用。現在已經有很多科研機構開始著手研究WebGIS在城市交通中的應用,比如同濟大學研究了WebGIS 下的城市智能交通實時發布系統。同時在物流行業,WebGIS 方便的監測物流配送情況為信息化物流提供了技術保證。

3 結語

SVG 作為WebGIS實現的新方法,很好地平衡了服務器負載,并充分地利用了客戶端資源,相比于傳統WebGIS 的實現方式有著明顯的優勢。基于SVG 的WebGIS 系統將在各個領域得到廣泛應用,特別是在智能交通及物流行業,將會迎來新的發展機遇。

聲明:本文內容及配圖由入駐作者撰寫或者入駐合作網站授權轉載。文章觀點僅代表作者本人,不代表電子發燒友網立場。文章及其配圖僅供工程師學習之用,如有內容侵權或者其他違規問題,請聯系本站處理。 舉報投訴
  • Web
    Web
    +關注

    關注

    2

    文章

    1269

    瀏覽量

    69611
  • Internet
    +關注

    關注

    0

    文章

    400

    瀏覽量

    36879
  • 瀏覽器
    +關注

    關注

    1

    文章

    1034

    瀏覽量

    35447
收藏 人收藏

    評論

    相關推薦

    【分享】EasyGo 鏈式SVG系統的實時仿真應用

    一、鏈式SVG簡介電力系統的無功步長裝置發展到今天,從早期的電容器,同步調相機,到靜止無功步長裝置SVC,以及現在的靜止無功發生器SVG. SVG
    發表于 02-21 17:31

    SVG監控系統

    SVG監控系統SVG監控系統SVG監控系統
    發表于 04-03 16:25

    SVG無功補償裝置生活的應用

    惡化,同時諧波還會引起配電網保護控制系統發生“拒動”、“誤動”等不利情況發生,降低配電網供電可靠性。存在大量諧波分量的配電網系統,進行無功補償和諧波治理是非常必要
    發表于 11-26 15:27

    下載離線地圖和webGIS的應用

    openlayes 離線地圖下載和webGIS簡單應用
    發表于 04-17 10:52

    HarmonyOS應用開發-Svg組件體驗

    基礎容器,主要作為svg的根節點使用,也可以svg嵌套使用。屬性:支持Svg組件通用屬性和以下屬性,設置的通用屬性會傳遞給子組件。名稱類
    發表于 01-12 14:13

    基于SVG標準的WebGIS地圖應用研究

    利用SVG標準技術解決了基于WebGIS重大危險源系統的地圖顯示問題。提出基于SVG的地圖符號描述模型,重點描述點、線、面3種類型對象,通過
    發表于 04-16 10:53 ?34次下載

    基于XML的開放式WebGIS系統設計

    基于XML 的開放式WebGIS系統設計是解決傳統WebGIS 數據共享、服務互操作問題的好方法。本文分析了基于XML 的開放式WebGIS
    發表于 05-30 10:28 ?17次下載

    基于WebGIS的社區就業系統的設計

    基于WebGIS的社區就業系統的設計:作為社區就業的基礎平臺,社區綜合就業服務信息系統的設計具有重要的現實意義.論述系統構建的必要性和可行
    發表于 10-26 11:13 ?13次下載

    WebGIS技術公共信息服務的應用研究

    WebGIS是基于Web環境的GIS,利用WebGIS技術發布公共信息,是實現面向公眾的數字化信息服務的重要方式。本文闡述了利用WebGIS開發公共信息
    發表于 12-07 13:38 ?14次下載

    對象池技術WebGIS的應用

    文章分析了現有WebGIS的缺陷,闡述了對象池技術的思路和特點,設計了對象池最大閾值計算方法,提高了現有系統的并發能力,并且.NET環境下進行了實現和測試。事實證明,合理設置對
    發表于 07-23 10:36 ?12次下載

    WebGIS實時監控的通用框架改進

    針對傳統WEBGIS實時監控應用的問題,引入AJAX和SVG技術進行改造,并對這兩種技術
    發表于 05-26 16:21 ?24次下載
    <b class='flag-5'>WebGIS</b>實時監控的通用框架改進

    基于SVG企業任務管理系統應用

    針對組織人與任務互動過程任務管理部分,總結模擬方法和手段的基礎上,通過可縮放矢量圖形技術SVG)與JavaScript腳本代碼技術(JS)相結合的方式,將基于
    發表于 11-10 16:39 ?6次下載

    基于GeoJSON的輕量級WebGIS

    針對傳統WebGIS矢量數據瀏覽器可視化缺乏統一標準以及采用地圖切片方式響應速度慢的現狀,引入了HTML5 Canvas和GeojSON技術
    發表于 12-18 11:36 ?0次下載
    基于GeoJSON的輕量級<b class='flag-5'>WebGIS</b>

    基于WEBGIS技術的地址滑坡實時監測系統

    基于WEBGIS技術的地址滑坡實時監測系統
    發表于 06-30 14:48 ?17次下載

    新風光SVG煤礦瓦斯發電系統的應用

    SVG設備并聯到電網,采集系統電壓、電流信號,計算系統無功功率和功率因數,根據系統的變化,自動調節輸出,使功率因數穩定在設置的范圍內,整個
    的頭像 發表于 12-15 16:07 ?914次閱讀
    主站蜘蛛池模板: 99久久精品免费精品国产| 伊人青青草原| 2021扫黑风暴在线观看免费完整版| 国产欧美精品一区二区三区-老狼| 日本污ww视频网站| 拔擦拔擦8X永久华人免费播放器| 免费观看美女的网站| 在线播放一区二区精品产| 久久超碰色中文字幕| 亚洲熟女片嫩草影院| 精品人妻无码一区二区三区蜜桃臀 | 国产亚洲高清视频| 午夜影院老司机| 国产亚洲精品线观看不卡| 亚洲乱码中文字幕久久| 九九热在线观看| 最近中文字幕MV免费高清视频8 | 久久精品视在线观看85| 97人人添人人澡人人澡人人澡 | 国产Av男人的天堂精品良久| 手机看片国产免费| 果冻传媒完整免费网站在线观看 | 777ZYZ玖玖资源站最稳定网址| 免费精品美女久久久久久久久| bl高h乱肉辣文| 色欲蜜臀AV免费视频| 国产人妻麻豆蜜桃色在线| 亚洲三级在线视频| 伦理 电影在线观看| 成片在线看一区二区草莓| 十九禁啊啪射视频在线观看| 国精品产露脸偷拍视频 | 亚洲网站视频在线观看| 男人J放进女人屁股免费观看| 俄罗斯孩交精品| 亚洲精品第一综合99久久| 快播最新电影网站| 儿子操妈妈| 影音先锋亚洲AV少妇熟女| 全文都是肉高h文| 黑人干亚洲人|