forum

home / developersection / forums / sencha touch 2 - display current location on map

Ask Question

Sencha touch 2 - Display current location on map

Anonymous User 3230 31-May-2013
Hi Expert!

I want to display my current location and get location coordinates to search nearby. Starting with the code below to display my location on the map, but its not working.

{
  xtype: 'map',
  useCurrentLocation: true
}

Thanks in advance! 
sencha touch sencha touch 
Updated on 01-Jun-2013
Anonymous User

Other

I am a content writter !

Follow
Can you answer this question?
Answer

1 Answers

AVADHESH PATEL

AVADHESH PATEL

01-Jun-2013
Hi Jacob!

My code in that forum did not worked. The code that I was using is as follows:

The index.html file looks like this:

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>Sample app</title>
    <script type="text/javascript" src="lib/touch/sencha-touch-all-debug.js"></script>
    <link href="lib/touch/resources/css/sencha-touch.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=true"></script>
    <script type="text/javascript">
        Ext.Loader.setConfig({
            enabled : true,
            path    : {
                PPL : 'ppl.js'
            }
        });
        Ext.setup({
            tabletStartupScreen : 'tablet_startup.png',
            phoneStartupScreen  : 'phone_startup.png',
            icon                : 'phone_startup.png',
            onReady             : function() {
                Ext.create('PPL.App', {
                    fullscreen : true
                });
            }
        })
    </script>
</head>
<body>
</body>
And my ppl.js looks like this:

Ext.define('PPL.App', {
extend : 'Ext.Panel',
layout : 'vbox',
config : {
    items  : [{
        xtype   : 'toolbar',
        title   : 'Sample MAP'              
    },{
        xtype   : 'panel',
        layout  : 'fit',            
        items   : [{
            xtype   : 'map',
            useCurrentLocation : true
        }]
    }]
}
});
If I change my ppl.js into the following:

Ext.define('PPL.App', {
extend : 'Ext.Map',
layout : 'fit',
config : {
    items  : [{
        xtype   : 'map',
        useCurrentLocation : false
    }]
}
});

Then it is working! So, I think we need to wait untill next release, in the mean time learn ST2 :-)

I hope it helpful for you.

advertising
advertising

Liked By

We use cookies to ensure you have the best browsing experience on our website. By using our site, you acknowledge that you have read and understood our Cookie Policy & Privacy Policy