geoserver_OpenLayers_安装配置

1、geoservergeoserver 与与 OpenLayersOpenLayers 配置配置2008 年 1 月目录目录1准备工作准备工作.41.1需要用到的程序和资料.42地图格式转换方式地图格式转换方式(一一) .53地图格式转换方式地图格式转换方式(二二) .53.1解压地图.53.2打开地图.53.3导出图层.63.4转换MIF格式为SHP格式 .64GEOSERVER 安装配置安装配置.64.1GEOSERVER安装.64.2配置地图.6登录geoserver .7配置数据.7新建数据集.8新建Feature Type.10应用保存配置.12访问地图.155OPENLAYERS 配

2、置配置.165.1测试页面.165.2部署示例.215.3查看效果.215.4加上GOOGLEMAP图层.21申请Google 地图 API 的key.21将域名映射到本地.21编辑html.22查看效果.226GEOSERVER 高级设置高级设置.236.1自定义图层的 STYLE.236.2查看图层的字段信息.266.3在 TOMCAT上部署 GEOSERVER.276.4自定义名称空间.287参考资料参考资料.311 准备工作准备工作 相关资料文件下载1.1 需要用到的程序和资料需要用到的程序和资料1.JDK 1.6 :安装好 JDK1.62.MapInfo Professional 6

3、.4 SCP 中文版或者 8.5 SCP 英文版安装好 Mapinfo3.geoserver 来源： 4.Openalyers 2.5来源： 5.深圳地图一份来源： （这个地图只是局部信息，而且信息两很小，我重新找了份效果还不错的深圳局部地图）6.地图格式转换工具来源：7.Apache Tomcat 来源： 2 地图格式转换方式地图格式转换方式(一一)Mapinfo 8.5 中，主菜单 - Tools -Universal Translator- Universal TranslatorMapInfo6.5 中，主菜单- Tools -工具-通用转换器-通用转换器。(或者进入 D:Progra

4、m FilesMapInfoProfessionalUT，运行 IMUTGUI.EXE)选择源文件格式，选择多个源文件，再选择输出文件夹，点 ok 开始进行转换，IMUTGUI.exe 实际是调用 IMUT.exe 来进行文件转换的。对于字段名为中文的，需要先将字段名修改掉，否则编写 Style 的时候用中文字段可能无法正确读取修改方法如下：先打开地图，然后：主菜单Window - New browser Window（快捷键为 F2） ，打开指定的表，主菜单选择 Browse (浏览) Pick Fields (选取字段)， Pick Fields 对话框显示出来。(我照上面没改出来，我是用

5、转换方式二，先导出成 mif 文件，然后再用文本编辑器打开mif 文件。直接改的字段名)Update:最后知道了正确的改字段名的方法：主菜单-表- 维护-表结构-选择需要修改的表-选中字段,在字段名输入新的字段名即可.实际对应的 MapBasic 为： Alter Table Bguangdong ( rename Kind Kindaaa ) Interactive3 地图格式转换方式地图格式转换方式(二二)(该步操作是我走的弯路，仅做记录以备忘)3.1 解压地图解压地图解压深圳地图到 E:gis深圳3.2 打开地图打开地图启动 Mapinfo,打开 E:gis深圳下面所有图层3.3 导出图

6、层导出图层主菜单-Table-Export-选择要导出的图层，点 Export.将图层导出为 mif 格式的文件。3.4 转换转换 mif 格式为格式为 shp 格式格式运行 datatransfer.exe，选择格式和文件，进行转换。4 GeoServer 安装配置安装配置4.1 GeoServer 安装安装解压 geoserver-1.5.4a.bin.zip 到 E:gisgeoserver，运行 E:gisgeoserverbinstartup.bat在 LJ 的用户变量中新增变量名 JAVA_HOME，变量值 D:j2sdk_13。在系统变量中新增变量名 GEOSERVER_HOME

7、，变量值 D:geoserver。不知此变量放在用户变量中行不行要双击 D:geoserverbinstartup.bat 弹出 DOS 框，才能运行 http:/localhost:8080/geoserver/，而且 DOS 框不能关，关掉就不能运行了？4.2 配置地图配置地图打开浏览器，访问：http:/localhost:8080/geoserver/4.2.1 登录登录 geoserver点“配置” ，在登录界面输入用户名 admin，密码geoserver4.2.2 配置数据配置数据登录成功之后，再点“配置” 。在配置界面，点“数据” 。在数据配置界面，点“数据库” 。4.2.3

8、新建数据集新建数据集在 Feature 数据集配置界面，点“新建”在新建界面，Feature 数据描述类型，选择 Shaperfile，Feature 数据集 ID，输入“szmap_bingguanjiudian” ，点“新建”(此时，由于地图信息还没部署，因此，先将 shape 格式的数据文件复制到E:gisgeoserverdata_dirdataszmapnew。)在数据文件配置界面中，url 填写为：file:data/szmapnew/bingguanjiudian_custom_point.shp(表示对应 E:gisgeoserverdata_dirdataszmapnewbi

9、ngguanjiudian_custom_point.shp)Charset 填写为：GBK，点“提交” 。4.2.4 新建新建 Feature Type文件加载成功，进入 Feature Type 编辑界面，样式选择 point,SRS 填写为 4326,点生成.再点“提交” 。(千万不要勾上启用缓存，我就是勾上它，结果导致创建的 FeaTure Type 无法保存，走了弯路)4.2.5 应用保存配置应用保存配置然后先点左上角的“应用” ，再点“保存” 。重复上述步骤可配置多个图层。数据集的信息保存在E:gisgeoserverdata_dir catalog.xmlfeatureTypes

10、 信息保存在 E:gisgeoserverdata_dirfeatureTypescatalog.xml 内容节选为： (文件重新加载保存之后，原有的注释说明不见了。)4.2.6 访问地图访问地图回到首页欢迎界面，点“Mapbuilder 客户端”找到 topp:bingguanjiudian_custom_point，点 Openlayers。把地图缩放比例拉到最小，然后点其中一个标注点，网页下面会显示出查询到的信息。5 Openlayers 配置配置5.1 测试页面测试页面编写测试页面，内容如下： OpenLayers map preview #map width: 800px; heig

11、ht: 380px; border: 1px solid black; var map; var untiled; var tiled; function setHTML(response) ; function init() map = new OpenLayers.Map(map, controls:, projection: EPSG:4326, units:degrees); OpenLayers.IMAGE_RELOAD_ATTEMPTS = 5; / setup tiled layer topp:danwei_font_point, http:/localhost:8080/geo

12、server/wms, height: 380, width: 800, layers: topp:danwei_font_point, styles: , srs: EPSG:4326, format: image/png, tiled: true, tilesOrigin : 114.08473735,22.5444392 , ); map.addLayer(tiled); topp:jiaotonggandao_region, http:/localhost:8080/geoserver/wms, height: 392, width: 800, layers: topp:jiaoton

13、ggandao_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); topp:daoluzhongxinxian_polyline,

14、 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 , maxExtent: bounds, maxResolution: 6.49429687499814E-5, projection: EPSG:4

15、326, buffer: 0,isBaseLayer:false ); map.addLayer(daoluzhongxinxian_polyline); topp:shangsha_font_point, http:/localhost:8080/geoserver/wms, width: 800, layers: topp:shangsha_font_point, styles: , srs: EPSG:4326, height: 381, format: image/png, transparent: true,tiled: true, tilesOrigin : 114.0838415

16、,22.543650900000003 , maxExtent: bounds, maxResolution: 6.20898437499462E-5, projection: EPSG:4326, buffer: 0,isBaseLayer:false ); map.addLayer(shangsha_font_point); /map.addLayer(tiled); / setup untiled layer topp:danwei_font_point, http:/localhost:8080/geoserver/wms, height: 380, width: 800, layer

17、s: topp:danwei_font_point, styles: , srs: EPSG:4326, format: image/png , ); untiled.ratio=1; untiled.setVisibility(false, false); /map.addLayer(untiled); / setup controls and initial zooms map.zoomToExtent(bounds); / support GetFeatureInfo var url = map.layers0.getFullRequestString( REQUEST: GetFeat

18、ureInfo, BBOX: map.getExtent().toBBOX(), INFO_FORMAT: text/html, QUERY_LAYERS: map.layers0.params.LAYERS, FEATURE_COUNT: 50, layers: topp:danwei_font_point, styles: , srs: EPSG:4326, http:/localhost:8080/geoserver/wms ); OpenLayers.loadURL(url, , this, setHTML, setHTML); Event.stop(e); ); Untiled Ti

19、led Click on the map to get feature infos 5.2 部署示例部署示例将该页面保存到 E:gisgeoserverwebappsgeoserver5.htm5.3 查看效果查看效果访问 http:/localhost:8080/geoserver/5.htm 拖动图层，并可点击数据5.4 加上加上 googlemap 图层图层5.4.1 申请申请 Google 地图地图 API 的的 key申请的 url 填写为： 将域名映射到本地将域名映射到本地编辑 hosts 文件，将5.4.2 编辑编辑 html参考 E:gistoolsOpenLay

20、ersexamplesgoogle.html增加 google map 的 js 引用yourkey type=text/javascript增加图层 map.addLayers(googlesatellite); map.addLayers(googlebybrid); map.addLayers(GMapsStreets);5.4.3 查看效果查看效果从图上可以看出 mapinfo 地图数据和 google 的卫星照片没有对齐。6 GeoServer 高级设置高级设置6.1 自定义图层的自定义图层的 Style假如是点层，可以参照下面的 Mypoi.sld，把它复制到上面的框中，再修改。假

21、如是面层，可以按照如下新建。点击上面页面中的 “创建新的 SLD” 。与 POSTGRESQL 的联系创建即可。下面是创建层的概念FeatureType 的新建的新建 点击上不页面的新建，会显示所有已连接的数据表。参考 E:gisgeoserverdata_dirstyles poi.sld，我自己定义了一个 mypoi 的样式，但是由于geoserver 直接显示中文存在问题，于是先将显示的名称定义成了拼音。Mypoi.sld 的内容如下：StyledLayerDescriptor version= poi circle #FF0000 1.0 11 circle #EDE513 1.0 7

22、 PY Arial Normal 14 #000000 在 FeatureType 配置中修改样式为：mypoi,然后点应用，再点保存，即可生效，下面是深圳地图的显示效果。经过再次试验，将字体信息去掉，反而可以显示中文了，修改后的节选 Name Normal 14 #0000ff 显示效果为：6.2 查看图层的字段信息查看图层的字段信息在 FeatureType 编辑器的最下方，可以看到该图层是字段信息，在写 Style 的时候，将使用到这些字段名，严格区分大小写。将字段名改成英文之后，重新配置 Style,Style 节选： NAME italic,bold 14 #FF0000 效果如下(

23、中间有块图是 google 的没加载上)：6.3 在在 Tomcat 上部署上部署 GeoServer解压 Tomcat 到 E:gisapache-tomcat-将 geoserver-RC2-war.zip 中的 geoserver.war 解压到E:gisapache-tomcat-webappsgeoserver为了地图数据安全，将地图数据存放到指定的目录，比如：E:gisgisdata将 E:gisapache-tomcat-webappsgeoserverdata 下的所有文件复制到 E:gisgisdata，再用文本编辑器打开，E:gisapache-tomcat-bin cat

24、alina.bat，在开头加上下面一行set JAVA_OPTS=%JAVA_OPTS% -DGEOSERVER_DATA_DIR=E:/gis/gisdata，保存 catalina.bat.(下面这行是不行的，实际不是环境变量，而是 java 的 Properties，set GEOSERVER_DATA_DIR=E:gisgisdata)运行 E:gisapache-tomcat-binstartup.bat 来启动 Tomcat,控制太可以看到下面这样的信息：信息: Starting Servlet Engine: Apache Tomcat/05 一月 11:11:44 ERROR geoserver.global - GEOSERVER_DATA_DIR: E:gisgisdata-log4j:WARN File opt