之前有幾篇文章結束基于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',jsonpCallback:'loadFeatures'}).done(loadFeatures);},strategy: ol.loadingstrategy.createTile(new ol.tilegrid.XYZ({maxZoom: 25})),projection: 'EPSG:4326'});// Executed when data is loaded by the $.ajax method.var loadFeatures = function(response) {vectorSource.addFeatures(vectorSource.readFeatures(response));};// Vector layervar vectorLayerJsonp = new ol.layer.Vector({source: vectorSource,style: new ol.style.Style({stroke: new ol.style.Stroke({color: 'green',width: 2})})});map.addLayer(vectorLayerJsonp);

總結

以上是生活随笔為你收集整理的wfs方式获取最短路径的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。