使用sencha touch 2在地图上的当前位置显示标记

时间:2013-03-11 06:22:05

标签: sencha-touch-2

我可以在屏幕上显示地图并获取经度和纬度的当前位置。但是我想在那些纬度和经度值的位置显示标记。我尝试在渲染地图时添加一个侦听器。下面是代码。但屏幕上没有显示任何标记。任何关于如何在当前位置显示标记的指针都非常有用..

 
<script src="http://maps.googleapis.com/maps/api/js?sensor=true"></script>
<link href="touch/resources/css/sencha-touch.css" rel="stylesheet" type="text/css" /> 

<script type="text/javascript">     

Ext.application({     名称:'MapApp',

launch: function() {
var lat,lng;

//get latitude and longititude values

Ext.device.Geolocation.getCurrentPosition({
success: function(position) {
    lat = position.coords.latitude;

    lng = position.coords.longitude;
    alert(lat);
    alert(lng);
     Ext.Viewport.add( {
        xtype:'map',
        useCurrentLocation:true,
        fullscreen: true,
        layout:'fit',
        listeners : {
        maprender : function() {
            alert('map rendered');
            var marker = new google.maps.Marker({
            position: new google.maps.LatLng(lat,lng),
            title : 'testing',

            });
        }
    }

    });
},
failure: function() {
    alert('something went wrong!');
}

1 个答案:

答案 0 :(得分:2)

maprender : function(map, gmap, options) {
            alert('map rendered');
            var marker = new google.maps.Marker({
                position: new google.maps.LatLng(lat,lng),
                title : 'testing',
                map: //gmap or map, try both one of them will work
            });
            }

此映射键很重要,您还需要确保将标记保存在数组中以备将来使用