基于openlayers的最短路径规划

最新推荐文章于 2024-03-04 17:31:20 发布

longshengguoji

最新推荐文章于 2024-03-04 17:31:20 发布

阅读量1.2w

点赞数 4

分类专栏： Geoserver&OpenLayers系列文章标签： pgrouting postgresql 最短路径规划 openlayers

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

版权

之前的文章讲到了如何构建空间数据库，矢量数据如何入库，如何构建拓扑网络，如何自定义查询函数，如何构建wms服务，本文讲解如何基于openlayers晚上最短路径规划功能。

一、基于openlayers3

1.构建网页，这里只是一个简单的网页

<!DOCTYPE html>
<html lang='en'>
<head>
	<meta charset='utf-8'/>
	<title>indoornavigation</title>
	<script type='text/javascript' src='ol-debug.js'></script>
	<script type='text/javascript' src='closure/goog/base.js'></script>
	<script type = 'text/javascript' src='mapinit.js'></script>
	<script type='text/javascript' src='mapclick.js'></script>
	
</head>

<body οnlοad='init();'>
	<div style="position: absolute; top: 50px; left: 80px; width: 300px; height: 100px;">
		<button id="clear">路径清除</button>
		<div id='map_element' style='width:1800px;height:800px;'></div>
		
	</div>
</body>
</html>

2.初始化函数

        var map;
		var startPoint;
		var destPoint;
		var vectorLayer;
		function init()
		{
			//定义地图边界
			var extent= [12960129.562300, 4788641.902700, 12986389.084400, 4817845.581900];
			var layers=[  
                new ol.layer.Tile({  
                    source:new ol.source.TileWMS({  
                        url:'http://10.16.35.14:8080/geoserver/tingchechang/wms',  
                        params:{  
                            'LAYERS':'tingchechang:minidata',  
                            'TILED':true  
                        },  
                        serverType:'geoserver'  
                    })  
                })  
            ];  
			
			map=new ol.Map({

最低0.47元/天解锁文章

longshengguoji

关注

4
点赞
踩
18

收藏

觉得还不错? 一键收藏
4
评论
基于openlayers的最短路径规划

之前的文章讲到了如何构建空间数据库，矢量数据如何入库，如何构建拓扑网络，如何自定义查询函数，如何构建wms服务，本文讲解如何基于openlayers晚上最短路径规划功能。一、基于openlayers31.构建网页，这里只是一个简单的网页 indoornavigation 路径清除 2.初始化函数
复制链接

扫一扫