引入文件:
<script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.10&key=自己申请的key&plugin=AMap.Riding"></script>
<body>
<div id="container" style="display: :none"></div>
<div id="panel" style="display: :none"></div>
<script>
function getdistance(){
var map = new AMap.Map("container", {
resizeEnable: true,
center: [xxxx, 27.9224187553],//地图中心点
// zoom: 16 //地图显示的缩放级别
});
var s_lng = $("#store_lng").val();//起点纬度
var s_lat = $("#store_lat").val();起点经度
var g_lng = $("#lng").val();
var g_lat =$("#lat").val();
//骑行导航
var riding = new AMap.Riding({
map: map,
// panel: "panel"
});
//根据起终点坐标规划骑行路线
riding.search([s_lng,s_lat],[g_lng,g_lat],function(status, result) {
console.log(status);
var dis=0;
$('#twodistance').val(dis);
if( status == 'complete'){
var distance = result.routes[0].distance;//骑行距离
var time = result.routes[0].time;//骑行时间
console.log(distance);
$('#twodistance').val(distance);
}
});
}
</script>