ExtJS google maps v3 ne fonctionne pas

Question

bonjour je suis en train d'ajouter des cartes Google pour ma fenêtre j'utilise mvc je ne vois aucun exemple basé sur mvc ici est mon code

Ext.define('UserApp.view.uiTypes.GoogleMaps',{ 
    extend: 'Ext.panel.Panel', 
    width:800, 
    height:250, 
    bodyPadding: 5, 
    title:'Google Maps', 
    requires: ['Ext.ux.GMapPanel'], 
    items:[ 

     { 
      xtype: 'textfield', 
      label: 'test' 
     }, 
     { 
      xtype:'textfield', 
      label:'hellworld' 
     }, 
     { 
      xtype: 'gmappanel', 
      region: 'center', 
      id: 'mygooglemap', 
      zoomLevel: 3, 
      gmapType: 'map', 
      mapConfOpts:['enableScrollWheelZoom','enableDoubleClickZoom','enableDragging'], 
      mapControls: ['GSmallMapControl','GMapTypeControl','NonExistantControl'], 
      setCenter: { 
       'lat': 37.4419, 
       'lng': -122.1419, 
       marker:{ title: 'Palo Alto'} 
      } 
     } 

    ], 
}); 

erreur dans la console Uncaught Erreur: valeur non valide pour la propriété: function() {var a = ceci, b; if (a.isVisible()) {b = a.el.getAlignToXY (un.container, "cc"); .setPagePosition (b)} else {a.needsCenter = true} renvoyer un}

Answer 1

Puisque vous utilisez déjà GMapPanel3 .... Vous pouvez essayer de faire quelque chose comme ceci:

var smallGoogleMap = { 
       xtype: 'gmappanel', 
       id :'gSmallSiteMap', 
       width:'100%', 
       height:200, 
       zoomLevel:10, 
       gmapType: 'map', 
       mapConfOpts: ['enableScrollWheelZoom','enableDoubleClickZoom','enableDragging'], 
       mapControls: ['GSmallMapControl','GMapTypeControl','NonExistantControl'], 
       setCenter: { 
        lat: 42.339641, 
        lng: -71.094224, 
        marker: { 
         title: 'Boston Museum of Fine Arts', 
         listeners: { 
          click: function(e) { 
           Ext.Msg.alert('It\'s fine', 'and it\'s art.'); 
          } 
         } 
        } 
       } 
    } 
Ext.getCmp('some div or window').add(smallGoogleMap); 

OU: Vous pouvez simplement remplacer la partie intérieure items[] et mettre la smallGoogleMap variable. Faites-moi savoir si cela ne fonctionne pas!