OpenLayers 項目完整分析——(二)源代碼總體結(jié)構(gòu)分析上一篇 / 下一篇 2008-01-07 23:33:48 / 個人分類:OpenLayers
(二)源代碼總體結(jié)構(gòu)分析 通過前面的項目介紹,我們大概已經(jīng)知道 Openlayers是什么,能夠做什么,有什么意義。接下來我們分析它怎么樣,以及怎樣實(shí)現(xiàn)的等問題。 這個圖是從它的文檔上截取的,旨在從感官上認(rèn)識一下OpenLayers的類。下面分別介紹(文檔中的類是按字母順序排列的,也按這個順序說吧): 我們看到在類的頂層“高高在上”的是OpenLayers,它為整個項目實(shí)現(xiàn)提供名稱空間(JavaScript語言沒有名稱空間一說,但是它確實(shí)有自己的機(jī)制實(shí)現(xiàn)類似的功能,后面會說明),它直接擁有一常量 VERSION_NUMBER,以標(biāo)識版本。 Ajax: 顧名思義,用于實(shí)現(xiàn)Ajax功能,只是OpenLayers的開發(fā)者們把它單獨(dú)寫到一個類里了,其中用到了Prototype.js框架里的一些東西。同時,設(shè)計的時候也考慮了跨瀏覽器的問題。 BaseTypes: 這里定制了OpenLayers中用到的 string,number 和 function。比如,OpenLayers. String. startsWith,用于測試一個字符串是否一以另一個字符串開頭;OpenLayers. Number. limitSigDigs,用于限制整數(shù)的有效數(shù)位;OpenLayers. Function.bind,用于把某一函數(shù)綁定于對象等等。 Console: OpenLayers.Console,此名稱空間用于調(diào)試和把錯誤等輸出到“控制臺”上,需要結(jié)合使用../Firebug/firebug.js。 Control: 我們通常所說的控件類,它提供各種各樣的控件,比如上節(jié)中說的圖層開關(guān) LayerSwitcher,編輯工具條EditingToolbar等等。加載控件的例子 : class = new OpenLayers.Map('map', { controls: [] }); map.addControl(new OpenLayers.Control.PanZoomBar()); map.addControl(new OpenLayers.Control.MouseToolbar()); Events: 用于實(shí)現(xiàn)OpenLayers的事件機(jī)制。具體來說, OpenLayers中的事件分為兩種,一種是瀏覽器事件,例如mouseup,mousedown之類的;另外一種是自定義的,如addLayer之類的。 OpenLayers中的事件機(jī)制是非常值得我們學(xué)習(xí)的,后面將具體討論。 Feature: 我們知道:Feature是 geography 和attributes的集合。在OpenLayers中,特別地OpenLayers.Feature 類由一個marker 和一個lonla組成。 OpenLayers. Feature.WFS與OpenLayers. Feature. Vector繼承于它。 Format: 此類用于讀/寫各種格式的數(shù)據(jù),它的子類都分別創(chuàng)建了各個格式的解析器。這些格式有: XML、 GML、GeoJSON 、 GeoRSS、JSON、KML 、WFS、WKT( Well-Known Text )。 Geometry: 怎么翻譯呢,幾何?是對地理對象的描述。它的子類有Collection、Curve、LinearRing、LineString、MultiLineString、MultiPoint、MultiPolygon、Point、Polygon、Rectangle、Surface,正是這些類的實(shí)例,構(gòu)成了我們看到的地圖。需要說明的是, Surface 類暫時還沒有實(shí)現(xiàn)。 Handler: 這個類用于處理序列事件,可被激活和取消。同時,它也有命名類似于瀏覽器事件的方法。當(dāng)一個 handler 被激活,處理事件的方法就會被注冊到瀏覽器監(jiān)聽器listener ,以響應(yīng)相應(yīng)的事件;當(dāng)一個handler被取消,這些方法在事件監(jiān)聽器中也會相應(yīng)的被取消注冊。Handler通過控件control被創(chuàng)建,而control通過icon表現(xiàn)。 Icon: 在計算機(jī)屏幕上以圖標(biāo)的形式呈現(xiàn),有url、尺寸size和位置position3個屬性。一般情況,它與 OpenLayers.Marker結(jié)合應(yīng)用,表現(xiàn)為一個 Marker。 Layer: 圖層。 Map: 網(wǎng)業(yè)中動態(tài)地圖。它就像容器,可向里面添加圖層Layer和控件Control。實(shí)際上,單個Map是毫無意義的,正是Layer和Control成就了它。 Marker: 它的實(shí)例是 OpenLayers.LonLat 和OpenLayers.Icon的集合。通俗一點(diǎn)兒說, Icon附上一定的經(jīng)緯度就是Marker。 它們的組合關(guān)系是: Popup: 地圖上一個小巧的層,實(shí)現(xiàn)地圖“開關(guān)”功能。使用例子: Class = new OpenLayers.Popup("chicken", new OpenLayers.LonLat(5,40), new OpenLayers.Size(200,200), "example popup", true); map.addPopup(popup); Renderer : 渲染類。 在OpenLayers中,渲染功能是作為矢量圖層的一個屬性存在的,我們稱之為渲染器,矢量圖層就是通過這個渲染器提供的方法將矢量數(shù)據(jù)顯示出來。以SVG 和VML為例,繼承關(guān)系是這樣的: 至于 OpenLayers. Renderer. Elements為什么要存在,以及它的渲染機(jī)制,后面會說。 Tile: 設(shè)計這個類用于指明單個“瓦片”Tile,或者更小的分辨率。Tiles存儲它們自身的信息,比如url和size等。它的類繼承關(guān)系如下: Util:“ 跑龍?zhí)?#8221;的類。 寫到這里,可以看到OpenLayers 的類纏繞的挺麻煩的,接下來的文章將從代碼部分分析更細(xì)部的東西。 相關(guān)閱讀:
|
|