高德地图——货车导航

news/2024/11/7 12:30:34/

高德地图——货车导航

插件:plugin=AMap.TruckDriving
在这里插入图片描述
第一种方法:使用坐标,比驾驶和骑行多了city和size属性,且需要放入的是json数据

new AMap.TruckDriving({map:map,panel:'panel',city:'beijing',//城市size:1 //大小}).search([{lnglat:[116.379391,39.861536]},{lnglat:[116.979391,39.161536]},{lnglat:[116.579391,40.861536]}],function(status,data){console.log(data);
});
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><script type="text/javascript"src="https://webapi.amap.com/maps?v=1.4.15&key=34614f775ec9455cf2f9a5c7bb6acfa0&plugin=AMap.TruckDriving,AMap.Autocomplete"></script>
<style type="text/css">*{margin: 0;padding: 0;list-style: none;}#container{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}#panel{position: fixed;background: white;top: 10px;right: 10px;width: 280px;}#search{width: 200px;height: 100px;position: absolute;left: 10px;right: 10px;background: white;}
</style></head>
<body><div id="container"></div> <div id="panel"></div><div id="search">起点:<input type="text" name="" id="startNode"><br>终点:<input type="text" name="" id="endNode"><br><button id="btn">开始导航</button></div><script type="text/javascript">var map = new AMap.Map('container',{zoom:11,center:[116.379391,39.861536],});new AMap.TruckDriving({map:map,panel:'panel',city:'beijing',size:1}).search([//放入的json数据,多点数据{lnglat:[116.379391,39.861536]},{lnglat:[116.979391,39.161536]},{lnglat:[116.579391,40.861536]}],function(status,data){console.log(data);}) </script>    
</body>
</html>

第二种方法:使用keyword

new AMap.TruckDriving({map:map,panel:'panel',city:'beijing',//城市size:1 //大小}).search([{keyword:'起点'},{keyword:'途径点'}{keyword:'途径点'}{keyword:'终点'}],function(status,data){console.log(data);
});
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>Document</title><script type="text/javascript"src="https://webapi.amap.com/maps?v=1.4.15&key=34614f775ec9455cf2f9a5c7bb6acfa0&plugin=AMap.TruckDriving,AMap.Autocomplete"></script>
<style type="text/css">*{margin: 0;padding: 0;list-style: none;}#container{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}#panel{position: fixed;background: white;top: 10px;right: 10px;width: 280px;}#search{width: 200px;height: 100px;position: absolute;left: 10px;right: 10px;background: white;}
</style></head>
<body><div id="container"></div> <div id="panel"></div><div id="search">起点:<input type="text" name="" id="startNode"><br>途经:<input type="text" name="" id="centerNode"><br>终点:<input type="text" name="" id="endNode"><br><button id="btn">开始导航</button></div><script type="text/javascript">var map = new AMap.Map('container',{zoom:11,center:[116.379391,39.861536],});/*new AMap.TruckDriving({map:map,panel:'panel',city:'beijing',size:1}).search([{keyword:'北京南站'},{keyword:'天宫院'},{keyword:'西单'}],function(status,data){console.log(data);});
*/new AMap.Autocomplete({input:'startNode'});new AMap.Autocomplete({input:'endNode'});new AMap.Autocomplete({input:'centerNode'});btn.onclick = function(){new AMap.TruckDriving({map:map,panel:'panel',city:'beijing',size:1}).search([{keyword:startNode.value,city:'北京'},{keyword:centerNode.value,city:'北京'},{keyword:endNode.value,city:'北京'}],function(status,data){console.log(data);})};</script> 
</body>
</html>

http://www.ppmy.cn/news/356727.html

相关文章

ECE8.1认证之路

ECE8.1认证之路 现在考试基本不需要发邮件说明要用中国 身份证考试和用deepl翻译软件&#xff0c;如果不放心也可以问&#xff0c;官方也会回复 1、购买考试资格(需要vxn) 点击 My Account 这个时候会让你登录&#xff0c;我用的是微软的账号登录 然后会让你填入一些基本信…

长沙与华为联合“打样”,湖南智能网联汽车加速跑出新局面

文丨智能相对论 作者丨陈选滨 智能网联汽车产业发展至今&#xff0c;在落地的过程中越来越考验一个地区的产业发展思路以及与市场企业的协同能力。 以长沙来说&#xff0c;目前其智能网联汽车产业在全国保持领跑态势。据赛迪顾问发布的《2020年中国智能网联汽车产业投资潜力…

E路航GPS LH900 使用

平台简介&#xff1a; OS: WinCE5.00, CPU: ARM926T,RAM&#xff1a; 51.5M, 4.3寸LCD&#xff0c;480x272 pixels, 65536 colors, 4G SD card 机器已经自带了很多软件&#xff0c;使用起来很方便。根据自己的需要&#xff0c;我又自己装了几个软件&#xff0c;简单记录一下。 …

长安车机升级公版高德

成品截图&#xff1a;工具箱支持锐程Plus\UNIV 一键操作&#xff0c;UNIT可以去除验证(无法删除原厂高德,因为路径不同) 成品连接&#xff1a;长安车机工具箱 密码:gogo 前言 各位工具箱的大佬&#xff0c;于我无关啊&#xff0c;莫名奇妙被点着名骂了&#xff0c;以前都是加…

车路协同信息交互技术要求第 1 部分:路侧设施与云控平台

团体标准-车路协同信息交互技术要求第 1 部分&#xff1a;路侧设施与云控平台 1 范围 本文件规定了车路协同系统中路侧计算单元、路侧单元与云控平台之间的信息交互内容及技术要求。 本文件适用于城市道路、公路和封闭园区车路协同系统中路侧设施、云控平台及其他相关系统的设…

百华鞋业开工大吉|起航新征程,扬帆再出发

爆竹声声迎鸿运&#xff0c;开工大吉启新程。2023年农历正月初六&#xff0c;山东百华鞋业有限公司迎来节后开工吉日。百华的家人们迅速集结工作岗位&#xff0c;以饱满的精神状态&#xff0c;按下工作复位键&#xff0c;俯身蹬地冲起跑&#xff0c;努力奋斗再出发&#xff01;…

心系区域发展,高德用一体化出行服务平台“聚”力区域未来

交通&#xff0c;是城市的血脉。通过对人、资源、产业的连接&#xff0c;交通建设往往是城市和区域经济发展的前提。不过&#xff0c;在度过了“要想富&#xff0c;先修路”的初级建设阶段后&#xff0c;交通产业内部也出现了挑战&#xff0c;诸如城市秩序、发展成本、用户使用…

车路云一体化-数字经济下的智能网联智慧交通

车路云一体化系统是通过新一代信息与通信技术将人、车、路、云的物理空间、信息空间融合为一体&#xff0c;基于系统协同感知、决策与控制&#xff0c;实现智能网联汽车交通系统安全、节能、舒适及高效运行的信息物理系统。 车路云一体化系统也可称之为车路云一体化融合控制系…