Class:服务/TransferService

qq.maps.TransferService 类

公交换乘方案类。用于获取公交换乘线路方案的服务。

构造函数

构造函数
`TransferService(opts?:TransferServiceOptions)`

方法

方法	返回值	说明
`search(start:String \| Poi \| LatLng, end:String \| Poi \| LatLng)`	`none`	发起公交换乘检索。 - start: 起点，参数可以是关键字、Poi实例，或者LatLng坐标。 - end: 终点，参数可以是关键字、Poi实例，或者LatLng坐标。
`setPolicy(policy:TransferPolicy)`	`none`	设置本次公交换乘的策略。
`setLocation(location:String)`	`none`	设置本次公交换乘的区域范围。比如“北京”。
`setComplete(callback:Function)`	`none`	设置检索成功后的回调函数。参数对象：{type:ServiceResultType.TRANSFER_INFO,detail:Object.<TransferInfo>}。
`setError(callback:Function, errorDetail:Object)`	`none`	设置检索失败后的回调函数。
`clear()`	`none`	清空当前结果在map和panel中的展现。

实例

本示例中，设置公交换乘方案服务属性

JavaScript

var center = new qq.maps.LatLng(39.916527, 116.397128);
var map = new qq.maps.Map(document.getElementById("container"), {
    center: center
});
//设置获取公交换乘线路方案的服务
var transferService = new qq.maps.TransferService({
    map: map,
    //展现结果
    panel: document.getElementById('infoDiv')

});
//设置回调函数
transferService.setComplete(function(result) {
    //如果service返回的结果类型为qq.maps.ServiceResultType.MULTI_DESTINATION（起点或终点位置不唯一），弹出提示信息
    if (result.type == qq.maps.ServiceResultType.MULTI_DESTINATION) {
        alert("起终点不唯一");
    }
});
//设置检索失败回调函数
transferService.setError(function(error) {
    if (error == qq.maps.ServiceErrorType.Error) {
        alert("服务器异常");
    }
});
//设置搜索地点信息、乘坐方案等属性
function search() {
    var start = document.getElementById('start').value;
    var end = document.getElementById('end').value;
    var policy = document.getElementById("policy").value;
    //设置乘坐方案
    transferService.setPolicy(qq.maps.TransferPolicy[policy]);
    //设置公交换乘的区域范围
    transferService.setLocation("北京");
    //设置公交换乘的起点和终点
    transferService.search(start, end);
}
window.onload = search;

JavaScript+HTML

<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>公交线路搜索</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <script charset="utf-8" src="https://map.qq.com/api/js?v=2.exp&key=OB4BZ-D4W3U-B7VVO-4PJWW-6TKDJ-WPB77"></script>
    <style type="text/css">
        html,
        body {
            height: 100%;
            margin: 0px;
            padding: 0px
        }
        #container {
            width: 100%;
            height: 100%
        }
        #panel {
            position: absolute;
            top: 5px;
            left: 50%;
            margin-left: -180px;
            z-index: 5;
            background-color: #fff;
            padding: 5px;
            border: 1px solid #999;
        }
    </style>
</head>

<body>
    <div id="panel">
        <b>起点: </b>
        <select id="start" onchange="search();">
            <option value="北京南站">北京南站</option>
            <option value="银科大厦">银科大厦</option>
            <option value="清华大学">清华大学</option>
        </select>
        <b>终点: </b>
        <select id="end" onchange="search();">
            <option value="王府井步行街">王府井步行街</option>
            <option value="天坛公园">天坛公园</option>
            <option value="地铁西单站">地铁西单站</option>
        </select>
        </select>
        <b>换乘策略：</b>
        <select id="policy" onchange="search();">
            <option value="LEAST_TIME">较快捷</option>
            <option value="LEAST_TRANSFER">少换乘</option>
            <option value="LEAST_WALKING">少步行</option>
            <option value="NO_SUBWAY">不坐地铁</option>
        </select>
    </div>
    <div id="container" style="width:603px;height:300px"></div>
    <div style='width: 500px; height: 180px' id="infoDiv"></div>
    </div>
    <script>
        var center = new qq.maps.LatLng(39.916527, 116.397128);
        var map = new qq.maps.Map(document.getElementById("container"), {
            center: center
        });
         //设置获取公交换乘线路方案的服务
        var transferService = new qq.maps.TransferService({
            map: map,
            //展现结果
            panel: document.getElementById('infoDiv')

        });
        //设置回调函数
        transferService.setComplete(function(result) {
            //如果service返回的结果类型为qq.maps.ServiceResultType.MULTI_DESTINATION（起点或终点位置不唯一），弹出提示信息
            if (result.type == qq.maps.ServiceResultType.MULTI_DESTINATION) {
                alert("起终点不唯一");
            }
        });
        //设置检索失败回调函数
        transferService.setError(function(error) {
            if (error == qq.maps.ServiceErrorType.Error) {
                alert("服务器异常");
            }
        });
         //设置搜索地点信息、乘坐方案等属性
        function search() {
            var start = document.getElementById('start').value;
            var end = document.getElementById('end').value;
            var policy = document.getElementById("policy").value;
            //设置乘坐方案
            transferService.setPolicy(qq.maps.TransferPolicy[policy]);
            //设置公交换乘的区域范围
            transferService.setLocation("北京");
            //设置公交换乘的起点和终点
            transferService.search(start, end);
        }
        window.onload = search;
    </script>

</body>

</html>

新窗口打开在线试一试