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
46
47
48
49
50
| Ext.Loader.setConfig({enabled: true});
| Ext.Loader.setPath('Ext.ux', '../ux');
| Ext.require([
| 'Ext.window.*',
| 'Ext.ux.GMapPanel'
| ]);
|
| Ext.onReady(function(){
| var mapwin;
| Ext.get('show-btn').on('click', function() {
| // create the window on the first click and reuse on subsequent clicks
| if(mapwin) {
| mapwin.show();
| } else {
| mapwin = Ext.create('Ext.window.Window', {
| autoShow: true,
| layout: 'fit',
| title: 'GMap Window',
| closeAction: 'hide',
| width:450,
| height:450,
| border: false,
| x: 40,
| y: 60,
| items: {
| xtype: 'gmappanel',
| center: {
| geoCodeAddr: '4 Yawkey Way, Boston, MA, 02215-3409, USA',
| 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'
| }]
| }
| });
|
| }
| });
| });
|
|