没有合适的资源?快使用搜索试试~ 我知道了~
首页校园最短路径漫游代码.doc
校园最短路径漫游代码.doc
需积分: 30 562 浏览量
更新于2023-05-31
评论 1
收藏 42KB DOC 举报
编译软件平台是HBuilder,使用了高德地图的API接口,实现了校园最短路径的漫游,核心算法是Floyd算法,代码可实现
资源详情
资源评论
资源推荐

目录
一、主页代码:............................................................................................ .........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">项目要求<

/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"

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] //初始化地图中心点
});

//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页未读,继续阅读
















Alson_zhang
- 粉丝: 0
- 资源: 1
上传资源 快速赚钱
我的内容管理 收起
我的资源 快来上传第一个资源
我的收益
登录查看自己的收益我的积分 登录查看自己的积分
我的C币 登录后查看C币余额
我的收藏
我的下载
下载帮助

会员权益专享
安全验证
文档复制为VIP权益,开通VIP直接复制

评论0