Ext.ux.GMapPanel - Google Maps

[Antjac]

As Haggai said,

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

Change lines 273 and 284 by

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

TypeId: 'google.maps.MapTypeId.TERRAIN',

by exemple to show a physical map

[ing.amdangelo]

If possible to implements get direction ??

[Ankit.Desai]

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.

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

[podmitrij]

Hello
my code is written in extjs v2
i need to use google maps v3
when I use Ext.ux.GMapPanel, I see just a gray panel and the map does not appear