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

时间:2014-05-04 05:13:49

标签: sencha-touch-2

我在此视图中集成地图时遇到问题:

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');
    }
});

有人可以帮助我如何在这个视图中整合地图并非常想你。

2 个答案:

答案 0 :(得分:0)

我是SIMpalm(www.simpalm.com)的开发人员,我认为您应该在项目中的Sencha组件中尝试地图类型。其他属性也可以配置为高度,当前位置等。您还需要在Index.html页面中配置google map api,例如,。

示例:项目:[             {                 xtype:' map',                 身高:200,                 useCurrentLocation:true             }         ]

答案 1 :(得分:0)

Here您可以找到如何在Sencha Touch中添加地图。虽然它专注于infobubble,但它也显示了地图集成。如果你在实施这个方面有任何困难,请告诉我。