高德地图——骑行导航

插件：plugin=AMap.Riding //中间不能有途径

1.骑行路线——使用keyword

new AMap.Riding({map:map,panel:'panel'
}).search([{keyword:startNode.value,city:'北京'}, //起点{keyword:endNode.value,city:'北京'} //终点 //不能中间有途径
],function(status,data){console.log(data);
})```javascript
<!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.Riding,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.Autocomplete({input:'startNode'});new AMap.Autocomplete({input:'endNode'});btn.onclick = function(){new AMap.Riding({map:map,panel:'panel'}).search([{keyword:startNode.value,city:'北京'},{keyword:endNode.value,city:'北京'}],function(status,data){console.log(data);})}</script>
</body>
</html>

2.点击任意两点的坐标

new AMap.Riding({map:map,panel:'panel'}).search(new AMap.LngLat(startX,startY),new AMap.LngLat(endX,endY),function(status,data){console.log(data);
})

<!doctype html>
<html>
<head> <meta charset="utf-8"> <title></title> <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.11&key=e22196035aaa10db3b0b6eb1ab64619e&plugin=AMap.Riding,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;top: 10px;background: white;}</style>
</head>
<body><div id="container"></div> <div id='panel'></div><div id='search'>起点:<input type="" name="" id='startNode'><br>终点:<input type="" 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.Riding({map:map,panel:'panel'}).search([[116.379391,39.861536],[116.979391,39.161536],[116.979391,39.161536],[116.979391,39.161536]],function(status,data){console.log(data);})
*/
/*new AMap.Autocomplete({input:'startNode'});new AMap.Autocomplete({input:'endNode'});
*/var num = 0, arr = [];map.on('click',function(e){//    console.log(e.lnglat)num++;if(num%2 == 1){arr = [e.lnglat.R,e.lnglat.P];}else{new AMap.Riding({map:map,panel:'panel'}).search(new AMap.LngLat(arr[0],arr[1]),new AMap.LngLat(e.lnglat.R,e.lnglat.P),function(status,data){console.log(data);})//arr = [];}});
/*btn.onclick = function(){new AMap.Driving({map:map,panel:'panel'}).search([{keyword:startNode.value,city:'北京'},{keyword:endNode.value,city:'北京'}],function(status,data){console.log(data);})};
*/      </script>
</body>
</html>

高德地图——骑行导航相关推荐

【Android】APP嵌入百度地图骑行导航一直初始化引擎失败解决办法
[Android] APP嵌入百度地图骑行导航一直初始化引擎失败解决办法最近手头上有个需求需要做骑行导航首先百度地图开放平台http://lbsyun.baidu.com/ 按提示找到Androi ...
高德地图——骑行路线骑行指定
&plugin=AMap.Riding 也是[]中放json, 包含keyword和city,不能有途经 1.骑行路线(关键字) <!DOCTYPE html> <html& ...
（七）高德地图之路线导航
本节将要实现的功能是路线导航,确定出发点和到达的终点坐标,两点之间的路线导航.跟前几篇一样,上代码首先是类文件NaviActivity.java package com.junto.gdmaptes ...
关于百度骑行导航的一些事情
前段时间因为工作项目需要用到百度骑行导航,所以接触到这一块.百度骑行导航官方有给出demo和sdk,也不算太复杂.但是,官方demo那是啥玩意啊!?%&**--&*(此处省略一万字)当 ...
高德地图安卓拖拽选点_行车记录仪当“眼睛” 高德地图手机AR导航再次升级...
来源标题:行车记录仪当"眼睛" 高德地图手机AR导航再次升级高德地图近日发布新版本,AR驾车导航服务再次升级,支持连接车内行车记录仪.由行车记录仪的摄像头充当"眼睛&q ...
高德地图ar步行导航使用教程分享
高德地图功能多,最近向用户展示了新功能--ar步行导航.很多小伙伴对这个功能还不太了解.所以换换为大家准备了详细的使用教程共享.一起看看吧! 高德地图ar步行导航使用教程 1.打开高德地图.选择下方& ...
高德地图三维实景导航：立体实景指引更清晰，复杂路口不再犹豫
随着我国城市道路的不断建设,当前在北上广深等一些国内大型城市,道路情况越来越复杂,每座城市都遍布着立交桥.多岔路等复杂路况,道路实际上已经从平面转变成为了三维立体结构.但对于已经成为出行刚需的手机地图 ...
Android调用高德地图app语音导航
直接调用高德地图app进行导航首先,要先进入高德开放平台,注册登录以后,创建自己的APP,然后会生成appkey 高德开放平台网址: http://lbs.amap.com/ 然后下载jar包导入项 ...
关于Android百度地图API步骑行导航引擎初始化失败以及View空指针异常的问题
关于百度地图导航初始化失败问题以及View 空指针异常因为要做毕业设计的关系所以用到了百度地图,但发现百度地图API这个是真的大坑一个,一些莫名其妙的BUG,搞得让你头大, 这里我先将初始化失败的问 ...

高德地图——骑行导航

高德地图——骑行导航

高德地图——骑行导航相关推荐

最新文章

热门文章