步行路线
引入插件 AMap.Walking
<script type="text/JavaScript" src="https://webAPI.amap.com/maps?v=1.4.15&key=ce3b1a3a7e67fc75810ce1ba1f83c01a&plugin=AMap.Walking,AMap.autocomplete"></script>
<!DOCTYPE HTML>HTML lang="en"head> Meta charset="UTF-8"Title>map</="https://webAPI.amap.com/maps?v=1.4.15&key=ce3b1a3a7e67fc75810ce1ba1f83c01a&plugin=AMap.Walking"> style> *{margin:0;paddingList-style none} #container wIDth100% height 100%topleftposition absolute; #panel fixed280px10pxrightbackground-color #fff} bodydiv ID="container"div="panel"> > var map=new AMap.Map("container,{ zoom:11 }); //使用插件 AMap.Walking({ map:map,panel:panel }).search([ {keyword:宁波大学宁波},{keyword:汽车东站} ],function(status,data){ console.log(data); }); > HTML>
输入起点和终点,点击按钮规划路线
#search200pxheight100px="search"> 起点input ="text" ID="node1"><br 终点="node2"> button ="btn">开始导航button }); 给起点和终点添加自动补全功能 AMap.autocomplete({ input:node1 }) node2 }) btn.onclick(){ 使用插件 AMap.Walking({ map:map,1)"> }).search([ {keyword:node1.value,{keyword:node2.value,1)">} ],data){ console.log(data); }); } >
通过经纬度来进行导航
实现鼠标点击两个地址,自动进行导航
}); i[]; map.on(click(e){ i++; console.log(i); if(i%2==1){ arr[e.lnglat.R,e.lnglat.Q]; }else{ 使用插件 AMap.Walking({ map:map,1)"> }).search( AMap.LngLat(arr[],arr[]),1)"> AMap.LngLat(e.lnglat.R,e.lnglat.Q),data){ console.log(data); }); } }) >
常规用法
}); console.log(map.getCenter().toString());121.549792,29.868388 }).search([121.54979229.86838829.468388>
注意:如果是大于两个定位点,不能直接添加第三个,会报错
search中传的数组只能传2个
29.368388>
正确的多点规划做法:(在每个定位点外面用再用数组括号包起来)
}).search([[30.46838831.368388]],data){ console.log(data); }); >
现在无效了,我估计因为版本迭代被取消了吧!!!
总结
以上是内存溢出为你收集整理的高德地图API之步行路线全部内容,希望文章能够帮你解决高德地图API之步行路线所遇到的程序开发问题。
如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)