1. #1
    Ext User
    Join Date
    Aug 2010
    Posts
    17
    Vote Rating
    0
    ice70 is on a distinguished road

      0  

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

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


    Hi

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

    Code:
            var mapdemo = new Ext.Map({
                center: position
            });
    
            new Ext.Panel({
                fullscreen: true,
                dockedItems: [toolbar],
                items: [mapdemo]
            });
    The marker on the map is created by:
    Code:
            var marker = new google.maps.Marker({
                 position: position,
                 map: mapdemo.map
            });
    If I check out chrome:firebug
    Code:
    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:

    Code:
    demos.Map = new Ext.Panel({
        layout: 'fit',
        items: [{
            xtype: 'map'
        }]
    });
    If is use:
    Code:
    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

  2. #2
    Sencha - Ext JS Dev Team evant's Avatar
    Join Date
    Apr 2007
    Location
    Sydney, Australia
    Posts
    17,146
    Vote Rating
    673
    evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute evant has a reputation beyond repute

      0  

    Default


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

    Code:
    // Ext.Map
    var map = demos.Map.items.first();
    console.log(map.map);
    Evan Trimboli
    Sencha Developer
    Twitter - @evantrimboli
    Don't be afraid of the source code!

  3. #3
    Ext User
    Join Date
    Aug 2010
    Posts
    17
    Vote Rating
    0
    ice70 is on a distinguished road

      0  

    Default


    Hi Evan,

    thank you for you quick reply.

    If I update the file: examples\kitchensink\src\demos\map.js to
    Code:
    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

  4. #4
    Ext User
    Join Date
    Aug 2010
    Posts
    17
    Vote Rating
    0
    ice70 is on a distinguished road

      0  

    Default


    Hi there

    any ideas why the
    Code:
    
    console.log(map.map);
    is null?

    thank you
    Ice70

Similar Threads

  1. [FIXED-207] Ext.Map: wrapped map unavailable in afterRender
    By cnelissen in forum Sencha Touch 1.x: Bugs
    Replies: 2
    Last Post: 8 Sep 2010, 7:05 PM
  2. Kicthen Sink example scrolling behaviour - please help
    By colinp in forum Sencha Touch 1.x: Discussion
    Replies: 7
    Last Post: 17 Aug 2010, 4:46 AM
  3. K Sink
    By bobmane in forum Sencha Touch 1.x: Discussion
    Replies: 6
    Last Post: 11 Aug 2010, 8:09 AM
  4. Question to Cards of Kitchen Sink/ Events Example
    By msinn in forum Sencha Touch 1.x: Discussion
    Replies: 2
    Last Post: 30 Jul 2010, 12:53 PM
  5. TextField does not sink Event.ONCHANGE
    By mbellew in forum Ext GWT: Discussion
    Replies: 2
    Last Post: 6 May 2010, 11:42 AM

Thread Participants: 1