Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>I have a similar application running. Your tabpanel is perfect. All you need to alter is your map code.... Try this instead : </p> <pre><code>var map = new Ext.Map({ mapOptions : { center : center, zoom : 20, mapTypeId : google.maps.MapTypeId.HYBRID, navigationControl: true, navigationControlOptions: { style: google.maps.NavigationControlStyle.DEFAULT } }, listeners : { maprender : function(comp, map){ var marker = new google.maps.Marker({ position: center, //title : 'Sencha HQ', map: map }); setTimeout( function(){map.panTo (center);} , 1000); } }, geo:new Ext.util.GeoLocation({ autoUpdate:true, maximumAge: 0, timeout:2000, listeners:{ locationupdate: function(geo) { center = new google.maps.LatLng(geo.latitude, geo.longitude); if (map.rendered) map.update(center) else map.on('activate', map.onUpdate, map, {single: true, data: center}); }, locationerror: function ( geo, bTimeout, bPermissionDenied, bLocationUnavailable, message) { if(bLocationUnavailable){ alert('Your Current Location is Unavailable on this device'); } else{ alert('Error occurred.'); } } } }) }); </code></pre> <p>This creates the map object and sets the center to ur current location. Now you need to dock this object inside an Ext.extend(Ext.Panel({}) object. Ive tried directly creating the map object but it needs a panel to display on. </p> <p>So you're panel code should go something like so: </p> <pre><code>NPApp.views.Mapcard = new Ext.extend(Ext.Panel({ iconCls : 'map', title : 'Map', layout: 'card', ui: 'light', items: [map], listeners:{ } }); ) </code></pre> <p>It took me ages of going thru a dozen or more examples to make the current location work. This is a combination of several codes and a bunch of stuff in the Google API. </p> <p>Lemme know if you have any more questions about Google Maps or directions.</p> <p>Cheers :) Sasha</p>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload