1 
Ext.Loader.setPath('Ext.ux', '../ux');
Ext.require([
    'Ext.tree.*',
    'Ext.data.*',
    'Ext.window.MessageBox',
    'Ext.window.*',
    'Ext.ux.GMapPanel'
]);

var map = new Ext.ux.GMapPanel({
            xtype: 'gmappanel',
            region: 'center',
            id:  'mygooglemap',
            zoomLevel: 3,
            gmapType: 'map',
            setCenter: {
                'lat': 37.4419,
                'lng': -122.1419
            }
        });

    var layout = Ext.create('Ext.panel.Panel', {
            //renderTo: 'layout',
            width: window.innerWidth,
            height: window.innerHeight,
            //title: 'Border Layout', //no title will be blank
            layout: 'border',
            items: [{
                title: 'Message List',
                region: 'south',     // position for region
                xtype: 'panel',
                height: 100,
                split: true,         // enable resizing
                collapsible: true,
                margins: '0 5 5 5',
                collapsed: true
            },tree,map],
            renderTo: Ext.getBody() //get the body and display Layout at there
        });

问题

全部加载成功，带有名称树的树形面板也加载成功，只是地图 GMapPanel 无法显示谷歌地图，为什么？请帮助我，谢谢。我不知道

更新我截取的截图，页面应该加载谷歌地图，但是是空白的 在此处输入图像描述

4

2 回答 2

1

确保您已添加

<script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?v=3&sensor=false"></script>

在你的 index.html 上，如果你已经完成了，如果你使用调试浏览器工具来查找是否有一些你没有发布的错误将会很有帮助

于 2014-03-13T15:08:20.113 回答
1

在创建地图时，您可能希望在侧 setCenter 中添加标记对象。

修改您的地图代码如下

var map = new Ext.ux.GMapPanel({
        xtype: 'gmappanel',
        region: 'center',
        id:  'mygooglemap',
        zoomLevel: 3,
        gmapType: 'map',
        mapConfOpts:['enableScrollWheelZoom','enableDoubleClickZoom','enableDragging'],
        mapControls: ['GSmallMapControl','GMapTypeControl','NonExistantControl'],   
        setCenter: {
            'lat': 37.4419,
            'lng': -122.1419,
            marker:{ title: 'Palo Alto'}
        }
    });
于 2013-02-19T17:54:06.567 回答