Erreur sur Geocoder et MaptypeId

Version imprimable

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 !

Citation:

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

pourquoi à votre honorable avis ?

voila tous le code :

Code:

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 ,

Bonjour,

Citation:

Code:

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:

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

27/10/2013, 23h17
owenho

Merci NoSmoking pour l'astuce,

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

Citation:

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 :

Citation:

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,
28/10/2013, 12h52
sekaijin

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
28/10/2013, 21h58
NoSmoking

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.

Citation:

Envoyé par owenho

j'ai suivi presque le même procédure mais ces deux erreurs s'affiche !

c'est peut être le presque qui fait la différence ;).
07/11/2013, 22h35
owenho

bon j'ai réussi à affficher la carte mais en utilisant :

Code:

Ext.window.Window

et pas :

Citation:

Ext.Form.FormPanel

,

lorsque j'utilise le panel form il me donne toujours l'erreur du maptypeId,

bon merci infiniment, Nosmoking et sekaijin,

Cordialement,