Page 33 of 33 FirstFirst ... 23313233
Results 321 to 323 of 323

Thread: Ext.ux.GMapPanel - Google Maps

  1. #321
    Sencha User
    Join Date
    May 2009
    Posts
    30
    Vote Rating
    2
      0  

    Default

    As Haggai said,

    This is a little patch for Ext.ux.GMapPanel3.js

    Change lines 273 and 284 by
    Code:
    this.gmap = new google.maps.Map(this.body.dom,  {zoom:this.zoomLevel,mapTypeId:  (this.gmapTypeId!=undefined?eval(this.gmapTypeId):google.maps.MapTypeId.ROADMAP)});
    '

    This is to allow you to change the style of the map :

    • MapTypeId.ROADMAP displays the default road map view
    • MapTypeId.SATELLITE displays Google Earth satellite images
    • MapTypeId.HYBRID displays a mixture of normal and satellite views
    • MapTypeId.TERRAIN displays a physical map based on terrain information

    You can now add this line in your gmappanel declarationgmap

    Code:
    TypeId: 'google.maps.MapTypeId.TERRAIN',
    by exemple to show a physical map

  2. #322
    Sencha User
    Join Date
    Sep 2011
    Location
    Maddaloni (CE) Italy
    Posts
    74
    Vote Rating
    1
      0  

    Default get direction

    If possible to implements get direction ??
    Ing theMAdPumpkin

  3. #323
    Sencha User
    Join Date
    Aug 2011
    Posts
    28
    Vote Rating
    0
      0  

    Default getMap () call on gmappanel returns undefined

    I have migrated from Google Map api v2 to v3. When I try to call getMap() on gmaappanel to pass to markercluster, I am not getting Map object. I have updated GMapPanel3.js and v3 url. If I don't do clustering of marker than it works fine as I am n't extracting Map object from GmapPanel. Code is as below.


    Code:
    Ext.create('Ext.Viewport', {
              id:'viewport',
              title: 'Site Register',
              layout: 'border',
              items: [
                  {
                    region: 'west',
                    title: '',
                    id:'searchPanel',
                    split:true,
                    width:600,
                    autoScroll:true,
                    items:[
                     {  
                        xtype    :'panel',
                        id       :'inboxListPanel',
                        emptyText: 'No records',
                        title    : 'Inbox',
                        collapsible: true,
                        draggable: true,
                        style    :'text-align:center',
                        items    : [grid]
                      }
                     ]
                },{
                    region: 'center',
                    id: 'mainPanel',
                    deferredRender: false,
                    items: [
                        Ext.create("Ext.tab.Panel", {
                        region: 'center',
                        id:'mapPanel',
                        width:'100%',
                        activeTab: 0,
                        items: [{
                         xtype: 'gmappanel',
                         title: 'Map',
                         id : 'gSiteMap',
                         width:900,
                         height:850,
                         zoomLevel: 5,
                         gmapType: 'map',
                         mapConfOpts: ['enableScrollWheelZoom','enableDoubleClickZoom','enableDragging'],
                         mapControls: ['GSmallMapControl','GMapTypeControl','NonExistantControl'],
                         setCenter: {
                           geoCodeAddr: '1600 Penn St, Washington DC, DC',
                           marker:{ title: 'HQ, Washington DC DC'}
                        }
            }]
         }]
    });
    
    var gmp = Ext.getCmp('gSiteMap');
    var gm = gmp.getMap();    <----------------- gm is undefined !
    I have GMapPanel.js from Link

Page 33 of 33 FirstFirst ... 23313233

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •