This week only. Pastebin PRO Accounts Christmas Special! Don't miss out!Want more features on Pastebin? Sign Up, it's FREE!
Guest

Untitled

By: a guest on Jan 30th, 2013  |  syntax: None  |  size: 3.97 KB  |  views: 23  |  expires: Never
download  |  raw  |  embed  |  report abuse  |  print
Text below is selected. Please press Ctrl+C to copy to your clipboard. (⌘+C on Mac)
  1. Ext.require(['Ext.data.*']);
  2.  
  3. Ext.onReady(function() {
  4.  
  5.     window.generateData = function(n, floor){
  6.  
  7.  
  8.         /*alert("in onReady");*/
  9.         var data = [];
  10.  
  11.         var title = [];
  12.         title = document.getElementById('xName').value.split(",");
  13.  
  14.  
  15.         var lat = [];
  16.         lat = document.getElementById('yData1').value.split(",");
  17.  
  18.         var lng = [];
  19.         lng = document.getElementById('yData2').value.split(",");
  20.  
  21.  
  22.         data.push({title: title[0], lat: Number(lat[0]), lng: Number(lng[0])});
  23.         /*data.push({title: title[1], lat: Number(lat[1]), lng: Number(lng[1])});*/
  24.  
  25.  
  26.         alert(title[0]);
  27.         alert( Number(lat[0]));
  28.         alert( Number(lng[0]));    
  29.  
  30.         return data;
  31.     };
  32.  
  33.     /*window.generateDataNegative = function(n, floor){
  34.         var data = [],
  35.             p = (Math.random() *  11) + 1,
  36.             i;
  37.  
  38.         floor = (!floor && floor !== 0)? 20 : floor;
  39.  
  40.         for (i = 0; i < (n || 12); i++) {
  41.             data.push({
  42.                 title: Ext.Date.monthtitles[i % 12],
  43.                 lat: Math.floor(((Math.random() - 0.5) * 100), floor),
  44.                 lng: Math.floor(((Math.random() - 0.5) * 100), floor),
  45.                 data3: Math.floor(((Math.random() - 0.5) * 100), floor),
  46.                 data4: Math.floor(((Math.random() - 0.5) * 100), floor),
  47.                 data5: Math.floor(((Math.random() - 0.5) * 100), floor),
  48.                 data6: Math.floor(((Math.random() - 0.5) * 100), floor),
  49.                 data7: Math.floor(((Math.random() - 0.5) * 100), floor),
  50.                 data8: Math.floor(((Math.random() - 0.5) * 100), floor),
  51.                 data9: Math.floor(((Math.random() - 0.5) * 100), floor)
  52.             });
  53.         }
  54.         return data;
  55.     };*/
  56.  
  57.     window.store1 = Ext.create('Ext.data.JsonStore', {
  58.  
  59.         fields: ['title', 'lat', 'lng'],
  60.         data: generateData()
  61.     });
  62.  
  63.  
  64.  
  65. });
  66.        
  67. Ext.Loader.setConfig({enabled: true});
  68.  
  69. Ext.Loader.setPath('Ext.ux', '../ux');
  70. Ext.require([
  71.     'Ext.window.*',
  72.     'Ext.ux.GMapPanel'
  73. ]);
  74.  
  75. Ext.onReady(function(){
  76.     /*store1.loadData(generateData());*/
  77.     var mapwin;
  78.     Ext.get('show-btn').on('click', function() {
  79.         // create the window on the first click and reuse on subsequent clicks
  80.         if(mapwin) {
  81.             mapwin.show();
  82.  
  83.         } else {
  84.  
  85.             mapwin = Ext.create('Ext.window.Window', {
  86.                 autoShow: true,
  87.                 layout: 'fit',
  88.                 title: 'GMap Window',
  89.                 closeAction: 'hide',
  90.                 width:450,
  91.                 height:450,
  92.                 border: false,
  93.                 store: store1,
  94.                 x: 40,
  95.                 y: 60,
  96.                 items: {
  97.                     xtype: 'gmappanel',
  98.                     /*center: {
  99.                         geoCodeAddr: 'New York City',
  100.                         marker: {title: 'no Park'}
  101.                     },*/
  102.                     center: {
  103.                         geoCodeAddr: '4 Yawkey Way, Boston, MA, 02215-3409, USA',
  104.                         marker: {title: 'Fenway Park'}
  105.                     },
  106.                     /*markers: [{
  107.                             geoCodeAddr: 'New York City',
  108.                             marker: {title: 'no Park'}
  109.                         },
  110.                         {
  111.                             geoCodeAddr: 'World Trade Center,New York City',
  112.                             marker: {title: 'Fenway Park'}  
  113.                         }
  114.                     ]*/
  115.  
  116.  
  117.                     markers: [{
  118.                         lat: 'lat',
  119.                         lng:  'lng',
  120.                         title: 'alok',
  121.                         listeners: {
  122.                             click: function(e){
  123.                                 Ext.Msg.alert('It's fine', 'and it's art.');
  124.                             }
  125.                         }
  126.                     },{
  127.                         lat: 42.339419,
  128.                         lng: -71.09077,
  129.                         title: 'My Home'
  130.                     }]
  131.                 }
  132.             });
  133.  
  134.         }        
  135.     });
  136.  });
clone this paste RAW Paste Data