Sencha Touch 2 앱 - 기능 요구 사항

Question

Sencha Touch V2.에 앱을 개발했습니다.이 앱에는지도가있는 Mappa 패널이 포함되어 있으며,이 맵은 촬영 된 다양한 위치 (카페)에 해당하는 아이콘으로 채워져 있습니다. json 파일에서.

앱지도 패널 기능을 다음과 같이 마커에

다른 마커의 하나에, 또 다른 클릭을 사용자가 시작과 끝 위치에 대한 값을 입력 업, 팝업 textields 시작과 끝 위치를 클릭 결과가 시작 및 끝 위치에서지도가지도 상에 표시됩니다. 우리는 버튼 클릭에지도에 그려 구글지도에 입력 한 위치의 방향을 용이하게하기 위해 필요하고 또한지도 인스턴스 (새로 고침지도)과 장소를 다시 작성해야

:

우리는 다음과 같은 기능을 구현해야 다른 버튼의 기존 마커 (지도 지우기 버튼)를 클릭하면 사용자가 다른 시작 및 끝 위치의 길 찾기를 찾을 수있는 새 인스턴스를 만들 수 있습니다. 우리가

문제는 다음과 같습니다

1. 버튼 클릭에 대한 핸들러를 정의하는 동안은 (점점 방향 핸들러가 작동되지 않았다) 어떤 작업이 수행되고 있지 귀착되었다.
2. 지도의 인스턴스를 다시 작성하기 위해지도를 null로 설정했지만 마커가없는지도가 표시되었습니다.

사람은 다시 응용 프로그램/기능 오랫동안 이런 종류의 만든 센차 터치 버전 2

Answer 1

에서이 응용 프로그램에 대한 업무를 수행하기에 도와 주 시겠어요. 플로팅 formpanel을 생성하고 source 및 destination 종점에 대한 필드 항목을 제공 할 수 있습니다.

tap: function() { 
    var src = Ext.getCmp('srcField'); 
     var destn = Ext.getCmp('destField'); 
     var mode = Ext.getCmp('travelMode'); 
     var request = { 
     origin: src.getValue(), 
     destination: destn.getValue(), 
     travelMode: mode.getPressedButtons()[0].getText(), 
     }; 

    Ext.Ajax.request({ 
     url: 'http://maps.googleapis.com/maps/api/directions/json?origin='+src.getValue()+'&destination='+destn.getValue()+'&mode='+mode.getPressedButtons()[0].getText()+'&sensor=false'; 
      method:'post', 

      success : function(response) { 
       showDirections(response,request); 
      }   
    }); 

    function showDirections(res,req) { 
     var directionsService = new google.maps.DirectionsService(); 
     var directionsDisplay = new google.maps.DirectionsRenderer(); 
     var map = Ext.getCmp('googleMapComponentId').getMap(); 

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

- :

그런 다음 "길 찾기"버튼을 탭에 아래의 코드

코드 스 니펫을 쓸 수