Sencha Touch & Google Maps API - как отобразить маршрут в виде списка? - PullRequest
Новая
       14

Sencha Touch & Google Maps API - как отобразить маршрут в виде списка?

0 голосов
/ 08 февраля 2011

Все,

Я пытаюсь отобразить текстовые версии результатов из 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: Я искал на форумах Сенчи, но, лорд, они бесполезны.Не только это, но я получаю сообщение об ошибке, если я выполняю поиск чаще, чем раз в 15 секунд - мне не разрешено выполнять столько раз за раз.Что за эй?И оскорбление травмы, любые сообщения, которые вы делаете в формах, должны быть одобрены.Получить ответ на вопрос - чокнутый.</rant>

1 Ответ

1 голос
/ 05 августа 2013

Мне удалось получить текст для рендеринга, используя следующее:

Код панели: 

{
    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'));
}
...