高德地圖 Javascript API 入門（六）

idisfkj 發布于2019-08-20 14:39 / 2290人閱讀

摘要：高德地圖入門六出行規劃公交路徑公交換乘服務，提供起終點公交路線規劃服務，整合步行方式初始化加載公交線路插件實例化北京必須值，搭乘公交所在城市可選值，搜索結果的標注線路等均會自動添加到此地圖上可選值，顯示搜索列表的容器可選值，詳細信息駕駛策略

高德地圖 Javascript API 入門（六） 出行規劃 公交路徑

公交換乘服務，提供起、終點公交路線規劃服務，整合步行方式

初始化

// 加載公交線路插件
AMap.service("AMap.Transfer",function () {
    // 實例化Transfer 
    var transfer=new AMap.Transfer({
        city:"北京", // 必須值，搭乘公交所在城市
        map:map, // 可選值，搜索結果的標注、線路等均會自動添加到此地圖上
        panel:"panel", // 可選值，顯示搜索列表的容器,
        extensions:"all", // 可選值，詳細信息        
        poliy:AMap.TransferPolicy.LEAST_TIME // 駕駛策略：最省時模式
    });
});

按關鍵字搜索

// 關鍵字搜索
transfer.search([{keyword:"北京西站"},{keyword:"天安門"}],function (status,result) {
    window.top.data=result;
});

按坐標搜索

// 按坐標搜索
transfer.search([116.379028, 39.865042], [116.427281, 39.903719],function (status,result) {
    window.top.data=result;
});

預覽

駕車路徑

駕車路線規劃服務，提供起、終點坐標的駕車導航路線查詢功能

初始化

// 加載駕車路徑插件
AMap.service("AMap.Driving",function () {
    // 實例化Driving    
    var driving=new AMap.Driving({
        map:map, // 用來承載 顯示路徑
        panel:"panel", // 顯示搜索列表的容器
        extensions:"all", // 詳細信息
        policy:AMap.DrivingPolicy.REAL_TRAFFIC, // 駕駛策略：合理交通
        showTraffic:true, // 是否顯示路況
        province:"晉", // 判斷限行
        number:"A88888", // 判斷限行
        hideMarkers:false, // 隱藏起點、終點的點標注
        isOutline:true, // 是否顯示線路的邊框
        outlineColor:"#f00" // 邊框顏色
    });
});

按關鍵字搜索

    // 按關鍵字搜索
    driving.search([{keyword:"北京西站",city:"北京"},{keyword:"天安門",city:"北京"}],function (status,result) {
        window.top.data=result;
    });

按坐標搜索

    // 按坐標搜索
    driving.search([116.379028, 39.865042], [116.427281, 39.903719],function (status,result) {
        window.top.data=result;
    });

預覽

限行結果
0 代表限行已規避或未限行，即該路線沒有限行路段
1 代表限行無法規避，即該線路有限行路段

步行路徑

步行導航服務，提供起、終點步行路線規劃服務

初始化

// 加載步行路徑插件
AMap.service("AMap.Walking",function () {
    var walking=new AMap.Walking({
        map:map,
        panel:"panel"
    });
});

按關鍵字搜索

walking.search([{keyword:"方恒國際中心A座"},{keyword:"望京站"}],function (status,result) {
    window.top.data=result;
});

按坐標搜索

walking.search([116.379028, 39.865042],[116.427281, 39.903719],function (status,result) {
    window.top.data=result;
});

預覽

作者：Yangfan
Github: Yangfan2016
參考來源：http://lbs.amap.com/

云服務器 GPU云服務器高德地圖api接口高德地圖api接口文檔高德地圖高德地圖大數據

文章版權歸作者所有，未經允許請勿轉載,若此文章存在違規行為，您可以聯系管理員刪除。

轉載請注明本文地址：http://specialneedsforspecialkids.com/yun/81812.html

高德地圖 Javascript API 入門（一）

摘要：高德地圖入門一準備工作首先注冊個開發者賬號然后創建應用，獲取新建文件，在標簽中引入如下代碼把你的值填入即可您申請的值創建設置地圖容器地圖初始化創建地圖設置地圖參數可以通過以下設置也可通過對象的方法設置預覽個性化地圖改變地圖樣式目前支持五種地高德地圖 Javascript API 入門（一）準備工作首先注冊個開發者賬號 showImg(https://segmentfault.co...

jone5679 2019-08-20 14:29 評論0 收藏0
高德地圖 Javascript API 入門（二）

摘要：鼠標在地圖上拉框即可繪制相應的矩形。鼠標在地圖上單擊繪制量測區域，鼠標左鍵雙擊或右鍵單擊結束當前量測操作，并顯示本次量測結果。參數設為時，鼠標操作關閉的同時清除地圖上繪制的所有覆蓋物對象設為時，保留所繪制的覆蓋物對象。高德地圖 Javascript API 入門（二）鼠標工具插件測量距離 JS map.plugin([AMap.MouseTool],function ()...

dockerclub 2019-08-20 14:29 評論0 收藏0
高德地圖 Javascript API 入門（七）

摘要：高德地圖入門七熱力圖插件簡單例子顯示地圖坐標點加載熱力圖插件預覽參數構造函數說明構造一個熱力圖插件對象，為要疊加熱力圖的地圖對象，屬性參考列表中的說明。高德地圖 Javascript API 入門（七）熱力圖插件簡單例子 // 顯示地圖 var map=new AMap.Map(container,{ resizeEnable:true, center:[116....

YuboonaZhang 2019-08-21 11:31 評論0 收藏0
高德地圖 Javascript API 入門（三）

摘要：高德地圖入門三距離測量插件區別雖然鼠標工具插件也提供距離量測功能，但是距離量測插件，提供更為豐富的樣式設置功能。高德地圖 Javascript API 入門（三）距離測量插件區別雖然鼠標工具插件也提供距離量測功能，但是距離量測插件，提供更為豐富的樣式設置功能。加載插件 JS map.plugin([AMap.RangingTool],function () { ...

EdwardUp 2019-08-20 14:29 評論0 收藏0
高德地圖 Javascript API 入門（四）

摘要：高德地圖入門四地圖覆蓋物覆蓋物類名說明是否插件點標記否覆蓋物點標記復雜點標記對象，對普通點標記的擴展否覆蓋物折線否覆蓋物多邊形否覆蓋物圓否圖片覆蓋物否地圖右鍵菜單否點標記預覽自定義點標記預覽多邊形預覽右鍵菜單添加右鍵菜單內容項放大縮小添加高德地圖 Javascript API 入門（四）地圖覆蓋物覆蓋物類名說明是否插件 AMap.Marker 點標記否 AM...

AlanKeene 2019-08-20 14:29 評論0 收藏0