Sencha touch 2 - 在地图上显示当前位置

Question

我想显示我当前的位置并获取位置坐标以便在附近搜索.从下面的代码开始,在地图上显示我的位置,但它不起作用.

{
  xtype: 'map',
  useCurrentLocation: true
}

Answer 1

我定义了一个自定义地图类:

Ext.define("FindMyMoney.view.MapView", {
    extend: "Ext.Map",
    xtype: 'mapview',
    config: {
        useCurrentLocation: true,
        listeners: {
            maprender : function(comp, map){
                new google.maps.Marker({
                    position: new google.maps.LatLng(this._geo.getLatitude(), this._geo.getLongitude()),
                    map: map
                });
            }
        }
    }
});

所以它会在我当前的位置上呈现一个标记.简单.

Answer 2

这是代码.它将显示带边界的多个标记:

Ext.define("iME.view.Maps", {
    extend: "Ext.Map",
    xtype: 'mapview',
    config: {

        mapOptions: {    
            center: new google.maps.LatLng(28.80010128657071, 77.28747820854187),
            mapTypeId: google.maps.MapTypeId.ROADMAP,
            mapTypeControl: false
        },

        listeners: {
            maprender: function (comp, map) {

                var markersll = [
                    ['Noida', 28.80010128657071, 77.28747820854187],
                    ['Coogee Beach', 24.80010128565, 73.2874782084457],
                    ['Cronulla Beach', 25.80010128657071, 76.28747820854187],
                    ['Manly Beach', 28.80010128657071, 72.28747820854187],
                    ['Maroubra Beach', 9.052234, 75.243685]
                ];

                var infowindow = new google.maps.InfoWindow();
                var marker, i, pos;
                var bounds = new google.maps.LatLngBounds();
                for (i = 0; i < markersll.length; i++) {

                    pos = new google.maps.LatLng(markersll[i][1], markersll[i][2]);
                    bounds.extend(pos);
                    marker = new google.maps.Marker({

                        position: pos,
                        animation: google.maps.Animation.BOUNCE,
                        icon: 'http://thumb10.shutterstock.com/thumb_small/429058/131292377/stock-vector-map-super-marker-icon-131292377.jpg',
                        map: map,
                        title: 'Click Me ' + i
                    });    

                    google.maps.event.addListener(marker, 'click', (function (marker, i) {
                        return function () {
                            infowindow.setContent(markersll[i][0]);
                            infowindow.open(map, marker);
                        }
                    })(marker, i));
                    map.fitBounds(bounds);
                }
            }
        }
    }    
});