hi guys ,
when i display the map on my mobile , its not displaying very well , find the screen shot please
Screenshot_2012-11-18-22-59-22.jpg
Code:
var map1 = Ext.create('Ext.Map', {
title : 'Map',
id: 'google-map-id',
layout : 'fit',
flex:1
});
Ext.define('landmarks.view.landmark.Path', {
extend: 'Ext.Container',
xtype: 'landmark-path',
config: {
layout: 'vbox',
items: [
{
id: 'content',
tpl: [
'<div>',
'<div >{lname_e} </span></div>',
'</div>'
].join('')
},
map1
],
record: null
},
updateRecord: function(newRecord) {
if (newRecord) {
this.down('#content').setData(newRecord.data);
Ext.device.Geolocation.getCurrentPosition({
allowHighAccuracy: true,
success: function(position) {
latitude = position.coords.latitude
longitude = position.coords.longitude ;
var start = new google.maps.LatLng(latitude, longitude);
var end = new google.maps.LatLng(newRecord.data.lat, newRecord.data.lng);
var request = {
origin:start,
destination:end,
travelMode: google.maps.DirectionsTravelMode.WALKING
};
directionsService.route(request, function(response, status) {
if (status == google.maps.DirectionsStatus.OK) {
directionsDisplay.setDirections(response);
}
});
},
failure: function() {
Ext.Msg.alert('Geolocation', 'Something went wrong!');
}
});
}
}
});
can you help me please
regards