原创 OpenLayers學習筆記10——datagrid雙擊縮放指定點

這裏實現gis裏最常用的功能:縮放至圖層(或者縮放至要素),實現效果如下: 這個實現就很簡答了,主要用到的是datagrid的雙擊事件,其api是這麼描述的: 那麼,只要獲取雙擊行的經緯度,然後利用map的setCenter或zoom

原创 OpenLayers 項目完整分析(二)源代碼總體結構分析

   通過前面的項目介紹,我們大概已經知道 Openlayers是什麼,能夠做什麼,有什麼意義。接下來我們分析它怎麼樣,以及怎樣實現的等問題。          這個圖是從它的文檔上截取的,旨在從感官上認識一下OpenLayers的類。下

原创 Leaflet繪製熱力圖

時下用的最多的開源二維webgis引擎應該是openlayers與leaflet了,leaflet因其輕量、靈活性得到了越來越多的應用。並且leaflet的插件也非常多,綜合使用的話,可以很容易的實現數據的可視化分析與應用 1

原创 OpenLayers 項目分析(三)-OpenLayers中定製JavaScript內置類

(三)BaseTypes: OpenLayers中定製JavaScript內置類   OpenLayers不僅“自己”寫了一些底層的類,像上回說的那些都是。同時也定製了一些JS的一些內置類,即對JS內置類的擴展。這個擴展主要包含3類

原创 OpenLayers學習筆記1——實現WMTS的逐級無縫縮放

在內網部署應用時,將下載的地圖發佈爲WMTS服務,可以提升地圖訪問速度,並可以通過設置相關參數實現不同地圖的無縫縮放(世界---中國----省---市),效果圖如下所示:主要需要設置不同圖層的最大和最小分辨率(maxResolution,

原创 OpenLayers項目分析(七)地圖表現

一開始看到OpenLayers,就有一個問題。就是它作爲WebGIS的前端,通俗地說,是“顯示”地圖的。那麼,它顯示的地圖是什麼,是怎麼顯示的,又是怎麼實現的?——暫且把這個問題叫做地圖表現。我覺得最關鍵的就是Map類,把這個類分析清楚了

原创 OpenLayers學習筆記9——使用servlet與jquery-ui實現自動提示輸入

做軟件都要從用戶的角度來做,怎麼樣讓用戶輸入的更少,體驗更好,我們就應該怎麼來做,也就是需求驅動,客戶都是大爺!題外話說完了,步入正題,本文實現在查詢時輸入查詢條件時,自動提示數據庫中包含改值所有記錄(注意,我這裏用的是包含,not s

原创 OpenLayers項目分析(四)空間數據的組織與實現

GIS,核心是什麼?數據?平臺?服務?     空間數據的特徵、表達方式?   地理數據的模型(結構)?   在OpenLayers空間數據的實現主要存在OpenLayers. Geometry類及其子類中。我們先看下面的兩個圖片,表現了

原创 OpenLayers項目分析(六)數據渲染分析

實際上,OpenLayers的整個表現過程是這樣的:通過調用獲取數據,然後各種格式的解析器解析數據,在用所謂的渲染器渲染後加到圖層上,最後再結合相應的控件表現出來,成爲一幅我們看到的“動態”地圖。   這裏主要討論OpenLayers.

原创 OpenLayers項目分析——(九)控件

OpenLayers中的控件,是通過加載到地圖上而起作用的,也算地圖表現的一部分。同時,控件需要對地圖發生作用,所以每個控件也持有對地圖(map對象)的引用。   前面說過,控件是於事件相關聯的。具體的說就是控件的實現是依賴於事件綁定

原创 OpenLayers項目分析(五) 數據解析以GML爲例

前面也提到過,OpenLayers設計是符合標準的,有良好的框架結構和實現機制,非常值得學習。OpenLayers支持的格式比較多,有XML、GML、GeoJSON、GeoRSS、JSON、KML、WFS等。這回主要以GML爲例來看Ope

原创 OpenLayers學習筆記2——座標轉換問題

參照別人的添加marker的demo來改造時,發現無論怎樣更改經緯度,都是停留在同一個位置。過了一兩天突然想起可能是座標參考的問題,嘗試搜了一下,果然是這個問題。問題是這樣子的: WMTS中地圖的座標參考系是102100(具體是哪個不清楚

原创 OpenLayers學習筆記3——使用jQuery UI美化界面設計

PC端軟件在開發是有較多的界面庫可以選擇,比如DevExpress、BCG、DotNetBar等,可以很方便快捷的開發出一些炫酷的界面,最近在學習OpenLayers,涉及到web前端開發,在設計界面時剛開始不熟悉,設計的很醜,後來參照A

原创 OpenLayers 項目分析(三)BaseTypes

(三)BaseTypes :定義底層類與定製JS內置類        先說基類型BaseTypes下,OpenLyers構建的“自己”的類。它們分別是:OpenLayers. LonLat、OpenLayers. Pixel、OpenLa

原创 OpenLayers學習筆記6——使用jQuery UI實現查詢並標註(功能實現篇)

本篇博客接上篇是關於OpenLayers的地圖標註及彈出窗(marker+popup),先來看下效果圖:本篇參考了博客:【openlayers】CSS3樣式的Popups 點贊 2 收藏 分享 文章舉報