Ext.require(['Ext.data.*']);
Ext.onReady(function() {
window.generateData = function(n, floor){
/*alert("in onReady");*/
var data = [];
var title = [];
title = document.getElementById('xName').value.split(",");
var lat = [];
lat = document.getElementById('yData1').value.split(",");
var lng = [];
lng = document.getElementById('yData2').value.split(",");
data.push({title: title[0], lat: Number(lat[0]), lng: Number(lng[0])});
/*data.push({title: title[1], lat: Number(lat[1]), lng: Number(lng[1])});*/
alert(title[0]);
alert( Number(lat[0]));
alert( Number(lng[0]));
return data;
};
/*window.generateDataNegative = function(n, floor){
var data = [],
p = (Math.random() * 11) + 1,
i;
floor = (!floor && floor !== 0)? 20 : floor;
for (i = 0; i < (n || 12); i++) {
data.push({
title: Ext.Date.monthtitles[i % 12],
lat: Math.floor(((Math.random() - 0.5) * 100), floor),
lng: Math.floor(((Math.random() - 0.5) * 100), floor),
data3: Math.floor(((Math.random() - 0.5) * 100), floor),
data4: Math.floor(((Math.random() - 0.5) * 100), floor),
data5: Math.floor(((Math.random() - 0.5) * 100), floor),
data6: Math.floor(((Math.random() - 0.5) * 100), floor),
data7: Math.floor(((Math.random() - 0.5) * 100), floor),
data8: Math.floor(((Math.random() - 0.5) * 100), floor),
data9: Math.floor(((Math.random() - 0.5) * 100), floor)
});
}
return data;
};*/
window.store1 = Ext.create('Ext.data.JsonStore', {
fields: ['title', 'lat', 'lng'],
data: generateData()
});
});
Ext.Loader.setConfig({enabled: true});
Ext.Loader.setPath('Ext.ux', '../ux');
Ext.require([
'Ext.window.*',
'Ext.ux.GMapPanel'
]);
Ext.onReady(function(){
/*store1.loadData(generateData());*/
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,
store: store1,
x: 40,
y: 60,
items: {
xtype: 'gmappanel',
/*center: {
geoCodeAddr: 'New York City',
marker: {title: 'no Park'}
},*/
center: {
geoCodeAddr: '4 Yawkey Way, Boston, MA, 02215-3409, USA',
marker: {title: 'Fenway Park'}
},
/*markers: [{
geoCodeAddr: 'New York City',
marker: {title: 'no Park'}
},
{
geoCodeAddr: 'World Trade Center,New York City',
marker: {title: 'Fenway Park'}
}
]*/
markers: [{
lat: 'lat',
lng: 'lng',
title: 'alok',
listeners: {
click: function(e){
Ext.Msg.alert('It's fine', 'and it's art.');
}
}
},{
lat: 42.339419,
lng: -71.09077,
title: 'My Home'
}]
}
});
}
});
});