Mobile 如何使用Sencha和PhoneGap使用Google地图视图

当在设备（本例中为iPhone）上编译和运行谷歌地图时，我在显示谷歌地图时遇到了一个问题

如果我在没有地图选项的情况下使用它，我会收到消息“谷歌地图API是必需的””，如果我包括地图选项，我只会在地图应该在的地方得到一个空白屏幕。。。它似乎也破坏了标签，启动时它不会显示为活动标签（它应该-它是第一个标签），并且您无法导航回标签

谁能告诉我我做错了什么吗？我已经在我的索引文件中包含了maps api JS

ToolbarDemo.views.Mapcard = Ext.extend(Ext.Panel, {
    title: "Map",
    id: 'map',

    dockedItems: [{
        xtype: "toolbar",
        title: "Current location"
    }],
    //styleHtmlContent: true,
    fullscreen: true,
    layout: 'fit',
    items: [
        {
            xtype: 'map',
            useCurrentLocation: true,
            layout: 'fit',
            id: 'cadwmap',
            mapOptions: {
                //center : new google.maps.LatLng(50.077721, 14.448585),
                zoom: 12,
                mapTypeId : google.maps.MapTypeId.ROADMAP
                navigationControl: true,
                navigationControlOptions: {
                    style: google.maps.NavigationControlStyle.DEFAULT
                }
            }
        }
    ],

    initComponent: function() {
        ToolbarDemo.views.Mapcard.superclass.initComponent.apply(this, arguments);
    }
});

Ext.reg('mapcard', ToolbarDemo.views.Mapcard);

---

好的，我想答案是我必须在PhoneGap.plist文件的PhoneGap白名单中添加与谷歌相关的域，确保index.html包括：

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

---

刚刚在android上尝试了你的代码，它成功了：(