Hi all!<div><br></div><div>    I'm working to migrate the code of the example Openlayer + Sencha Touch 1.1 (<a href="http://openlayers.org/dev/examples/mobile-sencha.html">http://openlayers.org/dev/examples/mobile-sencha.html</a>) to Sencha Touch 2.1</div>
<div><br></div><div>    After few fights I get to make run a template of the example (only the map) but the map is not fullfit the whole screen and I don't know what I'm forgot it.</div><div><br></div><div><br></div>
<div>That's my code of the Main.js:</div><div>;**************</div><div><div>Ext.define('Prueba.view.Main', {</div><div>    extend: 'Ext.Container',</div><div>    </div><div>    requires: [</div><div><span class="Apple-tab-span" style="white-space:pre"> </span>'Ext.Toolbar',        </div>
<div><span class="Apple-tab-span" style="white-space:pre">      </span>'Ext.Button',</div><div><span class="Apple-tab-span" style="white-space:pre">        </span>'Ext.Component'</div><div>    ],</div><div><br></div><div>
    </div><div>    config: {</div><div><span class="Apple-tab-span" style="white-space:pre">  </span>fullscreen: true,</div><div><span class="Apple-tab-span" style="white-space:pre">    </span>    <span class="Apple-tab-span" style="white-space:pre">        </span></div>
<div><span class="Apple-tab-span" style="white-space:pre">      </span>items: [{</div><div><span class="Apple-tab-span" style="white-space:pre">    </span></div><div><span class="Apple-tab-span" style="white-space:pre">                     </span>xtype: 'toolbar',<span class="Apple-tab-span" style="white-space:pre">   </span></div>
<div>    <span class="Apple-tab-span" style="white-space:pre">                  </span>docked: "bottom",</div><div><span class="Apple-tab-span" style="white-space:pre">                  </span>layout: {</div><div><span class="Apple-tab-span" style="white-space:pre">                            </span>pack: "center"</div>
<div><span class="Apple-tab-span" style="white-space:pre">                      </span>},</div><div><span class="Apple-tab-span" style="white-space:pre">   </span></div><div><span class="Apple-tab-span" style="white-space:pre">                     </span>items: [{</div>
<div><span class="Apple-tab-span" style="white-space:pre">                              </span>iconCls: "home",</div><div><span class="Apple-tab-span" style="white-space:pre">                           </span>iconMask: true,</div><div><span class="Apple-tab-span" style="white-space:pre">                              </span>handler: function(){</div>
<div><span class="Apple-tab-span" style="white-space:pre">                              </span>}<span class="Apple-tab-span" style="white-space:pre">   </span></div><div><span class="Apple-tab-span" style="white-space:pre">                     </span></div><div><span class="Apple-tab-span" style="white-space:pre">                     </span>}]</div>
<div><span class="Apple-tab-span" style="white-space:pre">              </span>},</div><div><span class="Apple-tab-span" style="white-space:pre">           </span>{</div><div><span class="Apple-tab-span" style="white-space:pre">                    </span>xtype: "component",</div>
<div><span class="Apple-tab-span" style="white-space:pre">                      </span>scroll: false,</div><div><span class="Apple-tab-span" style="white-space:pre">                       </span>monitorResize: true,</div><div><span class="Apple-tab-span" style="white-space:pre">                 </span>id: "map",</div>
<div><span class="Apple-tab-span" style="white-space:pre">                      </span>height: '100%',</div><div><span class="Apple-tab-span" style="white-space:pre">                      </span>width: '100%',</div><div><span class="Apple-tab-span" style="white-space:pre">                       </span>listeners: {</div>
<div><span class="Apple-tab-span" style="white-space:pre">                              </span>painted: function(){</div><div><span class="Apple-tab-span" style="white-space:pre">                                         </span>init();<span class="Apple-tab-span" style="white-space:pre">     </span></div>
<div><span class="Apple-tab-span" style="white-space:pre">                                      </span></div><div><span class="Apple-tab-span" style="white-space:pre">                             </span>},<span class="Apple-tab-span" style="white-space:pre">                          </span></div><div>
<br></div><div><span class="Apple-tab-span" style="white-space:pre">                                </span>resize: function(){</div><div><span class="Apple-tab-span" style="white-space:pre">                                  </span>if(window.map){</div><div><span class="Apple-tab-span" style="white-space:pre">                                              </span>map.updateSize();</div>
<div><span class="Apple-tab-span" style="white-space:pre">                                      </span>}</div><div><span class="Apple-tab-span" style="white-space:pre">                            </span>}</div><div><br></div><div><span class="Apple-tab-span" style="white-space:pre">                   </span>}</div>
<div><span class="Apple-tab-span" style="white-space:pre">              </span>}</div><div><span class="Apple-tab-span" style="white-space:pre">    </span>]</div><div>    }</div><div>});</div></div><div><br></div><div>;****************</div>
<div><br></div><div>and the init function is in the index.hmtl:</div><div><br></div><div><div>    <script></div><div><span class="Apple-tab-span" style="white-space:pre">      </span>var apiKey = "AqTGBsziZHIJYYxgivLBf0hVdrAk9mWO5cQcb8Yux8sW5M8c8opEC2lZqKR1ZZXf";<span class="Apple-tab-span" style="white-space:pre">          </span>  </div>
<div><span class="Apple-tab-span" style="white-space:pre">      </span>var map;</div><div><span class="Apple-tab-span" style="white-space:pre">     </span>var renderer = OpenLayers.Util.getParameters(window.location.href).renderer;<span class="Apple-tab-span" style="white-space:pre">                </span></div>
<div><span class="Apple-tab-span" style="white-space:pre">      </span>renderer = (renderer) ? [renderer] : OpenLayers.Layer.Vector.prototype.renderers; </div><div>     </div><div><span class="Apple-tab-span" style="white-space:pre">       </span>function init() {<span class="Apple-tab-span" style="white-space:pre">   </span></div>
<div><span class="Apple-tab-span" style="white-space:pre">              </span>// create map</div><div>    <span class="Apple-tab-span" style="white-space:pre">            </span>var boundswm = new OpenLayers.Bounds(-1146591,4232038,567729,5496445); //EPSG:900913 Web Mercator</div>
<div><span class="Apple-tab-span" style="white-space:pre">      </span></div><div><span class="Apple-tab-span" style="white-space:pre">             </span>map = new OpenLayers.Map({</div><div><span class="Apple-tab-span" style="white-space:pre">                   </span>div: "map",</div>
<div><span class="Apple-tab-span" style="white-space:pre">                      </span>theme: null,</div><div><span class="Apple-tab-span" style="white-space:pre">                 </span>//maxExtent: boundswm,</div><div><span class="Apple-tab-span" style="white-space:pre">                       </span>numZoomLevels: 24,</div>
<div><span class="Apple-tab-span" style="white-space:pre">                      </span>units: 'm',</div><div><span class="Apple-tab-span" style="white-space:pre">                  </span>allOverlays: true,</div><div><span class="Apple-tab-span" style="white-space:pre">                   </span>projection: new OpenLayers.Projection("EPSG:900913"),</div>
<div><span class="Apple-tab-span" style="white-space:pre">                      </span>displayProjection: new OpenLayers.Projection("EPSG:4326"),</div><div><span class="Apple-tab-span" style="white-space:pre">                 </span>controls: [</div>
<div><span class="Apple-tab-span" style="white-space:pre">                              </span>new OpenLayers.Control.Attribution(),</div><div><span class="Apple-tab-span" style="white-space:pre">                                </span>new OpenLayers.Control.TouchNavigation({</div>
<div><span class="Apple-tab-span" style="white-space:pre">                                                      </span>dragPanOptions: {</div><div><span class="Apple-tab-span" style="white-space:pre">                                                            </span>enableKinetic: true</div><div><span class="Apple-tab-span" style="white-space:pre">                                                  </span>}</div>
<div><span class="Apple-tab-span" style="white-space:pre">                              </span>})</div><div><span class="Apple-tab-span" style="white-space:pre">                                           </span></div><div><span class="Apple-tab-span" style="white-space:pre">                     </span>]</div>
<div><span class="Apple-tab-span" style="white-space:pre">              </span>});</div><div><br></div><div><span class="Apple-tab-span" style="white-space:pre">         </span>var mapbing= new OpenLayers.Layer.Bing({</div><div><span class="Apple-tab-span" style="white-space:pre">                                     </span>isBaseLayer: true,</div>
<div><span class="Apple-tab-span" style="white-space:pre">                                      </span>key: apiKey,</div><div><span class="Apple-tab-span" style="white-space:pre">                                 </span>type: "Aerial",</div><div><span class="Apple-tab-span" style="white-space:pre">                                    </span>name: "Bing Aerial",</div>
<div><span class="Apple-tab-span" style="white-space:pre">                                      </span>transitionEffect: 'resize'</div><div><span class="Apple-tab-span" style="white-space:pre">           </span>});</div><div><span class="Apple-tab-span" style="white-space:pre">          </span>map.addLayers([mapbing]);</div>
<div><br></div><div><span class="Apple-tab-span" style="white-space:pre">     </span>}</div><div><br></div><div><span class="Apple-tab-span" style="white-space:pre">   </span></script></div><div><br></div><div><br></div><div>
The map is shown but not take the all screen. </div><div><br></div><div>Can someone give me a small help in order to know what can be happen?</div><div><br></div><div>Thanks  in advance,</div><div>Manolo Q.</div><div><br>
</div><div><br></div><div><br></div>-- <br><div>--</div><div><a href="http://accessprogprotect.no-ip.org/" target="_blank">http://accessprogprotect.no-ip.org/</a></div><br>
</div>