没有合适的资源?快使用搜索试试~ 我知道了~
首页校园最短路径漫游代码.doc
校园最短路径漫游代码.doc
需积分: 30 11 下载量 8 浏览量
更新于2023-05-15
1
收藏 42KB DOC 举报
编译软件平台是HBuilder,使用了高德地图的API接口,实现了校园最短路径的漫游,核心算法是Floyd算法,代码可实现
资源详情
资源推荐
![](https://csdnimg.cn/release/download_crawler_static/12005266/bg1.jpg)
目录
一、主页代码:............................................................................................ .........1
二、newmap 初始化.................................................................................... .........3
三、项目要求:............................................................................................ .........5
四、Floyd 算法................................................................................... ............. .....6
五、addline 画线部分..........................................................................................14
六、CSS 样式......................................................................................................16
七、time 部分............................................................................................... ......19
一、主页代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-
scale=1.0" />
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet"
href="https://a.amap.com/jsapi_demos/static/demo-center/css/demo-
center.css" />
<title>校园最短路径</title>
<link href="/zuiduanlujing/css/layout.css" rel="stylesheet"
type="text/css" />
</head>
<body style="background:url(img/back12.jpg);" >
<figure align="center" class="biaoti"><font size="6"><b>校园最短路
径漫游</b></font></br>
<p align="right">
<font size="4.5">
组长:张传胜 小组成员:邹 鑫、陈 楠、杨翼豪、李思
谚 </br>
</font>
</p>
<p align="right">
<style type="text/css">a{text-decoration: none;}</style>
<a href="requirement.html"><font size="4.5">项目要求<
![](https://csdnimg.cn/release/download_crawler_static/12005266/bg2.jpg)
/font></a>
<a href="http://202.121.199.224/teacher/"
target="_blank"><font size="4.5">课程项目中心</font></a>
 
;
</p>
</figure>
<div id="container" class="container">
<div>
<script type="text/javascript"
src="https://webapi.amap.com/maps?
v=1.4.15&key=87487d28f145b639ae94c3a6c6f28051&plugin=AMap.Driving
"></script><!-- 加载地图 JSAPI 脚本 -->
<script src="/zuiduanlujing/js/newmap.js">//不在这里写 JS 的代
码</script>
</div>
</div>
<div class="show">
<div class="dengl">
选择地点
</div>
<div>
<div class="title">
起 点:<input id="begin"
type="text" value="" placeholder="请输入起点"/>
</div>
<!--
作者:244053062@qq.com
时间:2019-10-25
描述:
<td>
<input type="button" onclick="change()"
value="↑↓" />
</td>
-->
<div class="title">
终 点:<input id="end"
![](https://csdnimg.cn/release/download_crawler_static/12005266/bg3.jpg)
type="text" value="" placeholder="请输入终点"/>
</div>
</div>
<div>
<div>
<input class="buxing" id="walk" type="button"
value="步行" />
<input class="buxing" id="ride" type="button"
value="骑行" />
<input class="buxing" type="button"
onclick="roadmessage()" value="路况信息" />
</div>
</div>
</div>
<div id="div1" class="show1">
<p>您的最短路线为:</p>
<h4 id="line"></h4>
<p></p>
<p>路线总长度:</p>
<h4 id="weigh"></h4>
<p></p>
<p>所需时间为:</p>
<h4 id="time"></h4>
</div>
<script src="/zuiduanlujing/js/floyd.js"></script>
<script src="/zuiduanlujing/js/addline.js"></script>
<p id="time1" class="time"></p>
<script src="js/time.js" ></script>
</body>
</html>
二、newmap 初始化
var map = new AMap.Map('container', {
resizeEnable: true, //是否监控地图容器尺寸变化
zoom:16, //初始化地图层级
center: [121.393421,31.315984] //初始化地图中心点
});
![](https://csdnimg.cn/release/download_crawler_static/12005266/bg4.jpg)
//var 表示变量的名称,或者是用户提供的值
//lnglats 数组每一排 8 个坐标
var lnglats = [ [121.389045,31.320459],[121.388718,31.320065],
[121.389592,31.319616],[121.388551,31.319057],
[121.388546,31.318523],[121.388166,31.318065],
[121.388944,31.318156],[121.388745,31.317694],
[121.388182,31.317675],[121.388406,31.315718],
[121.389447,31.317413],[121.389441,31.317024],
[121.388263,31.316932],[121.389158,31.316928],
[121.389259,31.316188],[121.389501,31.318072],
[121.389673,31.317778],[121.39007,31.317471] ,
[121.391166,31.317481],[121.390613,31.315877],
[121.389616,31.315854],[121.391091,31.31903],
[121.390314,31.318954],[121.392062,31.319071],
[121.392716,31.318113],[121.391611,31.319607],
[121.391671,31.31718] ,[121.390334,31.312756],
[121.391176,31.314575],[121.392083,31.312637],
[121.391895,31.313975],[121.389111,31.314361],
[121.389069,31.31229] ,[121.389412,31.311282],
[121.388897,31.31463],[121.393586,31.312904],
[121.394948,31.313301],[121.396971,31.31339],
[121.394411,31.313934], [121.39322,31.315455],
[121.396723,31.314658],[121.392383,31.316079],
[121.396369,31.315057],[121.395463,31.31809],
[121.395951,31.315327],[121.394991,31.316885],
[121.392099,31.31793], [121.392904,31.316638],
[121.394733,31.317206],[121.395678,31.316273],
[121.395742,31.312197],[121.394213,31.318292],
[121.397227,31.318347],[121.390876,31.319755],
[121.393595,31.312046],[121.39293,31.3136]
];
var infoWindow = new AMap.InfoWindow({offset: new
AMap.Pixel(0, -30)});
var Markername = ['北门','校医院','北门交叉口','玄陵网球
馆','V1','V2','国际交流学院 1',
'山明楼','V3','西门交叉口','山明交叉口','S1 交叉口','S2','S1','益
新楼',
'O 楼','I 楼','R 楼','V4','V5','益新交叉口','尔美楼','国际交流学院
2',
'尔美东入口','交叉口','操场入口 1','档案馆','V8','V6','V9','泮池石
桥',
'V12','后勤基建大楼','西南门','V7','上海美术学院', '南门收发
剩余19页未读,继续阅读
![application/msword](https://img-home.csdnimg.cn/images/20210720083327.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://csdnimg.cn/download_wenku/file_type_ask_c1.png)
![](https://profile-avatar.csdnimg.cn/7325da24fec04a0a88bf57137d947561_zcs244.jpg!1)
Alson_zhang
- 粉丝: 0
- 资源: 1
上传资源 快速赚钱
我的内容管理 展开
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
我的下载
下载帮助
![](https://csdnimg.cn/release/wenkucmsfe/public/img/voice.245cc511.png)
最新资源
- Vue实现iOS原生Picker组件:详细解析与实现思路
- Arduino蓝牙小车:参数调试与功能控制
- 百度Java面试精华:200页精选资源涵盖核心知识点
- Swift使用CoreData填坑指南:CoreData在Swift 3.0的变化
- 微距离无线充电器创新设计及其实验探索
- MTK Android平台开发全攻略:44步详解流程
- RecyclerView全面解析:替代ListView的新选择
- Android开发:自动适配中英文键盘解决方案
- Android调用WebService接口教程
- Android开发:BitmapUtil图片处理全解析与实例
- Android多线程断点续传实现详解
- PCA算法在人脸识别会议签到系统中的应用
- EventBus 3.0:Android事件总线详解与实战应用
- Android FileUtil:全面解析文件操作实用技巧与实例
- RecyclerView添加头部和尾部实战教程
- Android实现微博滑动固定顶部栏实战与优化
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈
![](https://img-home.csdnimg.cn/images/20220527035711.png)
![](https://img-home.csdnimg.cn/images/20220527035711.png)
![](https://img-home.csdnimg.cn/images/20220527035111.png)
安全验证
文档复制为VIP权益,开通VIP直接复制
![](https://csdnimg.cn/release/wenkucmsfe/public/img/green-success.6a4acb44.png)