Sencha touch 在Sencha Touch中渲染Esri贴图

使用sencha touch渲染esri贴图时遇到问题。我显示一个选项卡面板，其中包含一个包含地图的选项卡，以及3个其他选项卡 我的问题是，当我在地图选项卡之外的另一个选项卡上时，当我调整窗口大小（或更改手机方向）时，地图会消失。 我找出了问题的根源。当我调整位于另一个选项卡上的窗口的大小时，贴图选项卡将从当前大小变为0x0，再变为新大小。问题是，当宽度和高度设置为0x0时，Esri映射需要尺寸为0x0的分幅，然后出现错误 我尝试将minWidth和minHeight设置为我的选项卡，但没有成功 你知道我该怎么解决吗

---

提前谢谢你

我相信我也有同样的问题（当时我真的不知道确切的原因）。每当屏幕方向改变时，我都会手动更改esri地图的尺寸以匹配面板，然后启动地图的重新定位和调整大小方法。但是，如果这是从其他面板触发的，则基本映射将从映射中退出

我可以通过每次方向更改或地图面板设置为活动时调用以下函数来修复此问题：

function resizeMapDiv(){
    if (appPanel.getActiveItem() === mapPanel){
        var mapdiv = document.getElementById('mapDiv');
        var mappanel = document.getElementById('mapPanel');

        if ((mapdiv != null) && (mappanel != null) && (mapdiv.style.width != mappanel.style.width)){
            mapdiv.style.width = mappanel.style.width;
            mapdiv.style.height = mappanel.style.height;

            map.reposition();
            map.resize();
        }
    }
}

---

我相信我也有同样的问题（当时我真的不知道确切的原因）。每当屏幕方向改变时，我都会手动更改esri地图的尺寸以匹配面板，然后启动地图的重新定位和调整大小方法。但是，如果这是从其他面板触发的，则基本映射将从映射中退出

我可以通过每次方向更改或地图面板设置为活动时调用以下函数来修复此问题：

function resizeMapDiv(){
    if (appPanel.getActiveItem() === mapPanel){
        var mapdiv = document.getElementById('mapDiv');
        var mappanel = document.getElementById('mapPanel');

        if ((mapdiv != null) && (mappanel != null) && (mapdiv.style.width != mappanel.style.width)){
            mapdiv.style.width = mappanel.style.width;
            mapdiv.style.height = mappanel.style.height;

            map.reposition();
            map.resize();
        }
    }
}

---

Karudosu，我计划将sencha touch与Esri javascript API结合使用。你能给我看一个如何使用esri的sencha touch的示例吗？这将非常有帮助。你也可以发送到我的电子邮件地址pkvenu@gmail.com . 非常感谢您的帮助。Karudosu，我计划使用sencha touch和Esri javascript API。你能给我看一个如何使用esri的sencha touch的示例吗？这将非常有帮助。你也可以发送到我的电子邮件地址pkvenu@gmail.com . 任何帮助都将不胜感激。