PostGIS 结合Openlayers以及Geoserver实现最短路径分析(三)
2024-10-03 07:31:04
接上篇,前面在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、正式版效果
最新文章
- 跳转到某个Activity
- trigger中insert动作的测试
- [PGM] I-map和D-separation
- C# vs C++ Performance
- KMP算法 hdu4686 Oulipo
- 对Excel文件的操作
- Linux下软件安装方法即路径设置
- NodeJs多进程和socket.io通讯-DEMO
- 在Linux下用netstat查看网络状态、端口状态
- SharePoint Server 2007 Enterprise Key
- SRM 399(1-250pt)
- Xlint以及Java Lint 选项
- 微软sqlHelper
- 学习前端前必知的——HTTP协议详解
- 《Vue2.0 实践揭秘》终于出版啦!
- junit测试Android项目
- python安装及写一个简单的验证码组件(配合node)
- Vue-cli3.0开发笔记
- 三篇文章带你极速入门php(二)之迅速搭建php环境
- idea颜色主题