如何在 sencha touch 2 的视图中集成地图

Question

我在这个视图中集成地图时遇到问题：

Ext.define('Sample.view.MainMenu', {
    extend: 'Ext.tab.Panel',
    requires: ['Ext.TitleBar','Ext.Video'],
    alias: 'widget.mainmenuview',
    config: {
        tabBarPosition: 'bottom',
        items: [
            {
                title: 'Welcome',
                iconCls: 'home',
    
                styleHtmlContent: true,
                scrollable: true,
    
                items: {
                    docked: 'top',
                    xtype: 'titlebar',
                    title: 'Welcome to sencha' ,items: [
                {
                    xtype: 'button',
                    text: 'Log Off',
                    itemId: 'logOffButton',
                    align: 'right'
                }
            ]
                },
    
                html: [
                    "Hello to dawini plateforme"
                ].join("")
            },
            {
                title: 'Get Started',
                iconCls: 'action',
    
                items: [
                    {
                        docked: 'top',
                        xtype: 'titlebar',
                        title: 'Getting Started'
                    },
                    {
                        xtype: 'video',
                        url: 'http://av.vimeo.com/64284/137/87347327.mp4?token=1330978144_f9b698fea38cd408d52a2393240c896c',
                        posterUrl: 'http://b.vimeocdn.com/ts/261/062/261062119_640.jpg'
                    }
                       ]
            }
        ], listeners: [{
            delegate: '#logOffButton',
            event: 'tap',
            fn: 'onLogOffButtonTap'
        }]
    },onLogOffButtonTap: function () {
        this.fireEvent('onSignOffCommand');
    }
});

如何将地图集成到此视图中？

Answer 1

在这里 你可以找到如何在 Sencha Touch 中包含地图。虽然它专注于 infobubble，但它也显示了地图集成。如果您在执行此操作时遇到任何困难，请告诉我。

Answer 2

我认为你应该在 Items 中的 Sencha 组件中尝试映射类型。其他属性也可以配置，如高度、当前位置等。您还需要在 Index.html 页面中配置 google map api，例如，

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


Example : items: [
            {
                xtype: 'map',
                height: 200,
                useCurrentLocation: true
            }
        ]