Services
Technology Web App Development Mobile App Development Windows App Development Database Development UI/UX Development Cloud Development SEO Digital Marketing Guest Posting Content Writing Artificial Intelligence Data Science ERP Development CRM Development CMS Development LMS Development Business Listing Blockchain Technology Startup Promotion
Products
Data Converter Cleaner TUC - Unit Converter Import Export Survey Manager Tweet Controller
Developer
Article Blog Forum Interview Beginner News Startup Quiz
Users
Career
Apply Job Internship
Pricing
Login Sign Up Get a Quote

forum

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

Sencha touch 2 - Display current location on map

Anonymous User 3304 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 01 Jun 2013
Anonymous User
Anonymous User

Other

I am a content writter !

Message

1 Answers

AVADHESH PATEL
AVADHESH PATEL 01 Jun 2013
Report Abuse
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.

MindStick Training