1. #1
    Sencha User
    Join Date
    Nov 2009
    Posts
    5
    Vote Rating
    0
    thomas.oberthanner is on a distinguished road

      0  

    Question "passing google maps gevents to extjs" or "simulate mouse click"

    "passing google maps gevents to extjs" or "simulate mouse click"


    hi,

    i tried my very best to solve this problem but i am stuck:

    inside an Extjs Panel i add a div for google maps, which works perfect but seems to be very greedy concerning events. when i click on the map, extjs does not get informed about that: e.g. any open menus remain open. what is the correct way to "forward" such an event to extjs?

    i tried different ways without any success (e.g. panel has no click event which i could fire / Ext.getCmp(panel).el.click() is not a function).

    what would be the right approach? i still think that gevent.addlistener() (see code below) is the right starting point, but how should i continue? i figured out a possible (and dirty) workaround, simulating a "escape" key press event should do the job but i consider this as cheating.

    it is evening number four i spent over this and so i decided to ask here. thank you in advance

    tom

    Code:
    Tom.GMap = Ext.extend(Ext.Panel, {
       // ...
        afterRender : function() {
            Tom.GMap.superclass.afterRender.apply(this, arguments);
    
            this.gMapEl = Ext.DomHelper.append(this.body,
                    '<div style="width: 100%; height: 100%"></div>', true);
            this.gMap = new google.maps.Map2(this.gMapEl.dom, this.gMapOptions);
    
            // Listener für RMB
            GEvent.addListener(this.gMap, 'singlerightclick', function(point, src,
                            overlay) {
                        // ...
                        cmenu = new Ext.menu.Menu({
                                    items : [{
                                                text : 'test'
                                            }]
                                });
                        var pos = Ext.getCmp(myId).getPosition();
                        cmenu.showAt(new Array(pos[0] + point.x, pos[1] + point.y));
                    });
    
            // TELL EXTJS THAT THE PANEL HAS BEEN CLICKED
            GEvent.addListener(this.gMap, 'click', function() {
                        // I GET CALLED AS EXPECTED, BUT WHAT`S NEXT ?
                    });
    
        },
        // ...
    });

  2. #2
    Sencha User
    Join Date
    Nov 2009
    Posts
    5
    Vote Rating
    0
    thomas.oberthanner is on a distinguished road

      0  

    Wink


    sometimes it is bad, when your thread gets no answers and sometimes it is good. if you find a solution for yourself, you feel pretty good.

    Code:
    // Listener for LMB
            GEvent.addListener(this.gMap, 'click', function() {
                        Ext.menu.MenuMgr.hideAll();
                    });
    Last edited by thomas.oberthanner; 11 Feb 2011 at 12:38 PM. Reason: typo

  3. #3
    Sencha User
    Join Date
    Jan 2011
    Posts
    12
    Vote Rating
    0
    mr.zaur is on a distinguished road

      0  

    Default Something wrong with my GMap declaration...

    Something wrong with my GMap declaration...


    I tried what its done above but I think I do have some mistake in this.myOptions declaration, here's a code:


    Code:
    var Gmap= new Ext.Panel({
                height:500,
                id:'gmap',
                
                afterRender:function(){
                    
                    //this.latlng = new google.maps.LatLng(-34.397, 150.644);
                    this.myOptions = {
                      zoom: 5,
                      center: new google.maps.LatLng(-34.397, 150.644),
                      mapTypeId: google.maps.MapTypeId.ROADMAP
                    };
                    
                    this.gMapEl=Ext.DomHelper.append(this.body,
                    '<div style="width: 100%; height: 100%"></div>',true);
                    this.gMap=new google.maps.Map(this.gMapEl.dom,this.myOptions);
                    
                    
                }
            });

Similar Threads

  1. Site admin : "ExtJS 2.x" area is labeled as "1.x"
    By jay@moduscreate.com in forum Community Discussion
    Replies: 1
    Last Post: 31 Jan 2011, 12:53 PM
  2. Replies: 3
    Last Post: 28 Oct 2009, 6:38 AM
  3. Now "right-click" or "contextmenu" event on Button?
    By dbassett74 in forum Ext 3.x: Help & Discussion
    Replies: 1
    Last Post: 11 Jul 2009, 10:19 AM
  4. replace the "south" with the "new Ext.StatusBar" in "layout:'border'"
    By ealpha in forum Ext 2.x: Help & Discussion
    Replies: 1
    Last Post: 18 May 2008, 8:28 PM

Thread Participants: 1

Turkiyenin en sevilen filmlerinin yer aldigi xnxx internet sitemiz olan ve porn sex tarzi bir site olan mobil porno izle sitemiz gercekten dillere destan bir durumda herkesin sevdigi bir site olarak tarihe gececege benziyor. Sitenin en belirgin ozelliklerinden birisi de Turkiyede gercekten kaliteli ve muntazam, duzenli porno izle siteleri olmamasidir. Bu yuzden iste. Ayrica en net goruntu kalitesine sahip adresinde yayinlanmaktadir. Mesela diğer sitelerimizden bahsedecek olursak, en iyi hd porno video arşivine sahip bir siteyiz. "The Best anal porn videos and slut anus, big asses movies set..." hd porno faketaxi