引入文件:
<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>