Extjs Sencha Touch-将标记添加到地图

我想在谷歌地图上添加一个标记。问题是我的站点是“Ext.Container”而不是“Ext.map”，因为我需要一个标题栏。这就是getMap（）不适合我的原因。有机会让它运行吗

这是绘制地图的函数：

    showMapCommand: function() {
    var record = this.getRecord();

    var map = new Ext.Map({
        title: 'Map',
        useCurrentLocation: false,
        mapOptions: {
            mapTypeId: google.maps.MapTypeId.ROADMAP,
            center: new google.maps.LatLng(record.data.latitude, record.data.longitude),
            mapTypeControl: false,
            zoomControl: true,
            overviewMapControl: false,
            panControl: false,
            rotateControl: false,
            scaleControl: false,
            controlPosition: false,
            navigationControl: false,
            streetViewControl: false,
            backgroundColor: 'transparent',
            disableDoubleClickZoom: true,
            zoom: 15,
            keyboardShortcuts: false,
            scrollwheel: false
        }
    });

    var marker = new google.maps.Marker ({
        map: map,
        animation: google.maps.Animation.DROP,
        position: new google.maps.LatLng(record.data.latitude, record.data.longitude),
        icon: 'resources/images/marker.png'
    });

    this.add([
        map
    ]);
},

控制台的错误消息：

Uncaught Error: Invalid value for property <map>: [object Object] 

未捕获错误：属性：[object]的值无效

试试这个：

var marker = new google.maps.Marker ({
    map: map.map,
    animation: google.maps.Animation.DROP,
    position: new google.maps.LatLng(record.data.latitude, record.data.longitude),
    icon: 'resources/images/marker.png'
});

希望能有帮助-

编辑：

---

为什么不使用Ext.defining创建一个单独的文件，然后将其添加为容器的一项呢。这样您就可以

this.getMap（）

现在我没有收到错误消息，但仍然没有标记。为什么不使用Ext.defining您的映射创建一个单独的文件，并将其作为容器的一项添加呢。这样，您就可以创建这个