高德地圖的引入,有兩種方式,第一種在引入鏈接里直接添加 plugin 參數:

第二種是引入鏈接里不添加 ?plugin 參數,而是在在使用插件之前，使用AMap.service方法加載插件，然后在回調函數中可以進行服務的設定和查詢,類似下面的形式:

AMap.service('AMap.Transfer',function(){//回調函數

//實例化Transfer

transfer= new AMap.Transfer({city: '北京市'});

//TODO: 使用transfer對象調用公交換乘相關的功能

})

AMap.service('AMap.Walking',function(){//回調函數

//實例化Walking

walking= new AMap.Walking({city: '北京市'});

//TODO: 使用walking對象調用步行路徑規劃相關的功能

})

AMap.service('AMap.Driving',function(){//回調函數

//實例化Driving

driving= new AMap.Driving({city: '北京市'});

//TODO: 使用driving對象調用駕車路徑規劃相關的功能

})

上代碼,下面的代碼分4部分,分別使用了上面的四種方式的 search 方式查詢坐標,生成路線:

按起終點經緯度規劃路線

#panel {

position: fixed;

background-color: white;

max-height: 90%;

overflow-y: auto;

top: 10px;

right: 10px;

width: 280px;

}

var map = new AMap.Map("container", {

resizeEnable: true,

center: [116.397428, 39.90923],//地圖中心點

zoom: 13 //地圖顯示的縮放級別

});

//AMap.service('AMap.Walking',function(){//回調函數

//步行導航

// var walking = new AMap.Walking({

// map: map,

// panel: "panel"

//});

//根據起終點坐標規劃步行路線

// walking.search([116.399028, 39.845042], [116.436281, 39.880719]);

//});

// AMap.service('AMap.Driving',function(){//回調函數

//駕車導航

// var driving = new AMap.Driving({

// map: map,

// panel: "panel"

// });

//根據起終點坐標規劃步行路線

// driving.search([116.399028, 39.845042], [116.436281, 39.880719]); })

//AMap.service('AMap.Transfer',function(){//回調函數

//公交導航

//var ransfer = new AMap.Transfer({

// map: map,

// panel: "panel"

//});

//根據起終點坐標規劃步行路線

//ransfer.search([116.399028, 39.845042], [116.436281, 39.880719]);

//})

AMap.service('AMap.Riding',function(){//回調函數

//騎行導航

var riding = new AMap.Riding({

map: map,

panel: "panel"

});

//根據起終點坐標規劃步行路線

riding.search([116.399028, 39.845042], [116.436281, 39.880719]);

})

在使用 search 方式的時候,除了使用坐標,還可以使用地址,類似下面的形式:

//傳經緯度

riding.search([116.379028, 39.865042], [116.427281, 39.903719], function(status, result) {

//TODO 解析返回結果，自己生成操作界面和地圖展示界面

});

//傳名稱

riding.search([{keyword:'方恒國際',city:'北京'},{keyword:'壺口瀑布'}], function(status, result){

//TODO 解析返回結果，自己生成操作界面和地圖展示界面

});

總結

以上是生活随笔為你收集整理的java 高德地图路线规划_高德地图 web 页面里的出行路线规划的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。