1、geoservergeoserver 與與 OpenLayersOpenLayers 配置配置 chenchangyun 2010 年 8 月 目錄目錄 1準備工作準備工作.4 1.1需要用到的程序和資料.4 2地圖格式轉(zhuǎn)換方式地圖格式轉(zhuǎn)換方式(一一) .5 3地圖格式轉(zhuǎn)換方式地圖格式轉(zhuǎn)換方式(二二) .5 3.1解壓地圖.5 3.2打開地圖.5 3.3導出圖層.6 3.4轉(zhuǎn)換MIF格式為SHP格式 .6 4GEOSERVER 安裝配置安裝配置.6 4.1GEOSERVER安裝.6 4.2配置地圖.6 4.2.1登錄geoserver .7 4.2.2配置數(shù)據(jù).7 4.2.3新建數(shù)據(jù)集.8 4

2、.2.4新建Feature Type.10 4.2.5應用保存配置.12 4.2.6訪問地圖.15 5OPENLAYERS 配置配置.16 5.1測試頁面.16 5.2部署示例.21 5.3查看效果.21 5.4加上GOOGLEMAP圖層.21 5.4.1申請Google 地圖 API 的key.21 將域名映射到本地.21 5.4.2編輯html.22 5.4.3查看效果.22 6GEOSERVER 高級設置高級設置.23 6.1自定義圖層的 STYLE.23 6.2查看圖層的字段信息.26 6.3在 TOMCAT上部署 GEOSERVER.27 6.4自定義名稱空間.28 7

3、參考資料參考資料.31 1 準備工作準備工作 相關(guān)資料文件下載 1.1 需要用到的程序和資料需要用到的程序和資料 1.JDK 1.6 : 安裝好 JDK1.6 2.MapInfo Professional 6.4 SCP 中文版或者 8.5 /9.5/10.0 英文版 安裝好 Mapinfo 3.geoserver 1.5.4 或者 1.6.0 Rc2 或者 2.0.2 http:/superb- 來源： /display/GEOS/Download 4.Openalyers 2.5 /downloa

4、d/OpenLayers-2.5.zip 來源： / 5.地圖一份 來源：各個現(xiàn)場提供的 mapinfo 地圖或者 ESRI 公司的 shapfile 文件 6.地圖格式轉(zhuǎn)換工具【選用】 來源： height: 380px; border: 1px solid black; var map; var untiled; var tiled; function setHTML(response) OpenLayers.Util.getElement(nodelist).innerHTML = response.responseText; ; func

5、tion init() map = new OpenLayers.Map(map, controls:, projection: EPSG:4326, units:degrees); OpenLayers.IMAGE_RELOAD_ATTEMPTS = 5; / setup tiled layer var bounds = new OpenLayers.Bounds(114.,22.,114.001,22.) tiled = new OpenLayers.Layer.WMS( topp:danwei_font_point, http:/localhost:8080/geoserver/wms,

6、 height: 380, width: 800, layers: topp:danwei_font_point, styles: , srs: EPSG:4326, format: image/png, tiled: true, tilesOrigin : 114.,22. , maxExtent: bounds, maxResolution: 5.5209E-5, projection: EPSG:4326, buffer: 0 ); map.addLayer(tiled); jiaotonggandao_region = new OpenLayers.Layer.WMS( topp:ji

7、aotonggandao_region, http:/localhost:8080/geoserver/wms, height: 392, width: 800, layers: topp:jiaotonggandao_region, styles: , srs: EPSG:4326, transparent: true, format: image/png, tiled: true, tilesOrigin : 114.,22.0002 , maxExtent: bounds, maxResolution: 6.814E-5, projection: EPSG:4326, buffer: 0

8、 ); map.addLayer(jiaotonggandao_region); daoluzhongxinxian_polyline = new OpenLayers.Layer.WMS( topp:daoluzhongxinxian_polyline, http:/localhost:8080/geoserver/wms, height: 392, width: 800, layers: topp:daoluzhongxinxian_polyline, styles: , srs: EPSG:4326, transparent: true, format: image/png, tiled

9、: true, tilesOrigin : 114.,22.0002 , maxExtent: bounds, maxResolution: 6.814E-5, projection: EPSG:4326, buffer: 0,isBaseLayer:false ); map.addLayer(daoluzhongxinxian_polyline); shangsha_font_point = new OpenLayers.Layer.WMS( topp:shangsha_font_point, http:/localhost:8080/geoserver/wms, width: 800, l

10、ayers: topp:shangsha_font_point, styles: , srs: EPSG:4326, height: 381, format: image/png, transparent: true,tiled: true, tilesOrigin : 114.,22.0003 , maxExtent: bounds, maxResolution: 6.462E-5, projection: EPSG:4326, buffer: 0,isBaseLayer:false ); map.addLayer(shangsha_font_point); /map.addLayer(ti

11、led); / setup untiled layer untiled = new OpenLayers.Layer.WMS.Untiled( topp:danwei_font_point, http:/localhost:8080/geoserver/wms, height: 380, width: 800, layers: topp:danwei_font_point, styles: , srs: EPSG:4326, format: image/png , maxExtent: bounds, maxResolution: 5.5209E-5, projection: EPSG:432

12、6 ); untiled.ratio=1; untiled.setVisibility(false, false); /map.addLayer(untiled); / setup controls and initial zooms map.addControl(new OpenLayers.Control.PanZoomBar(div:$(nav); map.addControl(new OpenLayers.Control.MouseDefaults(); map.addControl(new OpenLayers.Control.Scale($(scale); map.addContr

13、ol(new OpenLayers.Control.MousePosition(element: $(position); map.addControl(new OpenLayers.Control.LayerSwitcher(); map.addControl(new OpenLayers.Control.OverviewMap(); map.zoomToExtent(bounds); / support GetFeatureInfo map.events.register(click, map, function (e) OpenLayers.Util.getElement(nodelis

14、t).innerHTML = Loading. please wait. + ; var url = map.layers0.getFullRequestString( REQUEST: GetFeatureInfo, EXCEPTIONS: application/vnd.ogc.se_xml, BBOX: map.getExtent().toBBOX(), X: e.xy.x, Y: e.xy.y, INFO_FORMAT: text/html, QUERY_LAYERS: map.layers0.params.LAYERS, FEATURE_COUNT:

15、50, layers: topp:danwei_font_point, styles: , srs: EPSG:4326, WIDTH: map.size.w, HEIGHT: map.size.h, http:/localhost:8080/geoserver/wms ); OpenLayers.loadURL(url, , this, setHTML, setHTML); Event.stop(e); ); Untiled Tiled Click on the map to get feature infos 4.2 部署示例部署示例 將該頁面保存到 E:gisgeoserverwebap

16、psgeoserver5.htm 4.3 查看效果查看效果 訪問 http:/localhost:8080/geoserver/5.htm 拖動圖層，并可點擊數(shù)據(jù) 4.4 加上加上 googlemap 圖層圖層 4.4.1 申請申請 Google 地圖地圖 API 的的 key 申請的 url 填寫為： :8080/ 將域名映射到本地將域名映射到本地 編輯 hosts 文件，將 映射為 .否則在本地加載不了 google map. 4.4.2 編輯編輯 html 參考 E:gistoolsOpenLayersexamplesgoogle.html 增加 goog

17、le map 的 js 引用 增加圖層 var googlesatellite = new OpenLayers.Layer.Google( Google Satellite , type: G_SATELLITE_MAP, maxZoomLevel:18 ); map.addLayers(googlesatellite); var googlebybrid = new OpenLayers.Layer.Google( Google Hybrid , type: G_HYBRID_MAP ); map.addLayers(googlebybrid); var GMapsStreets = ne

18、w OpenLayers.Layer.Google( Google Steets , type: G_NORMAL_MAP, maxZoomLevel:18 ); map.addLayers(GMapsStreets); 4.4.3 查看效果查看效果 從圖上可以看出 mapinfo 地圖數(shù)據(jù)和 google 的衛(wèi)星照片沒有對齊。 5 GeoServer 高級設置高級設置 5.1 自定義圖層的自定義圖層的 Style 參考 E:gisgeoserverdata_dirstyles poi.sld，我自己定義了一個 mypoi 的樣式，但是由于 geoserver 直接顯示中文存在問題，于是先將顯

19、示的名稱定義成了拼音。 Mypoi.sld 的內(nèi)容如下： poi circle #FF0000 1.0 11 circle #EDE513 1.0 7 PY Arial Normal 14 # 在 FeatureType 配置中修改樣式為：mypoi,然后點應用，再點保存，即可生效，下面是深 圳地圖的顯示效果。 經(jīng)過再次試驗，將字體信息去掉，反而可以顯示中文了，修改后的節(jié)選 Name Normal 14 #0000ff 顯示效果為： 5.2 查看圖層的字段信息查看圖層的字段信息 在 FeatureType 編輯器的最下方，可以看到該圖層是字段信息，在寫 Style 的時候，將使用 到這些字段名

20、，嚴格區(qū)分大小寫。 將字段名改成英文之后，重新配置 Style, Style 節(jié)選： NAME italic,bold 14 #FF0000 效果如下(中間有塊圖是 google 的沒加載上)： 5.3 在在 Tomcat 上部署上部署 GeoServer 解壓 Tomcat 到 E:gisapache-tomcat-6.0.14 將 geoserver-1.6.0-RC2-war.zip 中的 geoserver.war 解壓到 E:gisapache-tomcat-6.0.14webappsgeoserver 為了地圖數(shù)據(jù)安全，將地圖數(shù)據(jù)存放到指定的目錄，比如：E:gisgisdata 將

21、 E:gisapache-tomcat-6.0.14webappsgeoserverdata 下的所有文件復制到 E:gisgisdata， 再用文本編輯器打開，E:gisapache-tomcat-6.0.14bin catalina.bat，在開頭加上下面一行 set JAVA_OPTS=%JAVA_OPTS% -DGEOSERVER_DATA_DIR=E:/gis/gisdata， 保存 catalina.bat. (下面這行是不行的，實際不是環(huán)境變量，而是 java 的 Properties， set GEOSERVER_DATA_DIR=E:gisgisdata) 運行 E:gisa

22、pache-tomcat-6.0.14binstartup.bat 來啟動 Tomcat, 控制太可以看到下面這樣的信息： 2008-1-5 11:11:37 org.apache.catalina.core.StandardEngine start 信息: Starting Servlet Engine: Apache Tomcat/6.0.14 05 一月 11:11:44 ERROR geoserver.global - - - GEOSERVER_DATA_DIR: E:gisgisdata - log4j:WARN File option not set for appender geoserverlogfile. log4j:WARN Are you using FileAppender instead of ConsoleAppender? 05 一月 11:11:50 INFO geoserver.global - StdOut log