《geoserver_OpenLayers_安装配置.doc》由会员分享，可在线阅读，更多相关《geoserver_OpenLayers_安装配置.doc（38页珍藏版）》请在三一文库上搜索。
1、 Geoserver 和 OpenLayers 第 1 页 共 38 页 geoservergeoserver 与与 OpenLayersOpenLayers 配置配置 2008 年 1 月 Geoserver 和 OpenLayers 第 2 页 共 38 页 目录目录 1准备工作准备工作.4 1.1需要用到的程序和资料.4 2地图格式转换方式地图格式转换方式(一一) .5 3地图格式转换方式地图格式转换方式(二二) .5 3.1解压地图.5 3.2打开地图.5 3.3导出图层.6 3.4转换MIF格式为SHP格式 .6 4GEOSERVER 安装配置安装配置.6 4.1GEOSERVER安
2、装.6 4.2配置地图.6 4.2.1登录geoserver .7 4.2.2配置数据.7 4.2.3新建数据集.8 4.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 5.4.1.1将域名映射到本地.21 5.4.2编辑html.22 5.4.3查看效果.22 6GEOSERVER 高级设置高级设置.23 6.1自定义图层的 STYLE.23
3、 6.2查看图层的字段信息.26 6.3在 TOMCAT上部署 GEOSERVER.27 6.4自定义名称空间.28 7参考资料参考资料.31 Geoserver 和 OpenLayers 第 3 页 共 38 页 Geoserver 和 OpenLayers 第 4 页 共 38 页 1 准备工作准备工作 相关资料文件下载 1.1 需要用到的程序和资料需要用到的程序和资料 1.JDK 1.6 : 安装好 JDK1.6 2.MapInfo Professional 6.4 SCP 中文版或者 8.5 SCP 英文版 安装好 Mapinfo 3.geoserver 1.5.4 或者 1.6.0
4、Rc2 http:/superb- 来源： http:/docs.codehaus.org/display/GEOS/Download 4.Openalyers 2.5 http:/www.openlayers.org/download/OpenLayers-2.5.zip 来源： http:/www.openlayers.org/ 5.深圳地图一份 来源： （这个地图只是局部信息，而且信息两很小，我重新找了份效果还不错的深圳局部地图） 6.地图格式转换工具 来源： height: 380px; border: 1px solid black; var map; var untiled; va
5、r tiled; function setHTML(response) OpenLayers.Util.getElement(nodelist).innerHTML = response.responseText; ; function 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(1
6、14.08473735,22.5444392,114.09911765000001,22.5517168) tiled = new OpenLayers.Layer.WMS( 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, tiled: true, tilesOrigin : 114.08473735,22.5444392
7、 , maxExtent: bounds, maxResolution: 5.617304687505209E-5, projection: EPSG:4326, buffer: 0 Geoserver 和 OpenLayers 第 18 页 共 38 页 ); map.addLayer(tiled); jiaotonggandao_region = new OpenLayers.Layer.WMS( topp:jiaotonggandao_region, http:/localhost:8080/geoserver/wms, height: 392, width: 800, layers:
8、topp:jiaotonggandao_region, styles: , srs: EPSG:4326, transparent: true, format: image/png, tiled: true, tilesOrigin : 114.0836293,22.543578500000002 , maxExtent: bounds, maxResolution: 6.49429687499814E-5, projection: EPSG:4326, buffer: 0 ); map.addLayer(jiaotonggandao_region); daoluzhongxinxian_po
9、lyline = 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: true, tilesOrigin : 114.0836293,22.543578500000002 , maxExt
10、ent: bounds, maxResolution: 6.49429687499814E-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, layers: topp:shangsha_font_point,
11、 styles: , srs: EPSG:4326, height: 381, format: image/png, transparent: true,tiled: true, tilesOrigin : 114.0838415,22.543650900000003 , Geoserver 和 OpenLayers 第 19 页 共 38 页 maxExtent: bounds, maxResolution: 6.20898437499462E-5, projection: EPSG:4326, buffer: 0,isBaseLayer:false ); map.addLayer(shan
12、gsha_font_point); /map.addLayer(tiled); / 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, maxResolutio
13、n: 5.617304687505209E-5, projection: EPSG:4326 ); 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 Op
14、enLayers.Control.Scale($(scale); map.addControl(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, fu
15、nction (e) OpenLayers.Util.getElement(nodelist).innerHTML = Loading. please wait. + map.layers0.name; 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, Geoserver 和 OpenLayers 第 20 页 共 38
16、页 INFO_FORMAT: text/html, QUERY_LAYERS: map.layers0.params.LAYERS, FEATURE_COUNT: 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 Ti
17、led Click on the map to get feature infos Geoserver 和 OpenLayers 第 21 页 共 38 页 5.2 部署示例部署示例 将该页面保存到 E:gisgeoserverwebappsgeoserver5.htm 5.3 查看效果查看效果 访问 http:/localhost:8080/geoserver/5.htm 拖动图层，并可点击数据 5.4 加上加上 googlemap 图层图层 5.4.1 申请申请 Google 地图地图 API 的的 key 申请的 url 填写为： :8080/ 5.4.1.1将域名映射到本地将域名映射到
18、本地 编辑 hosts 文件，将 映射为 127.0.0.1.否则在本地加载不了 google map. Geoserver 和 OpenLayers 第 22 页 共 38 页 5.4.2 编辑编辑 html 参考 E:gistoolsOpenLayersexamplesgoogle.html 增加 google map 的 js 引用 增加图层 var googlesatellite = new OpenLayers.Layer.Google( Google Satellite , type: G_SATELLITE_MAP, maxZoomLevel:18 ); map.addLayer
19、s(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.addLayers(GMapsStreets); 5.4.3 查看效果查看效果 从图上可以看出 mapinfo 地图
20、数据和 google 的卫星照片没有对齐。 Geoserver 和 OpenLayers 第 23 页 共 38 页 6 GeoServer 高级设置高级设置 6.1 自定义图层的自定义图层的 Style Geoserver 和 OpenLayers 第 24 页 共 38 页 假如是点层，可以参照下面的 Mypoi.sld，把它复制到上面的框中，再修改。 假如是面层，可以按照如下新建。 Geoserver 和 OpenLayers 第 25 页 共 38 页 Geoserver 和 OpenLayers 第 26 页 共 38 页 点击上面页面中的 “创建新的 SLD” 。 与 POSTGR
21、ESQL 的联系 创建即可。 Geoserver 和 OpenLayers 第 27 页 共 38 页 下面是创建层的概念 FeatureType 的新建的新建 点击上不页面的新建，会显示所有已连接的数据表。 Geoserver 和 OpenLayers 第 28 页 共 38 页 参考 E:gisgeoserverdata_dirstyles poi.sld，我自己定义了一个 mypoi 的样式，但是由于 geoserver 直接显示中文存在问题，于是先将显示的名称定义成了拼音。 Mypoi.sld 的内容如下： poi circle #FF0000 1.0 11 circle #EDE51
22、3 1.0 Geoserver 和 OpenLayers 第 29 页 共 38 页 7 PY Arial Normal 14 #000000 在 FeatureType 配置中修改样式为：mypoi,然后点应用，再点保存，即可生效，下面是深 圳地图的显示效果。 Geoserver 和 OpenLayers 第 30 页 共 38 页 经过再次试验，将字体信息去掉，反而可以显示中文了，修改后的节选 Name Normal 14 #0000ff 显示效果为： Geoserver 和 OpenLayers 第 31 页 共 38 页 6.2 查看图层的字段信息查看图层的字段信息 在 Feature
23、Type 编辑器的最下方，可以看到该图层是字段信息，在写 Style 的时候，将使用 到这些字段名，严格区分大小写。 将字段名改成英文之后，重新配置 Style, Style 节选： NAME Geoserver 和 OpenLayers 第 32 页 共 38 页 italic,bold 14 #FF0000 效果如下(中间有块图是 google 的没加载上)： 6.3 在在 Tomcat 上部署上部署 GeoServer 解压 Tomcat 到 E:gisapache-tomcat-6.0.14 将 geoserver-1.6.0-RC2-war.zip 中的 geoserver.war
24、解压到 E:gisapache-tomcat-6.0.14webappsgeoserver 为了地图数据安全，将地图数据存放到指定的目录，比如：E:gisgisdata 将 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. G
25、eoserver 和 OpenLayers 第 33 页 共 38 页 (下面这行是不行的，实际不是环境变量，而是 java 的 Properties， set GEOSERVER_DATA_DIR=E:gisgisdata) 运行 E:gisapache-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 0
26、5 一月 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 logging enabled. Log file also output to E:gisgi
27、sdatalogsgeoserver.log 再浏览器中访问 :8080/geoserver，可以看到 geoserver 已经部署成功。 6.4 自定义名称空间自定义名称空间 登录管理界面，配置数据,点“名称空间” 。 点“新建” Geoserver 和 OpenLayers 第 34 页 共 38 页 前缀填写为： szditu，再点新建。 URI 填写为： Geoserver 和 OpenLayers 第 35 页 共 38 页 再点左上角的应用，再点保存。 将重新制作的深圳地图，复制到 E:gisgisdatadataszditu. 重新配置后的 datastore 如下： 深圳地图兴
28、趣点 效果如下： Geoserver 和 OpenLayers 第 36 页 共 38 页 7 参考资料参考资料 GeoServer 不同服务器安按装配置、数据发布及客户端访问: Openlayers 的 Overlays 设置： http:/trac.openlayers.org/wiki/BaseLayersAndOverlays FeatureTypeStyle 参考 Mapinfo 的使用： 关于 gis，重点推荐两个非常有价值的 blog Classicning Daily Log: Java&GIS BlogJava: 8 uDig 生成生成 Style 手工编写 SLD 是非常麻
29、烦的，因此可以用 uDig 来帮助生成。 Geoserver 和 OpenLayers 第 37 页 共 38 页 8.1 导出导出 sld 样式文件，样式文件， 选中指定的图层，然后在主菜单，选 Layer 再选 Change Style，然后点左下角的 Export。 就可以导出样式了。 8.2 四色地图四色地图 在 Change Style 的时候，选择 Theme，然后选择条件字段，再选择主题。 效果（uDig 里看到标注是乱码） Geoserver 和 OpenLayers 第 38 页 共 38 页 我测试有 shape，不知为什么，刚开始总显示不出来，后来我把投影去掉似乎就可以了