geoserver配置及openlayers應(yīng)用

1、Geoserver 和 OpenLayersgeoserver 與 Open Layers 配置che ncha ngyun .c n2010年8月第1頁共30頁Geoserver 和 OpenLayers目錄1 準備工作31.1 需要用到的程序和資料 32 地圖格式轉(zhuǎn)換方式 （一） 43 地圖格式轉(zhuǎn)換方式 （二） 錯誤！未定義書簽。3.1 解壓地圖 錯誤！未定義書簽。3.2 打開地圖錯誤！未定義書簽。3.3 導岀圖層 錯誤！未定義書簽。3.4 轉(zhuǎn)換MIF格式為SHP格式 錯誤！未定義書簽。4 GEOSERVER 安裝配置44.1 GEOSERVER 安裝 44.2 配置地圖44.2.1 登錄

2、 geoserver 44.2.2 配置數(shù)據(jù)54.2.3 新建數(shù)據(jù)集64.2.4 新建 Feature Type 84.2.5 應(yīng)用保存配置94.2.6 訪問地圖125 OPENLAYERS 配置135.1 測試頁面135.2 咅E署示例 185.3 查看效果185.4 加上 GOOGLEMAP 圖層185.4.1 申請 Google地圖 API 的 key 將域名映射到本地 185.4.2 編輯 html 195.4.3 查看效果196 GEOSERVER 高級設(shè)置206.1 自定義圖層的 STYLE 206.2 查看圖層的字段信息 236.3 在 TOMCAT 上部署G

3、EOSERVER 246.4 自定義名稱空間 257 參考資料 281準備工作相關(guān)資料文件下載1.1需要用到的程序和資料1. JDK 1.6 : se/jdk-6u3-windows-i586-p.exe安裝好JDK1.62. MapInfo Professional 6.4 SCP 中文版或者 8.5 /9.5/10.0 英文版 安裝好Mapinfo3. geoserver 1.5.4 或者 1.6.0 Rc2 或者 2.0.2http:/superb-east.dl.sourceforge .n et/sourceforge/geoserver/geoserver-1.5.4a.b in.

4、 zip http:/jaist.dl.sourceforge .n et/sourceforge/geoserver/geoserver-1.5.4a.src.zip http:/jaist.dl.sourceforge .n et/sourceforge/geoserver/geoserver-1.5.4a.war.zip http:/jaist.dl.sourceforge .n et/sourceforge/geoserver/geoserver-1.6.0-RC2-war.zip http:/ nchc.dl.sourceforge. net/sourceforge/geoserve

5、r/geoserver-1.6.0-RC2-pyramid-plugi n.zip http:/ nchc.dl.sourceforge. net/sourceforge/geoserver/geoserver-1.6.0-RC2-mysql-plugi n.zip 來源：/display/GEOS/Dow nl oad4. Open alyers 2.5http:/www.ope nl /dow nl oad/Ope nLayers-2.5.zip 來源：http:/www.ope nl /5. 地圖一份來源：

6、各個現(xiàn)場提供的map info地圖或者ESRI公司的shapfile文件6. 地圖格式轉(zhuǎn)換工具【選用】 nl oad/dow nl oad/2006/datatra nsfer.rar來源： nload/Showsoft.asp?Type=1 &ID=2167. Apache Tomcat 6.0.14【選用】http:/apache.mirror.phpch in in/apache-tomcat-6.0.14.ziphttp:/apache.mirror.phpch in 來源：/2地圖格式轉(zhuǎn)換方式（一）Mapinfo 8.5 中，主菜

7、單 -> Tools ->Universal Translator-> Universal TranslatorSource file中選擇要被轉(zhuǎn)換的所有tab文件，類型為 mapinfo ；Target file選擇shapfile文件格式，選中文件存放的路徑3 GeoServer安裝配置GeoServer1.5和最新的2.0.2操作基本類似，現(xiàn)以1.5為來講解。3.1 GeoServer 安裝解壓 geoserver-1.5.4a.bin.zip 至U E:gisgeoserver，運行 E:gisgeoserverbinstartup.batSeoS&rver&

8、#169;WCS：WF5：WMS：打開瀏覽器，訪問： http:/localhost:8080/geoserver/找的 GeoServer3.2配置地圖歡迎來到GeoServer歡迎來到Geo®ewer 1.5.3.感謝使用GeoEewer!GecSErve項目基于J2EE平臺.實WpenGlS聯(lián)合會的WFS（Web Fe 準，并提供集成的WlSfWeb Man Server）.3.2.1 登錄 geoserver點"配置”，在登錄界面輸入用戶名admin',密碼'geoserver'j http ：/localhost 0090/geoservr

9、/conf is/index, do T » Ul & '我的 GeoServer'欣迎丨登錄登錄登錄到GeoServer默認的用戶名是'admin1,密碼是 'geoseryer1，您可以在配置- > 服務(wù)器- >密碼中對此進行 修改）c322配置數(shù)據(jù)登錄成功之后，再點“配置”。在配置界面，點“數(shù)據(jù)”I http：/loc atlhost: 8030/ ge o s er ver / c on£ 1 g/ index. do我的 GeoServer歡迎1配買服務(wù)器WCSWFSWMS 密配置 GeoServer配置GeoS

10、erver程序數(shù)據(jù)載入成功!在數(shù)據(jù)配置界面，點“數(shù)據(jù)庫”我的 GeoServerf歡迎1配宣1數(shù)據(jù)名稱空間 Coverage 庫 數(shù)據(jù)庫 樣式FeatureT ypes Coverages數(shù)據(jù)載入成功!GeoServer數(shù)據(jù)色配置GeoServer程序目錄confit3.2.3新建數(shù)據(jù)集在Feature數(shù)據(jù)集配置界面，點"新建”我的 GeoServer'欣迎|配貫|數(shù)據(jù)|數(shù)據(jù)庫Feature數(shù)據(jù)集配置選擇需要配置的Feature數(shù)據(jù)集Feature數(shù)據(jù)集 ID： dS_giant_polygcn二|編輯|刪除|在新建界面，F(xiàn)eature數(shù)據(jù)描述類型，選擇Shaperfile

11、, Feature數(shù)據(jù)集ID ,輸入“szmap_bingguanjiudian ”，點"新建”第6頁共30頁Geoserver 和 OpenLayersI | http ：/localh'ost ：8080/geo server/config/ data/st or eNew. do冏|口|我的 GeoServer提交I重置第7頁共30頁Geoserver 和 OpenLayers提交I重置第7頁共30頁Geoserver 和 OpenLayers（此時，由于地圖信息還沒部署，因此，先將shape格式的數(shù)據(jù)文件復(fù)制到E:gisgeoserverdata_dirdataszm

12、apnew。）在數(shù)據(jù)文件配置界面中，url 填寫為：file:data/szmapnew/bingguanjiudian_custom_point.shp(表示對應(yīng) E:gisgeoserverdata_dirdataszmapnewbingguanjiudian_custom_point.shp) Charset填寫為：GBK，點"提交”。.host： 8080/ ge o s er ver / c on f i g/ dat a/ s t or eNewSutm i. t. do>Server|數(shù)據(jù)|數(shù)據(jù)庫|編輯Feature數(shù)據(jù)集編輯器編輯空間信息的數(shù)據(jù)源定數(shù)據(jù)集id啟用

13、 名稱空間描述szmap_birigguanjiudianftopp賓愴酒店* Url: |f ile： datg/sznapnBw/bingguanjiudian_custoni_poiirt. shp charset: |gbk提交I重置第7頁共30頁Geoserver 和 OpenLayers324 新建 Feature Type第8頁共30頁Geoserver 和 OpenLayers第#頁共30頁Geoserver 和 OpenLayers4326,點生成.文件加載成功，進入Feature Type編輯界面，樣式選擇point,SRS填寫為編輯Feature Type的內(nèi)容第#頁共3

14、0頁Geoserver 和 OpenLayers第#頁共30頁Geoserver 和 OpenLayers名稱：bingguanjiudian_custom_point樣式:| point三里健新的SLD |burg cap it als cite_lakes den.額外祥式；giant_polygon green line poi paint poly_ landmarks polygon population rastersimple, roadssinple_streams tiger_roads第#頁共30頁Geoserver 和 OpenLayers第#頁共30頁Geoserver

15、 和 OpenLayersSRS空間引馬 系統(tǒng)）：第#頁共30頁Geoserver 和 OpenLayersSRS WKT： Could not find a definition for:本地 CRS WKT: GEOGCS"GCS_WGS_1984 DATUM298. 257223563, PRIMH#GreenwiclAXIS "Lon", EAST, AXIS "St", NOSRS handling： I Force declared SRS (native will be ig：標題：|b ing guanj nidi an_ cu

16、st oih_p o irrt _ Typ e邊界盒狀模型；生戰(zhàn)|FeaTure Type 無法再點“提交”。（千萬不要勾上啟用緩存，我就是勾上它，結(jié)果導致創(chuàng)建的保存，走了彎路）第#頁共30頁Geoserver 和 OpenLayershttp：/lockLhost：0080/geosrver/config/data/typ&SelectSulniit. do最小x：114. 084533114. 089141最水經(jīng)度：1H. 034533 最大經(jīng)度:|1H. 089141最小緯度：I22* 544013最大緯度：|22' 546698序號；long第9頁共30頁Geoserv

17、er 和 OpenLayers第#頁共30頁Geoserver 和 OpenLayers名稱；string高度:string類型：string3.2.5應(yīng)用保存配置然后先點左上角的“應(yīng)用”，第#頁共30頁Geoserver 和 OpenLayersGeoServer©數(shù)據(jù):GeoServer+月 31j 2;24 下年Configuration * 一月 1047 上干XML+月312：家F年應(yīng)用| 保存| 載入|再點“保存”32LJLJGeoServer©GeoServer * 一冃 10:20 上午ConfigurationXML一月 10:1731, 2:24 下午應(yīng)

18、用| 保存| 載入|重復(fù)上述步驟可配置多個圖層。數(shù)據(jù)集的信息保存在E:gisgeoserverdata_dir catalog.xmlfeatureTypes 信息保存在 E:gisgeoserverdata_dirfeatureTypes catalog.xml內(nèi)容節(jié)選為：vdatastore id = "szmap_ju min di" en abled = "true" n amespace = "topp" >(connection Params ><parameter n ame = "chars

19、et" value = "GBK" /><parameter n ame = "url" value = "file:data/szmap new/ju min di_regi on. shp" /><parameter n ame = "n amespace" value = "topp" />/connection Params></datastore><datastore id = "szmap_lvdi"

20、 en abled = "true" n amespace = "topp" >(connection Params >parameter n ame = "charset" value = "GBK" />(parameter n ame = "url" value = "file:data/szmap new/lvdi_regio n.shp" />(parameter n ame = "n amespace" value =

21、"topp" />v/connection Params></datastore>vdatastore id = "szmap_sha ngsha" en abled = "true" n amespace = "topp" >(connection Params >(parameter n ame = "charset" value = "GBK" />(parameter n ame = "url" value

22、 = "file:data/szmap new/sha ngsha_fo nt_po in t.shp" /><parameter n ame = "n amespace" value = "topp" />v/connection Params></datastore>vdatastore id = "szmap_da nwei" en abled = "true" n amespace = "topp" >connection P

23、arams >(parameter n ame = "charset" value = "GBK" />(parameter n ame = "url" value = "file:data/szmap new/da nwei_fo nt_po in t.shp" />(parameter n ame = "n amespace" value = "topp" />v/connection Params>v/datastore>vdatas

24、tore id = "szmap_b in gguanjiudia n" en abled = "true" n amespace = "topp" > (connection Params >vparameter n ame = "charset" value = "GBK" />(parametern ame="url"value"file:data/szmap new/b in gguanjiudia n_custom_po in t.shp

25、" />vparameter n ame = "n amespace" value = "topp" /> v/connection Params>v/datastore>vdatastore id = "szmap_jiaot on gga ndao" en abled = "true" n amespace = "topp" >vconnection Params >vparameter n ame = "charset" v

26、alue = "GBK" />vparameter n ame = "url" value = "file:data/szmap new/jiaot on gga ndao_regi on. shp" /> vparameter n ame = "n amespace" value = "topp" />v/connection Params>v/datastore>vdatastore id = "szmap_daoluzh ongxin xia n&q

27、uot; en abled = "true" n amespace = "topp" > vconnection Params >vparameter n ame = "charset" value = "GBK" />vparameter n ame = "url" value = "file:data/szmap new/daoluzh ongxin xia n_polyli ne.shp" />vparameter n ame = "n

28、 amespace" value = "topp" />v/connection Params>v/datastore>vdatastore id = "szmap_dise" en abled = "true" n amespace = "topp" >vconnection Params >vparameter n ame = "charset" value = "GBK" />vparameter n ame = "

29、;url" value = "file:data/szmap new/dise_regio n.shp" />vparameter n ame = "n amespace" value = "topp" />v/connection Params>v/datastore>(文件重新加載保存之后，原有的注釋說明不見了。)326訪問地圖回到首頁歡迎界面，點"Mapbuilder客戶端”| http： /I&efilhost ：8080/geoserv&r/weleMne. die

30、 K3GenE 我的 GeoServer5®歡迎來至ij GeoServer歡迎來到 GeoServer 1.5.3.感謝使用 GeoServer!GeoServer項目基于2圧平臺,實現(xiàn)OpenGIS聯(lián)合會的WFSfWeb Feature Server)0 準，并提供集成的WMS(Web Map Server).這個版本的在線文檔可以在下面的鏈接中找到。GeoServer的Wik沖包含最近的更新. GeoServer的經(jīng)驗和技巧等*任務(wù)跟蹤用于報告錯誤或提岀新功能的建議&同樣希望： 加到GeoServer的用戶地圖以表示對Gmo蟲rver軟件的支持° Docume

31、ntation Wiki* Task Tracker User Map請訪問祥例頁面查看GeoServer的實例°這里包含了集成的Mnpbuild%客戶端、Cnhilitipq找至U topp:bingguanjiudian custom point，點 Openlayers。- -| http：/Iocalhost:8060/geoservftr/mipFrtviex doi 1 B口 Isf:streamsOpenLayers KMLtiger :gi ant_po lygonOpenLayers KMLtiger :poipent avers KMLtiger:polyjand

32、marksOpenLayers KMLtiger ：tiger_roadsOpenLayers KMILtopp: b i ngguanj i ud i an_custom_po i ntOpenLayers KMIL1 把地圖縮放比例拉到最小，然后點其中一個標注點，網(wǎng)頁下面會顯示出查詢到的信息。Scale 二 1 : 6237BIHCGUANJI AK_CIISTOI_PO 1ST序號高度類璽0華聯(lián)大廈（華聯(lián)賓館）賓館4 Openlayers 配置4.1測試頁面編寫測試頁面，內(nèi)容如下：<?xml versio n="1.0" en codi ng="UTF

33、-8"?>VDOCTYPE html PUBLIC "-/W3C/DTD XHTML 1.0 Strict/EN" "DTD/xhtml1-strict.dtd"><html xml ns="/1999/xhtml"><head><title>Ope nLayers map preview</title><style type="text/css">#map width: 800px;height: 3

34、80px;border: 1px solid black;</style><scriptsrc="http:/localhost:8080/geoserver/ope nl ayers/Ope nLayers.js"type="text/javascript"></script><script defer="defer" type="text/javascript">var map;var un tiled;var tiled;function setHTML(res

35、p on se) Open Layers.Util.getEleme nt(' no delist').i nn erHTML = resp on se.resp on seText;function init()map = new Ope nLayers.M ap('map',con trols:,'projectio n':'EPSG:4326','un its':'degrees');Ope nLayersMAGE_RELOAD_ATTEMPTS = 5;/ setup tiled layer

36、varbounds=newOpe nLayers.Bou nds(114.08473735,22.5444392,114.09911765000001,22.5517168)tiled = new Ope nLayers.Layer.WMS("topp:da nwei_fo nt_po in t", "http:/localhost:8080/geoserver/wms",height: '380',width: '800',layers: 'topp:da nwei_fo nt_po in t',styl

37、es:'',srs: 'EPSG:4326',format: 'image/p ng', tiled: 'true', tilesOrigin : "114.08473735,22.5444392",maxExte nt:bou nds,maxResolutio n:5.617304687505209E-5, projectio n:"EPSG:4326", buffer: 0)；map.addLayer(tiled);jiaot on gga ndao_regi on = new Open

38、 Layers.Layer.WMS("topp:jiaot on gga ndao_regi on", "http:/localhost:8080/geoserver/wms",height: '392',width: '800',layers: 'topp:jiaot on gga ndao_regi on',styles:'',srs: 'EPSG:4326', tran spare nt: "true",format:'image/p ng&

39、#39;,tiled:'true',tilesOrigi n"114.0836293,22.543578500000002",maxExte nt:bou nds, maxResolutio n: 6.49429687499814E-5,projectio n:"EPSG:4326", buffer: 0);map.addLayer(jiaot on gga ndao_regi on);daoluzh ongxin xia n_polyli ne = new Open Layers.Layer.WMS("topp:daoluzh

40、 ongxin xia n_polyli ne", "http:/localhost:8080/geoserver/wms",height: '392',width: '800',layers: 'topp:daoluzh ongxin xia n_polyli ne',styles:'',srs: 'EPSG:4326', tran spare nt: "true",format:'image/p ng',tiled:'true',

41、tilesOrigi n"114.0836293,22.543578500000002",maxExte nt:bou nds, maxResolutio n: 6.49429687499814E-5,projectio n:"EPSG:4326", buffer: 0,isBaseLayer:false);map.addLayer(daoluzh on gxi nxia n_polyli ne);sha ngsha_fo nt_po int = new Open Layers.Layer.WMS("topp:sha ngsha_fo nt_p

42、o in t", "http:/localhost:8080/geoserver/wms",width: '800',layers: 'topp:sha ngsha_fo nt_po in t',styles:'',srs: 'EPSG:4326',height: '381',format:'image/p ng',tran spare nt:"true",tiled:'true',tilesOrigi n"114.0838

43、415,22.543650900000003",maxExte nt:bou nds, maxResolutio n: 6.20898437499462E-5, projectio n:"EPSG:4326", buffer: O,isBaseLayer:false);map.addLayer(sha ngsha_fo nt_po in t);/map.addLayer(tiled);/ setup un tiled layerun tiled = new Ope nLayers .L ayer.WMS.U ntiled("topp:da nwei_fo

44、 nt_po in t", "http:/localhost:8080/geoserver/wms",height: '380',width: '800',layers: 'topp:da nwei_fo nt_po in t',styles:'',srs: 'EPSG:4326',format: 'image/p ng',maxExte nt:bou nds,maxResolutio n:5.617304687505209E-5, projectio n:"

45、EPSG:4326");un tiled.ratio=1;un tiled.setVisibility(false, false);/map.addLayer( un tiled);/ setup con trols and in itial zoomsmap.addC on trol( new Open Layers.C on trol.Pa nZoomBar(div:$(' nav');map.addC on trol( new Open Layers.C on trol.MouseDefaults();map.addC on trol( new Open Lay

46、ers.C on trol.Scale($('scale');map.addC on trol( new Open Layers.C on trol.MousePositi on( eleme nt: $('positi on');map.addC on trol( new Open Layers.C on trol.LayerSwitcher();map.addC on trol( new Open Layers.C on trol.OverviewMap(); map.zoomToExte nt(bo un ds);/ support GetFeature

47、Infomap.eve nts.register('click', map, function (e) Open Layers.Util.getEleme nt(' no delist').i nn erHTML = "Loadi ng. please wait." + map.l ayers0. name;var url = map.l ayersO.getFullRequestStri ng(REQUEST: "GetFeatureI nfo",EXCEPTIONS: "applicatio n/vn d.o

48、gc.se_xml",BBOX: map.getExte nt().toBBOX(),X: e.xy.x,Y: e.xy.y,INFO_FORMA T: 'text/html',QUERY_LAYERS: map.layersO.params.LAYERS,FEATURE_COUNT: 50,layers: 'topp:da nwei_fo nt_po in t', styles:'',srs: 'EPSG:4326',WIDTH: map.size.w,HEIGHT: map.size.h,"http:/lo

49、calhost:8080/geoserver/wms");Ope nLayers.loadURL(url, ”，this, setHTML, setHTML);Even t.stop(e);)；</script></head><body onl oad="i nit()"><table><tr><td style="width:40px" valign="middle" rowspan="3"><div id="nav

50、"></div></td><td colspan="3" align="right">href="#"href="#"<!- Switch layers whe n links are pressed -><aid="u ntiledLi nk"on click="map.removeLayer(tiled);map.addLayer( un tiled)"> Un tiled</a>&l

51、t;aid="tiledLi nk"on click="map.removeLayer( un tiled);map.addLayer(tiled);">Tiled</a></td></tr><tr><td colspa n="3"><div id="map"></div></td></tr><tr><td><div id="scale"><

52、/div></td><td/><td alig n="right"><div id="positi on">< /div></td></tr></table><div id="nodelist">Click on the map to get feature infos</div></body></html>4.2部署示例將該頁面保存至 U E:gisgeoserverwebappsge

53、oserver5.htm4.3查看效果訪問 http:/localhost:8080/geoserver/5.htm 拖動圖層，并可點擊數(shù)據(jù)Untiled TiledScale = 1 : 4423114, 09T853 22.548TZDAmi_FOBT_POIBT 序號名尊高度芙型 0遙圳合堂其忘4.4 力口上 googlemap 圖層4.4.1 申請 Google 地圖 API 的 key tl/zh-CN/apis/maps/sig nup.html申請的 url 填寫為： :8080/將域名映射到本地編輯hosts文件，將 映射為.否則在本地加載不了g

54、oogle map.4.4.2 編輯 html參考 E:gistoolsOpenLayersexamplesgoogle.html增加 google map的js引用<script src=" &amp;key=yourkey" type="text/javascript"></script>增加圖層var googlesatellite = new OpenLayers.Layer.Google( "Google Satellite" , type:G_SATELLITE_MAP, 'maxZ

55、oomLevel':18);map.addLayers(googlesatellite);var googlebybrid = new OpenLayers.Layer.Google( "Google Hybrid" , type: G_HYBRID_MAP );map.addLayers(googlebybrid);var GMapsStreets = new OpenLayers.Layer.Google( "Google Steets" , type:G_NORMAL_MAP, 'maxZoomLevel':18);map.

56、addLayers(GMapsStreets);4.4.3查看效果從圖上可以看出 mapinfo地圖數(shù)據(jù)和google的衛(wèi)星照片沒有對齊。文件遲）霸輯型 迤若凹 歷史邀 書維（B）工具 WSh如Untiled Til htg：/人* EIBligeg訊商甘費曲.皓旳hti*.1 -Sit lipip : d aoluzhcun i ijiX i an_jjulyl dtupp：ont poifit5 GeoServer高級設(shè)置5.1自定義圖層的Style參考 E:gisgeoserverdata_dirstyles poi.sld，我自己定義了一個mypoi 的樣式，但是由于geoserver

57、直接顯示中文存在問題，于是先將顯示的名稱定義成了拼音。Mypoi.sld的內(nèi)容如下：<?xml versio n="1.0" en codi ng="UTF-8"?><StyledLayerDescriptor versio n="1.0.0"xsi:schemaLocatio n="http:/www.ope ngis. net/sld StyledLayerDescriptor.xsd"xml ns="http:/www.ope ngis. net/sld" xml ns:

58、ogc="http:/www.ope ngis. net/ogc"xml ns:xli nk="/1999/xli nk"xml ns:xsi="/2001/XMLSchema-i nsta nce"><NamedLayer> <Name> poi </Name><UserStyle><FeatureTypeStyle><!- all the same -><Rule><Po

59、in tSymbolizer><Graphic><Mark><WellK nownN ame>circle</WellK now nName><Fill><CssParameter name="fill">#FFOOOO</CssParameter><CssParameter n ame="fill-opacity">1.0</CssParameter> </Fill></Mark><Size>11<

60、/Size></Graphic></Po in tSymbolizer><Po in tSymbolizer><Graphic><Mark><WellK nownN ame>circle</WellK now nName><Fill><CssParameter name="fill">#EDE513</CssParameter><CssParameter n ame="fill-opacity">1.0</Css

61、Parameter> </Fill></Mark><Size>7</Size></Graphic></Po in tSymbolizer><TextSymbolizer><Label><ogc:PropertyName>PY</ogc:PropertyName></Label><Font><CssParameter n ame="fo nt-family">Arial</CssParameter><

62、;CssParameter n ame="fo nt-style">Normal</CssParameter><CssParameter n ame="fo nt-size">14</CssParameter></F ont><Fill><CssParameter name="fill">#000000</CssParameter> </Fill></TextSymbolizer></Rule></FeatureTypeStyle></UserStyle></NamedLayer></StyledLayerDescriptor>在FeatureType配置中修改樣式為：mypoi,然后