title: Dispay marker on Current position at map using sencha touch2
body: <p>I am able to display map on screen and get the current positions of latitude and longitude. However I want to display a marker at the position of those latitude and longitude values. I have tried by adding a listener when map is rendered. Below is the code. But no marker shows up on the screen. Any pointers on how to get the marker displayed at the current position will be really helpful..</p>
  
   
  
  <pre><code>&lt;script src="http://maps.googleapis.com/maps/api/js?sensor=true"&gt;&lt;/script&gt;
  &lt;link href="touch/resources/css/sencha-touch.css" rel="stylesheet" type="text/css" /&gt; 
  
  &lt;script type="text/javascript"&gt;     
  </code></pre>
  
  <p>Ext.application({
      name: 'MapApp',</p>
  
  <pre><code>launch: function() {
  var lat,lng;
  
  //get latitude and longititude values
  
  Ext.device.Geolocation.getCurrentPosition({
  success: function(position) {
      lat = position.coords.latitude;
  
      lng = position.coords.longitude;
      alert(lat);
      alert(lng);
       Ext.Viewport.add( {
          xtype:'map',
          useCurrentLocation:true,
          fullscreen: true,
          layout:'fit',
          listeners : {
          maprender : function() {
              alert('map rendered');
              var marker = new google.maps.Marker({
              position: new google.maps.LatLng(lat,lng),
              title : 'testing',
  
              });
          }
      }
  
      });
  },
  failure: function() {
      alert('something went wrong!');
  }
  </code></pre>