PDA

View Full Version : How to populate ext.window marker to show google map?



carissamontez88
13 Dec 2010, 5:51 AM
Hi. I'm new in sencha and I have a project that needs to show google map. Here is my code for showing the map:

mapwin = new Ext.Window({
layout: 'fit',
title: 'Charles P. Rogers Beds Delivery Locator Google Maps',
closeAction: 'hide',
width:1000,
height:700,
x: 200,
y: 60,
items: {
xtype: 'gmappanel',
zoomLevel: 14,
gmapType: 'map',
mapConfOpts: ['enableScrollWheelZoom','enableDoubleClickZoom','enableDragging'],
mapControls: ['GSmallMapControl','GMapTypeControl','NonExistantControl'],
setCenter: {
geoCodeAddr: '4 Yawkey Way, Boston, MA, 02215-3409, USA',
marker: {title: ['Fenway Park']}
},
markers: [{
lat: 45.6758003,
lng: -111.0415802,
marker: {title: '309 S. THIRD, BOZEMAN, MT 59715 US'},
listeners: {
click: function(e){
Ext.Msg.alert('Its fine', 'and its art.');
}
}
}]
}

});

The map is already showing but I need to add more values for lat and lng and I need to query the values from a MySQL Database. Do you think I can do this using json and php? Any ideas and sample codes please.