extjs openlayer2.10版本实现全屏

在使用ExtJS与OpenLayers 2.10版本实现全屏展示时，可以通过一些简单的步骤来实现。下面是具体的方法：

1. 在ExtJS的视图文件中，创建一个Panel组件，用于承载OpenLayers地图。

2. 在Panel组件的配置项中，设置layout为'fit'，这样地图将会填充整个Panel。

3. 在Panel组件的渲染事件中，初始化OpenLayers地图对象。

4. 在初始化地图时，设置地图容器的大小为全屏。可以使用document.documentElement.clientWidth和document.documentElement.clientHeight来获取浏览器窗口的宽度和高度，然后将地图容器的宽度和高度设置为这些值。

5. 创建地图图层（Layers）和控制器（Controls）。

6. 将图层和控制器添加到地图对象中。

7. 在页面布局完成后，调用地图对象的updateSize()方法，以确保地图在全屏模式下正确显示。

下面是一个示例代码片段，展示了如何使用ExtJS与OpenLayers 2.10版本实现地图的全屏展示：

Ext.define('MyMapPanel', {
    extend: 'Ext.panel.Panel',
    layout: 'fit',

    initComponent: function () {
        this.on('afterrender', this.initMap, this);
        this.callParent(arguments);
    },

    initMap: function () {
        var map = new OpenLayers.Map(this.body.dom, {
            // 设置地图容器大小为全屏
            size: new OpenLayers.Size(document.documentElement.clientWidth, document.documentElement.clientHeight)
        });

        // 创建地图图层和控制器
        var layer = new OpenLayers.Layer.OSM();
        var controls = [
            new OpenLayers.Control.Navigation(),
            new OpenLayers.Control.Zoom()
        ];

        // 将图层和控制器添加到地图
        map.addLayer(layer);
        map.addControls(controls);

        // 更新地图大小
        map.updateSize();
    }
});

// 在ExtJS布局中使用全屏地图
Ext.create('Ext.container.Viewport', {
    layout: 'fit',
    items: [{
        xtype: 'mymappanel'
    }]
});

通过以上步骤，我们可以使用ExtJS与OpenLayers 2.10版本实现地图的全屏展示。希望对你有所帮助！