Erreur sur Geocoder et MaptypeId

**owenho** · 27/10/2013, 02h03

Bonjour à tous,

j'ai suivi l'exemple fournit avec extjs 4.1.1 concernant une fenêtre google map qui s'affiche dans un windows exjts. j'ai suivi presque le même procédure mais ces deux erreurs s'affiche !

Cannot read property 'Geocoder' of undefined
Cannot read property 'MapTypeId' of undefined

pourquoi à votre honorable avis ?

voila tous le code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
Ext.Loader.setConfig({
    enabled: true
});
Ext.Loader.setPath('Ext.ux', '/lib/extjs-4.1.1/src/ux');
Ext.require(['Ext.window.*', 'Ext.ux.GMapPanel']);
Ext.onReady(function () {
    var mappanel = new Ext.FormPanel({
        title: 'Map',
        frame: true,
        width: 700,
        height: 400,
        renderTo: document.body,
        x: 20,
        y: 30,
        items: {
            xtype: 'gmappanel',
            mapTypeId: 'google.maps.MapTypeId.ROADMAP',
            mapConfOpts: ['enableScrollWheelZoom', 'enableDoubleClickZoom', 'enableDragging'],
            mapControls: ['GSmallMapControl', 'GMapTypeControl', 'NonExistantControl'],
            setCenter: {
                lat: -42,
                lng: -71,
                geoCodeAddr: 'Yuanmingyuan,Beijing,China',
                marker: {
                    title: 'Fenway Park'
                }
            },
            markers: [{
                lat: 42.339641,
                lng: -71.094224,
                title: 'Boston Museum of Fine Arts',
                listeners: {
                    click: function (e) {
                        Ext.Msg.alert('It\'s fine', 'and it\'s art.');
                    }
                }
            },
            {
                lat: 42.339419,
                lng: -71.09077,
                title: 'Northeastern University'
            }]
        }
    });
});

Merci ,

**NoSmoking** · 27/10/2013, 11h25

Bonjour,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
mapTypeId: 'google.maps.MapTypeId.ROADMAP',
mapConfOpts: ['enableScrollWheelZoom', 'enableDoubleClickZoom', 'enableDragging'],
            mapControls: ['GSmallMapControl', 'GMapTypeControl', 'NonExistantControl'],

il me semblerait préférable de passer par

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
mapOptions: {
    mapTypeId: google.maps.MapTypeId.ROADMAP,
    scrollwheel: false,
    disableDoubleClickZoom: true,
    draggable: false,
},

**owenho** · 27/10/2013, 23h17

Merci NoSmoking pour l'astuce,

mais le problème persiste, dans la console s'affiche :

Uncaught TypeError: Cannot read property 'MapTypeId' of undefined GMapPanel.js?_dc=1382911629952:44

et quand je clique sur GMapPanel.js..... je me retrouve sur la ligne :

createMap: function(center, marker) {
options = Ext.apply({}, this.mapOptions);
options = Ext.applyIf(options, {
zoom: 14,
center: center,
mapTypeId: google.maps.MapTypeId.HYBRID
//Cannot read property 'MapTypeId' of undefined
});

est il possible que je devrais charger une méthode de google ?
Merci
Crdt,

**sekaijin** · 28/10/2013, 12h52

il semble que google.maps.MapTypeId.HYBRID soit la cause de ton pb

il te faut voir ou tu défini l'objet google (inclusion d'un fichier .js)
mets un point d'arrêt sur la ligne options = Ext.apply({}, this.mapOptions);lorsque tu arrive au point d'arrêt inspecte l'objet google.maps
il est possible qu'entre le moment ou le tuto à été fait sur extjs et maintenant google ait changé son api

A+JYT

**NoSmoking** · 28/10/2013, 21h58

Je viens de tester l'exemple fournit avec extjs 4.1.1, et il fonctionne bien en mettant la syntaxe que je t’aie proposé.

Vérifie quand même que tu charges les bonnes versions des bibliothèques.