请问老师我哪里写错了,怎么路线出不来
来源:8-6 货车路线(2)
一架小飞机
2020-09-08 16:43:39
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>货车路线2</title>
<!-- 引入地图的api key -->
<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=e53547eda1b05ef821e2dd41e12fde90&plugin=AMap.Autocomplete,AMap.TruckDriving"></script>
<!-- 样式表 -->
<style>
#container{
width:100%;
height:700px;
}
/* */
#panel{
position:fixed;
background:white;
top:10px;
right:10px;
width:280px;
}
/* 搜索框 */
#search{
width:200px;
height:100px;
position:absolute;
left:10px;
top:10px;
background:white;
}
</style>
</head>
<body>
<!-- 创建地图容器 -->
<div id="container"></div>
<!-- -->
<div id="panel"></div>
<!-- 搜索 -->
<div id="search">
起点:<input type="text" name="" id="begin">
<br>
<!-- 途径:<input type="text" id='center'> -->
<br>
终点:<input type="text" name="" id="end">
<br>
<button id="to">开始导航</button>
</div>
<!-- 脚本区域 -->
<script>
// 实例化地图
var map = new AMap.Map('container',{
zoom:13,
center:[116.322056,39.89491]
});
// 自动提示插件
var auto = new AMap.Autocomplete({
input:'begin'
});
var auto3 = new AMap.Autocomplete({
input:'end'
});
var auto2 = new AMap.Autocomplete({
input:'center'
});
// 点击导航按钮时开始导航
to.onclick = function(){
// 导航
new AMap.TruckDriving({
map:map,
panel:'panel',
// 限定城市
city:'beijing',
// 车型大小 1-4分为小型车到大型
size:1
}).search(
[
{ keyword:begin.value,city:'北京' },
// { keyword:center.value,city:'北京' },
{ keyword:end.value,city:'北京' },
],function(status,data){
console.log(data)
}
);
}
// 使用数组存放经纬度的方式
// new AMap.TruckDriving({
// map:map,
// panel:'panel',
// // 火车路线规划,多个一个指定地点
// city:'beijing',
// // 以及size属性
// size:1
// }).search(
// // [
// // {lnglat:[117.522855,29.336233]},
// // {lnglat:[118.544575,27.320234]},
// // {lnglat:[119.544575,28.320234]}
// // ]
// [
// {keyword:begin.value,city:'北京'},
// {keyword:center.value,city:'北京'},
// {keyword:end.value,city:'北京'}
// ]
// ,function(status,data){
// console.log(data);
// });
</script>
</body>
</html>
1回答
好帮手慕夭夭
2020-09-08
同学你好,不是代码的问题,应该是同学申请的key有问题,老师这边换了一个key就可以了。建议去官网重新申请一个:
祝学习愉快~
相似问题