Maps with sencha touch

**pravinhmhatre** · 21 Nov 2011 11:21 AM

I am trying to create an application that will display current location on the map. But I am not able to display my current location. I am trying standard map example from sencha examples. When I try it online it works but not on my local system. I am using chrome for testing.

**mitchellsimoens** · 21 Nov 2011 11:52 AM

Code?

**aacoro** · 2 Dec 2011 2:24 PM

since the topic starter left I will continue this thread:

I want to show my current location in a sample app.

My index.html:

Code:

<!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>
</html>

and the app.js:

Code:

Ext.define('PPL.App', {
    extend : 'Ext.Panel',


    config : {
        items : [{
            xtype      : 'toolbar',
            docked     : 'top',
            title    : 'Sample MAP'                
        },{
            xtype    : 'panel',
            height    : 300,
            width    : 400,
            items    : [{
                xtype    : 'map',
                useCurrentLocation : true    
            }]
        }]
    }
});

But, sadly nothing happens, I only see the toolbar with the title.
Did I forgot to use layouts properly?
Thanks

EDIT: I think topic started asked question also on Stackoverflow: http://stackoverflow.com/questions/8...364070#8364070

**rdougan** · 3 Dec 2011 2:46 PM

There were issues with Map in PR2. A lot of work has been on on Map and GeoLocation for the next release.

**aacoro** · 3 Dec 2011 4:26 PM

I need this for a test case within one month, 2nd of january.
Can you define 'next'? Within one month? Week? Year?

Thanks.

**rdougan** · 3 Dec 2011 4:26 PM

PR3, next week, hopefully.

**sdruckerfig** · 4 Dec 2011 7:37 AM

There's a workaround -- basically you just need to set all the map properties directly through the Google Maps API:

HTML Code:

Ext.define("CrimeFinder.view.crimereport.map.Map", {
    extend: 'Ext.Map',
    xtype: 'crimemap',

   config: {
       useCurrentLocation: false
   },
   initialize: function() {
       var me=this;


    var gMap = this.getMap();
        gMap.setOptions({
            center : new google.maps.LatLng(38.909085, -77.036777),
            zoom : 16,
            mapTypeId : google.maps.MapTypeId.ROADMAP,
            navigationControl : true,
            navigationControlOptions : {
                style : google.maps.NavigationControlStyle.DEFAULT
            }
        })
   }


});

**aacoro** · 4 Dec 2011 10:55 PM

Originally Posted by sdruckerfig

There's a workaround -- basically you just need to set all the map properties directly through the Google Maps API:

HTML Code:

Ext.define("CrimeFinder.view.crimereport.map.Map", {
    extend: 'Ext.Map',
    xtype: 'crimemap',

   config: {
       useCurrentLocation: false
   },
   initialize: function() {
       var me=this;


    var gMap = this.getMap();
        gMap.setOptions({
            center : new google.maps.LatLng(38.909085, -77.036777),
            zoom : 16,
            mapTypeId : google.maps.MapTypeId.ROADMAP,
            navigationControl : true,
            navigationControlOptions : {
                style : google.maps.NavigationControlStyle.DEFAULT
            }
        })
   }


});

Thanks sdruckerfig, this week PR3 will hopefully be released, so I will wait for that since I need to use current location

Maps with sencha touch

Thread Tools

Search Thread

Display

Unanswered: Maps with sencha touch

Unanswered: Maps with sencha touch

Tags for this Thread