Where has the .map gone in the kitchn sink example?

[ice70]

Hi

in the examples: map (examples/map/) the map is created as follows:

        var mapdemo = new Ext.Map({
            center: position
        });

        new Ext.Panel({
            fullscreen: true,
            dockedItems: [toolbar],
            items: [mapdemo]
        });

The marker on the map is created by:

        var marker = new google.maps.Marker({
             position: position,
             map: mapdemo.map
        });

If I check out chrome:firebug

console.dir(mapdemo)

it shows up as follows:
mapdemo.map = Object gm_accessors_=Object

Which all makes sense.

In the kitchesink demo (http://dev.sencha.com/deploy/touch/e...s/kitchensink/ userinferface -> map) the map card is made up slightly differently:

demos.Map = new Ext.Panel({
    layout: 'fit',
    items: [{
        xtype: 'map'
    }]
});

If is use:

console.dir(demos.Map)

I can find a 'map' entry:

in demos.Map.items.map = Object ext-comp-1053=Object

Would be grateful if someone could point out where the googlemap object is?

thank you for your help
ice70

[evant]

demos.Map is a panel which contains a map object as a child item:

// Ext.Map
var map = demos.Map.items.first();
console.log(map.map);

[ice70]

Hi Evan,

thank you for you quick reply.

If I update the file: examples\kitchensink\src\demos\map.js to

demos.Map = new Ext.Panel({
    layout: 'fit',
    items: [{
        xtype: 'map'
    }]
});

var map = demos.Map.items.first();
console.log(map.map);

the console output is:
null

the map still shows though if I navigate to it.

I also tried in safari just in case chrome was doing something unexpected, but got the same result.

Thank you for your help
ice70

[ice70]

Hi there

any ideas why the

console.log(map.map);

is null?

thank you
Ice70