Google地图对Sencha Touch 2中的事件不敏感

Question

我在Sencha touch 2中定义了一个google map。它显示的是地图，但对触摸事件没有响应。 我无法移动或挤压它。

Ext.define('AddressBook.view.contact.Show', {
    extend: 'Ext.Panel',
    xtype: 'contact-show',
    requires: [
        'Ext.Map'
    ],
    config: {
        title: 'Information',
        layout: 'card',
        items: [
            {
                xtype: 'map',
                mapOptions : {
                    zoom : 15,
                    mapTypeId : google.maps.MapTypeId.ROADMAP,
                    navigationControl: true,
                    navigationControlOptions: {
                        style: google.maps.NavigationControlStyle.DEFAULT
                    }
                }
            }
        ]
    },

    centerMap: function(newRecord) {
        ...
    },

    setMarkers: function(markers) {
        ...
    }
});

我在app.js中创建了它：

Ext.Loader.setConfig({ enabled: true });

Ext.application({
    ...

    launch: function() {
        Ext.Viewport.add({
            xclass: 'AddressBook.view.contact.Show'
        });
    }
});

我包含了Google脚本：

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"</script>

事实是，Sencha提供的“地图”示例似乎运行良好。 但是它使用Ext.setup（）和Ext.create（）在app.js中显示地图。 我不知道为什么它能正常工作。 但是我也不能使用这种方式来创建地图。 有人知道出什么问题吗？

Answer 1

找到了问题。 Sencha的“ map”示例有效，其中包含一个脚本，该脚本在示例中不存在，但在另一个示例中存在，该示例用作我的项目模板。

<link rel="stylesheet" href="css/example.css" type="text/css"/>

就此不存在的脚本而言，包括Google Maps正在使用示例“ MAP”。

换句话说，如果您将其包含在Google地图的项目中，它将变得毫无反应！ 我不得不精简“地图”示例以最终找到问题，这使我花了很多时间，这要归功于有人在代码成为示例之前不清理代码！

顺便说一句，这就是'navigationview'示例也冻结了Google Map的原因，因为它需要此损坏的脚本来显示其样式。

我要求Sencha小组从他们的示例中删除此令人困惑的代码。