[OpenLayers-Dev] Openlayer + Sencha Touch 2.1

Manolo Quijano manolo.quijano at gmail.com
Mon Dec 10 15:31:06 PST 2012

Hi all!

    I'm working to migrate the code of the example Openlayer + Sencha Touch
1.1 (http://openlayers.org/dev/examples/mobile-sencha.html) to Sencha Touch

    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.

That's my code of the Main.js:
Ext.define('Prueba.view.Main', {
    extend: 'Ext.Container',

    requires: [

    config: {
fullscreen: true,

items: [{
 xtype: 'toolbar',
    docked: "bottom",
layout: {
pack: "center"
 items: [{
iconCls: "home",
iconMask: true,
handler: function(){
xtype: "component",
scroll: false,
monitorResize: true,
id: "map",
height: '100%',
width: '100%',
listeners: {
painted: function(){

resize: function(){



and the init function is in the index.hmtl:

var apiKey =
var map;
var renderer = OpenLayers.Util.getParameters(window.location.href).renderer;
renderer = (renderer) ? [renderer] :

function init() {
// create map
    var boundswm = new OpenLayers.Bounds(-1146591,4232038,567729,5496445);
//EPSG:900913 Web Mercator
 map = new OpenLayers.Map({
div: "map",
theme: null,
//maxExtent: boundswm,
numZoomLevels: 24,
units: 'm',
allOverlays: true,
projection: new OpenLayers.Projection("EPSG:900913"),
displayProjection: new OpenLayers.Projection("EPSG:4326"),
controls: [
new OpenLayers.Control.Attribution(),
new OpenLayers.Control.TouchNavigation({
dragPanOptions: {
enableKinetic: true

var mapbing= new OpenLayers.Layer.Bing({
isBaseLayer: true,
key: apiKey,
type: "Aerial",
name: "Bing Aerial",
transitionEffect: 'resize'



The map is shown but not take the all screen.

Can someone give me a small help in order to know what can be happen?

Thanks  in advance,
Manolo Q.

-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.osgeo.org/pipermail/openlayers-dev/attachments/20121211/2a7cb376/attachment.html>

More information about the Dev mailing list