使用sencha touch整合谷歌地图方向

时间:2013-02-07 10:59:44

标签: google-maps sencha-touch-2

我是sencha touch的新手。 我已经在用户当前位置使用sencha触摸和显示标记集成了谷歌地图。 现在,我想在地图上显示从源地址到目的地地址的方向。

这样的样本, https://maps.google.com/maps?saddr=21.220901,72.829056&daddr=20.915907,72.871628

我想只显示带方向路径的地图视图。 如何使用sencha toch在goole地图上的两个地方之间显示方向?

1 个答案:

答案 0 :(得分:2)

这是代码,

function directionMap(src,dest){
   // alert('calling');

    var directionsService = new google.maps.DirectionsService();
    var directionsDisplay = new google.maps.DirectionsRenderer();

    var map = new google.maps.Map(document.getElementById('map'), {
    zoom:10,
    mapTypeId: google.maps.MapTypeId.ROADMAP
    });

    directionsDisplay.setMap(map);
    var request = {
   // origin: '21.220901,72.829056',
   // destination: '20.915907,72.871628',

        origin: src,
        destination: dest,
    travelMode: google.maps.DirectionsTravelMode.DRIVING
    };

    directionsService.route(request, function(response, status) {
    if (status == google.maps.DirectionsStatus.OK) {
    directionsDisplay.setDirections(response);
    }
    });
    }

只需调用带有源和目标的directionMap函数,它就会在地图上绘制路径。