Sencha Touch& Google Maps API - 如何以列表形式呈现路线?

时间:2011-02-07 22:37:04

标签: google-maps extjs sencha-touch

所有

我正在尝试显示Google.maps.DirectionsService.route()结果的文字版本。我正在传递DirectionsRender类一个DOM节点 - 一个DIV--它用于渲染文本,但我得到一个空白页面。有没有人知道将Ext.Panel传递给DirectionsRenderer并让它渲染的方法?这是我目前的尝试:

 plotDirections: function(directionsResult, status) {

    if (status != this.ROUTING_STATUS_OK) {
        log.debug("routing blew up:  " + status);
        Ext.Msg.alert('Routing Error', 'Couldn\'t route:  ' + status, Ext.emptyFn);
        return;
    }

    var targetListDiv = this.directionsList.getEl().dom;

    this.directionsRenderer = new google.maps.DirectionsRenderer({
        map:this.nearMeMap.map,
        directions:directionsResult,
        suppressMarkers:true,
        panel:targetListDiv

    });

    this.showDirectionsList();

    log.debug(targetListDiv.outerHTML);


}

感谢您的帮助!

<rant> PS:我搜索了Sencha论坛,但是,主,他们没用了。不仅如此,如果我每15秒执行一次以上的搜索,我会收到一条错误消息 - 我不允许一次执行那么多次。嘿嘿?并且侮辱受伤,您对表格发布的任何帖子都必须获得批准。得到一个问题的答案是疯了。 </rant>

1 个答案:

答案 0 :(得分:1)

我可以使用以下内容获取要呈现的文本:

小组代码:

{
    xtype: 'panel',
    flex: 1,
    html: '<div id="directionsTextHTML"></div>',
    id: 'directionsText',
    scrollable: true
}

路线功能代码:

directionsService.route(request, function(response, dstatus) {
if (dstatus == google.maps.DirectionsStatus.OK) {
    directionsDisplay.setDirections(response);
    directionsDisplay.setMap(mapRef.getMap());
    directionsDisplay.setPanel(document.getElementById('directionsTextHTML'));
}