BlogJava-泰坦领域-随笔分类-GIS

openlayers 标记1

泰坦 — Tue, 16 Mar 2010 03:59:00 GMT

OpenLayers基础知识：

      OpenLayers是一个开源的js框架，用于在您的浏览器中实现地图浏览的效果和基本的zoom，pan等功能。OpenLayers支持的地图来源包括了WMS，GoogleMap，KaMap，MSVirtualEarth等等，您也可以用简单的图片作为源，在这一方面OPenLayers提供了非常多的选择。
      要使用OpenLayers，您可以到它的官方网站http://www.openlayers.org下载他的压缩包，解压后可以看到其中的一些目录和文件。拷贝dist目录下的OpenLayer.js、根目录下的lib目录、根目录下的img目录到你网站的scripts目录下（当然，这个只是例子，您网站的目录结构您自己说得算，只要保证OpenLayers.js，/lib，/img在同一目录中即可）。
      OpenLayers中最重要的2个对象Map和Layer.
      OpenLayers.Map的实体化方法：
         var map = new OpenLayers.Map("map");
         这里参数"map"对应页面中显示Map地图的DIV的id名称。
     OpenLayers.Layer为创建图层对象,OpenLayers提供了很多图层的扩展：
         * OpenLayers.Layer.Image
         * OpenLayers.Layer.HTTPRequest
         * OpenLayers.Layer.Grid
         * OpenLayers.Layer.WMS
         * OpenLayers.Layer.KaMap
         * OpenLayers.Layer.EventPane
         * OpenLayers.Layer.Google
         * OpenLayers.Layer.VirtualEarth
         * OpenLayers.Layer.Markers
         * OpenLayers.Layer.Text
         * OpenLayers.Layer.GeoRSS
         * OpenLayers.Layer.Boxes
         * OpenLayers.Layer.TMS

         Image类封装一个实际图象作为图曾内容
         HTTPRequest类可以接收一个动态生成的图片，你可以通过HTTPRequest类的参数向服务器发送参数
         Grid类是HTTPRequest类的子类，提供更加详细的方法
         WMS类用于连接WMS服务器以获得图象
         KaMap 类用于连接MapServer
         EventPane类作为用于接收用户操作的图层
         Google类用于从Google获得图象，它仍然需要你从Google获得API KEY，并且include
         VirtualEarth类用于操作VirtualEarth的图层
         Markers 类用于生成接收和显示用户本地标记的图层
         Text类用于接收CSV文件
         GeoRSS类是Marker类的子类，用于封装接收 GeoRSS并在图层中作出marker
         Boxes同样也是Marker类的子类，可以用div来做marker，而非image
         TMS 用于接收TMS服务器的地图

     OpenLayers还提供了丰富的Control类为地图浏览添加一些工具，继承自OpenLayers.Control类

         * OpenLayers.Control.LayerSwitcher
         * OpenLayers.Control.MouseDefaults
         * OpenLayers.Control.MousePosition
         * OpenLayers.Control.MouseToolbar
         * OpenLayers.Control.OverviewMap
         * OpenLayers.Control.PanZoom
         * OpenLayers.Control.PanZoomBar
         * OpenLayers.Control.Permalink
         * OpenLayers.Control.Scale

     这些类的实例会在地图浏览的“窗口”上增加一些工具栏或是“按钮”，增加互动性和功能性。

         OpenLayers对常用的数据结构进行了封装
         # OpenLayers.LonLat
         # OpenLayers.Size
         # OpenLayers.Pixel
         # OpenLayers.Bounds以便于操作。

     现在写个最简单的例子做记录：

<%@ page language="java" pageEncoding="UTF-8"%>
DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
  <head>
    <title>WMS MAP INITtitle>
    <script src="http://localhost:8080/geoserver/openlayers/OpenLayers.js" type="text/javascript">script>
    <style type="text/css">
        #map {
            width: 100%;
            height: 100%;
            border: 1px solid black;
        }
    style>
    <script defer="defer" type="text/javascript">
        function init(){
            //数据存储的左、下、右、上的范围，默认为NULL
            var bounds = new OpenLayers.Bounds(
                17831.799, 91085.208,
                18221.799, 91287.26
            );
            //创建一个OpenLayers.Map构造新的地图。
            var options = {
                controls: [],
                maxExtent: bounds,
                maxResolution: 1.5234375,
                projection: "EPSG:4326",
                units: 'degrees'
            };
            var map = new OpenLayers.Map('map', options);
            //创建一个图层信息
            var layer = new OpenLayers.Layer.WMS("State", "http://127.0.0.1:8080/geoserver/wms", {
                        layers: "dwg:0_line"
                    });//
            //将创建的图层对象添加到Map对象
            map.addLayer(layer);
            //显示地图
            map.zoomToMaxExtent();
        }
    script>
  head>

  <body onload="init()">
    <div id="map">div>
  body>
html>

泰坦 2010-03-16 11:59 发表评论

GEOSERVER2.0.1 NG 应用配置指南（1）

泰坦 — Mon, 15 Mar 2010 01:30:00 GMT

最新GEOSERVER服务器版本：geoserver-2.0.1-ng
下载地址：http://nchc.dl.sourceforge.net/project/geoserver/GeoServer/2.0.1/geoserver-2.0.1-ng.exe

1.点击安装文件将geoserver进行安装,并填写服务器管理的账号和密码
2.点击Start GeoServer 启动服务器
3.打开http://localhost:8080/geoserver/web/进入服务器管理页面，输入账号密码进行登录
4.点击workspaces（左侧），点击Add new workspace，填写Name和Namespace URI，点击save确定一个工作空间
5.点击Store，点击Add new Store，选择PostGIS   - PostGIS Database(这个是配置连接数据库的，如果是直接使用shp文件则选择Shapefile   - ESRI(tm) Shapefiles (*.shp))
6.选择Workspace(第四步建立的)，填写数据源名称(Data Source Name),填写Connection Parameters的内容(数据库的连接信息)，勾上Enabled为启动后save保存。(服务器会自动判断是否连接上，连不上有提示进行查看修改)
7.点击Layers进行图层配置，点击Add a new resource，选择图层的来源(刚才填写的工作空间和数据源名称)
8.这时可以查看到数据源中的所有图层列表，选择一个需要配置的点击Publish进行配置
9.主要配置有：
       Declared SRS(使用的4326)：用来构建像素坐标系与真实世界的大地坐标系（或其它一些本地坐标系）之间双向的映射关系。
       SRS handling(第一个)：其中有三个选型
           第一个是大概意思是说强制使用你在SRS里设置的那个，本地投影文件忽略。
           第二个是大概意思是说使用本地投影文件重投影你设置的SRS。
           第三个是大概意思是说保留使用本地投影文件
       Native Bounding Box：点击下方的Compute from data
       Lat/Lon Bounding Box：点击下方的Compute from native bounds
       Publishing：点击上面的第二页Publishing,这里主要是配置图层的样式，样式添加在后面会介绍
     图层就配置完成了，点击save保存。
10.左侧菜单栏最下面的Layer Preview找到自己配置的图层点击OpenLayers就可以查看图层是否正常使用，并查看效果

附1：图层组
    1.左侧Data中点击Layer Groups，点击Add new layer group，输入图层组名称后提交
    2.Bounds中点击find查找SRS(4326)
    3.点击Generate Bounds 自动填写坐标系信息
    4.点击Add Layer来添加图层
    5.save保存
    6.Layer Preview中点击图层组的OpenLayers进行效果查看

附2：样式
    1.左侧Data中点击Style,点击Add a new style来创建一个新的样式
    2.填写名称，将样式代码输入编辑框或者下方SLD file直接上传样式文件
    3.点击submit提交保存
    我使用的编写图层样式工具udig

泰坦 2010-03-15 09:30 发表评论

分析整合整套WEBGIS的应用框架

泰坦 — Fri, 12 Mar 2010 07:45:00 GMT

     记录GIS学习信息。

     Shapefile格式地图文件：存储地图信息
     shp2pgsql工具：将Shp地图文件信息导入postgis空间数据库
     Geoserver2.0.1：GIS地图服务器，连接postgis空间数据库取得数据，配置图层文件后可以用于WEBGIS显示
     OpenLayers：用于开发WebGIS客户端的JavaScript包。页面显示GIS的各项操作都在这里编辑。也是学习研究如何应用的重点
     Geotools:一套开放源码的 Java API,它提供了一套空间数据操作的核心算法,为在兼容OGC标准的空间对象模型中进行基础的几何操作提供2D空间谓词API.

     流程：
     使用shp2pgsql工具将Shapefile格式地图文件的数据信息导入postgis空间数据库进行存储，在Geoserver中配置数据库连接后取得图层，配置图层信息和样式后为可用状态。
     在JAVA的WEBGIS项目中连接Geoserver取得空间数据，用Geotools进行数据运算处理后将数据传输给前台显示层的OpenLayers，用OpenLayers制作出各种显示功能及样式。

     写的也许不对，请大家指教。我现在是准备将WEBGIS框架进行分析整理后进行逐个攻克，然后延伸。

泰坦 2010-03-12 15:45 发表评论