接上篇，前面在ArcMap中和Postgis中将数据都已经进行了预处理。

接下来回到Geoserver中，进行数据发布。

1、新建工作区

2、填写完工作区信息

3、打开数据存储，添加新的数据存储

4、新建数据源，选择PostGIS

5、依次填写完如下信息，保存即可

6、添加新图层

7、新建图层，将前面处理好的图层发布，作为底图（这里发布两个图层，一个底图，一个sql图层）

8、底图发布完成后，再新建一个图层，这次选择“配置新的SQL视图”

9、填写完红框信息，保存

sql 视图：
SELECT * FROM pgr_shortestpath(‘zy’, %x1%, %y1%, %x2%, %y2%)
验证的正则表达式：^-?[\d.]+$
类型：LingString
SRID：3857

10、验证，Openlayers调用

改一下调用地址和点击坐标即可

<!DOCTYPE html>

<html>

<head>

    <meta charset="utf-8" />

    <title>网络分析</title>

    <link href="../lib/css/ol.css" rel="stylesheet" type="text/css">

    <style>

        #id {

            width: 1000px;

            height: 1000px;

        }

    </style>

    <script type="text/javascript" src="../lib/ol/ol-debug.js"></script>

</head>

<body>

    <div id="map"></div>

    <script>

        var roadLayer = new ol.layer.Tile({

            source: new ol.source.TileWMS({

                url: 'http://10.19.151.238:8080/geoserver/NA/wms',

                params: { 'LAYERS': 'NA:zy', 'TILED': true },

                serverType: 'geoserver'

            })

        })

        var map = new ol.Map({

            target: document.getElementById("map"),

            layers: [

                roadLayer

            ],

            view: new ol.View({

                center: [12985322, 4799338],

                projection: 'EPSG:3857',

                zoom: 12

            })

        });

        var startCoord = [12991487.849, 4800716.518];

        var destCoord = [12993333.603, 4799171.652];

        var params = {

            LAYERS: 'NA:func_shortestpath',

            FORMAT: 'image/png',

        };

        var viewparams = [

            'x1:' + startCoord[0], 'y1:' + startCoord[],

            'x2:' + destCoord[], 'y2:' + destCoord[]

            //'x1:' + 12952117.2529, 'y1:' + 4836395.5717,

            //'x2:' + 12945377.2585, 'y2:' + 4827305.7549

        ];

        console.log(viewparams);

        params.viewparams = viewparams.join(';');

        result = new ol.layer.Image({

            source: new ol.source.ImageWMS(

                {

                    url: 'http://10.19.151.238:8080/geoserver/NA/wms',

                    params: params

                })

        });

        console.info(result);

        map.addLayer(result);

    </script>

</body>

</html>

11、原理

PostGIS做的网络分析，主要原理在于将数据建立拓扑后，导入到PostGIS数据库

先用pgRouting插件里带有的dijkstra算法接口，找出两点间的最短路径经过的线段，通过截取、拼接的方式美化开始段、结束段，最后用函数的形式封装完，利用Geoserver发布成服务

前端页面用Openlayers调用服务，实现功能展示

12、正式版效果

PostGIS 结合Openlayers以及Geoserver实现最短路径分析（三）的更多相关文章

  1. PostGIS 结合Openlayers以及Geoserver实现最短路径分析（二）

    前文讲述了怎么用ArcMap制作了测试数据,并导入了PostGIS,接下来我们需要结合PgRouting插件,对入库的数据再进行一下处理. 1.在pgAdmin中,执行下面的sql语句 --添加起点字 ...

  2. PostGIS 结合Openlayers以及Geoserver实现最短路径分析（一）

    环境: Win10 ArcMap10.4(用于数据处理) postgresql9.4 postgis2.2.3 pgRouting2.3(postgresql插件) ##附上本文配套素材下载地址:ht ...

  3. postgresql+postgis+pgrouting实现最短路径查询（2）－－－openlayers＋geoserver实现最短路径

    自己的最短路径实现基本上是按照参考博文的1.2和3进行的,实现的时候也是问题不断,只能是一个一个解决. 问题1:自己发布的geoserver服务无法和OSM底图叠加到一起. 解决:参考博文2提到发布服 ...

  4. Arcgis Engine最短路径分析

    ArcEngine 最短路径分析(源码)   using System; using ESRI.ArcGIS.Carto; using ESRI.ArcGIS.Geometry; using ESRI ...

  5. ArcGIS API for JavaScript 4.2学习笔记[27] 网络分析之最短路径分析【RouteTask类】

    要说网页端最经典的GIS应用,非网络分析莫属了. 什么?你没用过?百度高德谷歌地图的路线分析就是活生生的例子啊!只不过它们是根据大实际背景优化了结果显示而已. 这个例子使用RouteTask进行网络分 ...

  6. arcgis api 3.x for js 入门开发系列十三地图最短路径分析（附源码下载）

    前言 关于本篇功能实现用到的 api 涉及类看不懂的,请参照 esri 官网的 arcgis api 3.x for js:esri 官网 api,里面详细的介绍 arcgis api 3.x 各个类 ...

  7. 以Network Dataset（网络数据集）方式实现的最短路径分析

    转自原文 以Network Dataset(网络数据集)方式实现的最短路径分析 构建网络有两种方式,分别是网络数据集NetworkDataset和几何网络Geometric Network,这个网络结 ...

  8. ArcGIS网络分析之Silverlight客户端路径分析(三)

    原文:ArcGIS网络分析之Silverlight客户端路径分析(三) 首先贴上最终的效果图: a.路径查询 2.最近设施点查询 3.服务区分析 说明: 1.以上的示例使用的数据是随意在ArcMap中 ...

  9. OpenLayers 3+Geoserver+PostGIS实现点击查询

    WebGIS开发中,点击查询是最经常使用的一种查询方式,在ArcGIS api 中.这样的查询叫IdentifyTask,主要作用是前台提交參数.交ArcServer查询分析返回. 本文从开源框架的角 ...

随机推荐

  1. typescript 入门教程二

    ts中面向对象成员修饰符:public , private , protexted(ts官方网站:ts) 在ts中,默认的成员修饰符就是public public:是表示是公开的,在任何地方,都可以调 ...

  2. js静态属性，实例属性，封装性，prototype，__proto__综合解析

    原创作品,转载请注明来源,sogeisetsu,我的csdn上也有这篇文章csdn js静态属性,实例属性,封装性,prototype,__proto__综合解析 下面是我在写博客的源代码,您可以先不 ...

  3. Linux后台运行Jar方法

    原文地址:http://blog.csdn.net/c1481118216 https://blog.csdn.net/c1481118216/article/details/53010963 在li ...

  4. RocketMQ4.2 最佳实践之集群搭建

    学习了RocketMQ的基本概念后,我们来看看RocketMQ最简单的使用场景.RocketMQ的服务器最简单的结构,必须包含一个NameServer和一个Broker.Producer把某个主题的消 ...

  5. 《Effective Java》 读书笔记（五）使用依赖注入取代原本的资源依赖

    相信接触过Spring的同学,对于依赖注入并不陌生. 刚开始在听说这个名字的时候,一直不明白到底什么叫依赖注入,后来才发现,依赖注入一直都存在我们日常代码中,只是我们没有刻意的把它提出来,然后再取这样 ...

  6. python设置环境变量(临时和永久)

    设置临时环境变量 import os # 设置环境变量 os.environ['WORKON_HOME']="value" # 获取环境变量方法1 os.environ.get(' ...

  7. [考试反思]0727NOIP模拟测试9

    啊哈?水到一个rk1? 谢谢诸位大佬放水让我这种人体验到了rk1的滋味. 怪怪的滋味.不太像我的水平. 其实这次考试心态已经佛了,刚意识到前6次考试累计的挺高的分数被清空了,7,8两场又爆炸了... ...

  8. 《吊打面试官》系列-Redis哨兵、持久化、主从、手撕LRU

    你知道的越多,你不知道的越多 点赞再看,养成习惯 前言 Redis在互联网技术存储方面使用如此广泛,几乎所有的后端技术面试官都要在Redis的使用和原理方面对小伙伴们进行360°的刁难.作为一个在互联 ...

  9. php nginx反向代理获取真实ip的教程

    php nginx反向代理获取真实ip的教程 <pre> location /getip { proxy_pass http://newmiracle.cn/ip.php; } proxy ...

  10. 小程序的基本概念-生命周期(组件 wxml)

    一.组件生命周期:一个组件从创建开始到使用中最后被销毁的过程 ---onLoad事件:组件(创建成功并且加载完成)触发一次 (1)当此事件触发发送请求获取数据 (2)获取其他组件传递数据(option ...