拷貝目錄下的openlayer.js、根目錄下的lib目錄、根目錄下的img目錄到你**的scripts目錄下（當然，這個只是例子，您**的目錄結構您自己說得算，只要保證openlayers.js，/lib，/img在同一目錄中即可）。 然後，建立乙個****.html作為檢視地圖的頁面。
環境：geoserver1.7
openlayers2.4
dreamviever8
目標：用
openlayers
載入geoserver wms。
步驟：（1）
空白html檔案
（2）插入
div-map
（3）為div
付風格
以上為未載入地圖的靜態頁面
**為：
效果為：
（4）插入
openlayers
**引用
（5）寫
js**，主要是
init（）
第乙個地圖視窗就完成了
注1．
js
中
defer
的作用是頁面載入完成後，執行指令碼。
注2．222
目標：讓地圖預設佔滿展現區
方法：設定
map的
options
，由其中兩個因素決定：
maxextent
－最大地圖邊界；
maxresolution
－最大解析度。 當
maxextent
設定為地圖的最大邊界後，
maxresolution
設定為auto
，那地圖就佔滿
div。
var options = ;
map = new openlayers.map('map',options);
目標：填加尺度縮放控制項
步驟：（1）
map初始化賦引數
var options = ;
map = new openlayers.map('map',options);
（2）填加控制項，**
map.addcontrol(new openlayers.control.panzoombar());
思考：級別的計算，個人推測由
(maxresolution- minresolution)/
numzoomlevels
，但是預設值是書面日後再細究。
目標：地圖上滑鼠移動拾取
步驟：map.addcontrol(new openlayers.control.mouseposition());
注1．
control
的建構函式可以帶引數，
var control = new openlayers.control();
例如：
map.addcontrol(new openlayers.control.mouseposition());
就是制定在頁面的
location
元素位置顯示座標。
注2．
2
注3．
2
初次使用，就只寫下**與作用，至於引數以後用到進行研究。
（1）滑鼠拖動、滾軸放大縮小，自帶乙個拉框放大。
map.addcontrol(new openlayers.control.mouse*******());
（2）圖層控制
map.addcontrol(new openlayers.control.layerswitcher());
（3）填加永久鏈結
map.addcontrol(new openlayers.control.permalink());
（4）鷹眼視窗
map.addcontrol(new openlayers.control.overviewmap());
（5）預設的鍵盤操作支援，比如
pageup、à
等 map.addcontrol(new openlayers.control.keyboarddefaults());
OpenLayers開發學習（一）
由於專案需要，最近開始學習openlayers開發gis客戶端，它的優勢咱就不說了。以前基本上沒學習過js之類的東西，這次突然要立馬就上，開發起來顯得很吃力，而且網上的api寫的也不是很清楚，那只有靠自己並摸索和並學習了。在開發中遇到的第一問題是 openlayers如何呼叫arcgis serve...
openlayers學習記錄
openlayers.util.getelement 以陣列的形式返回所有引數在document中的dom元素 openlayers.util.getelement的別名 openlayers.util.extend 目標物件，原物件 將原物件中的所有非 undefined 屬性拷貝到目標物件 包括...
openlayers框架介紹（一）
解壓後我們看到img lib，theme三個資料夾和openlayers.js和openlayers.debug.js兩個js檔案，如圖 其中img是自定義的控制項，lib中包含firebug，openlayers，rico三個資料夾和deprecated.js及openlayers.js兩個js檔...