wfs方式获取最短路径

最新推荐文章于 2023-02-01 15:30:49 发布

longshengguoji

最新推荐文章于 2023-02-01 15:30:49 发布

阅读量3.2k

点赞数 1

分类专栏： Geoserver&OpenLayers系列文章标签： openlayer3 geoserver 最短路径

本文链接：https://blog.csdn.net/longshengguoji/article/details/50825168

版权

本文介绍了如何通过WFS方式而非WMS来获取最短路径，以满足前端实现动态动画效果的需求。在WMS方式下，路径样式预设于Geoserver，而WFS则能提供点坐标数据，便于前端自由制作动画。

摘要由CSDN通过智能技术生成

之前有几篇文章结束基于pgrouting的最短路径规范，获取最短路径用的是wms方式，这样的好处就是路径样式可以预先是geoserver中设置好，且路径渲染由geoserver在后台渲染。但是用户的需求是无穷无尽的，加入用户要求结果路径的样式需要动环效果该怎么做呢？

Wms方式获取的地图是后台渲染好的图片，如果要在前端做出动画效果，就需要用wfs的方式来请求最短路径了，这样做的思路是先获取到结果路径中的点坐标，拿到了点数据，剩下的动画啦、样式啦就可以随心所欲的制作了。

核心代码如下，体验一下吧

var vectorSource = new ol.source.ServerVector({
                format: new ol.format.GeoJSON(),
                loader: function(extent, resolution, projection) {
                    var url = 'http://10.20.135.25/geoserver/wfs';
                    $.ajax({
                        url: url,
						data : $.param(wfsParams),
						type : 'GET',
                        dataType: 'jsonp',
						jsonpCallba