Sencha Touch에 마커 추가

Question

안녕하세요 저는 sencha touch v.2.2.1 google maps에 마커를 추가하려고합니다. 나는지도를 볼 수 있지만 마커는 볼 수 없다. 나는 응용 프로그램을 테스트하기 위해, 구글 크롬을 사용하고 <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>

config: { 
    items: [{ 
     xtype: 'map', 
     itemId: 'mapHomeView', 
     width: Ext.os.deviceType == 'Phone' ? null : 1500, 
     height: Ext.os.deviceType == 'Phone' ? null : 350, 
     useCurrentLocation: true, 
     listeners: { 
     maprender: function(extMapComponent, googleMapComp){ 
      var marker = new google.maps.Marker({ 
       title: 'test', 
       position: new google.maps.LatLng (49.279989, -123.126333), 
       map: Ext.ComponentQuery.query('#mapHomeView')[0].map, 
       // map: googleMapComp, 
      }); 

      marker.setMap(Ext.ComponentQuery.query('#mapHomeView')[0].map); 
     } 
    }] 
} 

: 나는 또한 필요한 lib 디렉토리를 추가했다. 설정에서 위치 요청을 활성화했습니다.

라인 맵 : ... 또는 주석 처리 된지도 : ... 라인이 작동하지 않습니다.

Answer 1

내 문제가 해결되었습니다. 나는 첸차 터치의 예에서 그것을 발견했다 :

config: { 
    control: { 
     'map[itemId="mapHomeView"]': { 
      maprender: 'mapHomeViewMapRenderer' 
     } 
    } 
}, 

mapHomeViewMapRenderer: function(comp, map) { 
    var map = Ext.ComponentQuery.query('#mapHomeView')[0].getMap(); 

    var image = new google.maps.MarkerImage(
     'resources/images/point.png', 
     new google.maps.Size(32, 31), 
     new google.maps.Point(0, 0), 
     new google.maps.Point(16, 31) 
    ); 

    var shadow = new google.maps.MarkerImage(
     'resources/images/shadow.png', 
     new google.maps.Size(64, 52), 
     new google.maps.Point(0, 0), 
     new google.maps.Point(-5, 42) 
    ); 

    var position = new google.maps.LatLng(49.279989, -123.126333); 

    var marker = new google.maps.Marker({ 
     position: position, 
     title: 'test', 
     shadow: shadow, 
     icon: image, 
     map: map 
    }); 
},