PDA

View Full Version : Sencha touch+ google map not rendering properly



kulshreshtha.s
15 Aug 2011, 1:17 AM
Hi,
I am trying to render a map when the user selects a city from the select option. But, the map is not rendering properly. There is a gray area on the major portion of the screen. How to overcome this issue. Secondly, How can I block the screen until the store loads completely? The map needs to refresh with a new location position when the user selects a new city from the dropdown. Please let me know where I'm wrong or what modifications I can do to the existing code to make it working.

27484

here is the code .
Store:




dealraiser.stores.SDeals = new Ext.data.Store({
model: "dealraiser.models.Deal",
proxy: {
type: 'scripttag',
url : 'http://XYZ/Deals.php',
reader: {
type: 'json',
root: 'msg.searchDeals'
}
}
,
listeners: {
'load': function (t, r, s) {

Ext.dispatch({
controller: dealraiser.controllers.dealsController,
action: 'loaded',
records: r
});
}
}
});
dealraiser.stores.SDeals.load({

params:{
metroID: 1
}
,
callback: function(response){
var dlength = response.length;
for(var i = 0; i < dlength; i++){
var pos = new google.maps.LatLng(response[i].get('dealLat'), response[i].get('dealLon'));
mapPositions[i] = pos;
mapText[i] = response[i].get('dealName');
mapID[i] = response[i].get('dealId');
}
}
});



Controller :


loaded: function(options) {
console.log("controller map rendered");

Ext.getBody().unmask();

for(var i = 0; i < options.records.length; i++){
var pos = new google.maps.LatLng(options.records[i].get('dealLat'), options.records[i].get('dealLon'));
mapPositions[i] = pos;
mapText[i] = options.records[i].get('dealName');
mapID[i] = options.records[i].get('dealId');
}
}


and the view :



//Load mask
var maskSD =new Ext.LoadMask(Ext.getBody(),{msg:'Loading Map...', store: dealraiser.stores.SDeals});
var cityId=1;
image = new google.maps.MarkerImage(
'app/view/blue.png',
new google.maps.Size(32, 31),
new google.maps.Point(0,0),
new google.maps.Point(16, 31)
),

shadow = new google.maps.MarkerImage(
'shadow.png',
new google.maps.Size(64, 52),
new google.maps.Point(0,0),
new google.maps.Point(-5, 42)
),

dealraiser.views.DealraiserSearch = Ext.extend(Ext.Panel,{

fullscreen : true,
layout: 'fit',
id: 'mapS',

dockedItems: [{
xtype: 'toolbar',
title: 'Search Deals',
dock: 'top',
items: [{
xtype: 'button',
text: 'Home',
ui: 'Home',
handler: function(){
dealraiser.views.viewport.setActiveItem(dealraiser.views.dealraiserHome , 'slide');
}
},{
xtype: 'spacer'
},{
xtype: 'button',
id: 'MapList',
text: 'List',
ui: 'Home',
handler: function(){
dealraiser.stores.SMapList.load({
params:{
metroID: cityId
}
});
dealraiser.views.viewport.setActiveItem(dealraiser.views.dealraiserMapList , 'slide');
}
}
]
},
{
xtype: 'toolbar',
id: 'searchform',
centered: true,
items: [{
xtype: 'selectfield',
id : 'selectCity',
name: 'City',
width: 350,
centered: true,
store: dealraiser.stores.SSearch,
ui: 'dark',
displayField: 'metroName',
valueField: 'metroId',

listeners: {
change: function(){
//display Loading indicator to user
//Ext.getBody().mask('Getting Deals...', 'x-mask-loading', false);
var myMask = new Ext.LoadMask(Ext.getBody(), {
msg:"Please wait...",
bindstore : dealraiser.stores.SDeals
});
myMask.show();


cityId = Ext.getCmp("selectCity").getValue();

dealraiser.stores.SDeals.load({
params:{
metroID: cityId
}
});
Ext.getBody().unmask();
// dealraiser.views.viewport.setActiveItem(dealraiser.views.dealraiserSearch, 'slide');

// Update datastore & location

var newMap = Ext.getCmp("mapaSearch");
newMap.update(mapPositions[0]);
myMask.hide();

//newmap.mapOptions.center = mapPositions[0];
// Refresh map

newMap.rendered = false;
newMap.render();





}
}
}]
}],
store :dealraiser.stores.SDeals,
items: [
{
xtype: 'map',
id: 'mapaSearch',
mapOptions : {
center : new google.maps.LatLng(38.592842, -90.163148), //st. louis location
zoom : 10,
mapTypeId : google.maps.MapTypeId.ROADMAP,
navigationControl: true,
navigationControlOptions: {
style: google.maps.NavigationControlStyle.DEFAULT
}
},

listeners : {
delay: 1000,

'maprender' : function(comp, map){

maskSD.show();
var imageD = image;
var markers = [];
var contentStrings = [];

infowindow = new google.maps.InfoWindow({
size: new google.maps.Size(150,50)

});

for(var i=0;i<mapPositions.length;i++){

var marker = new google.maps.Marker({
position: mapPositions[i],
map: this.map,
icon : imageD,
id : mapID[i],
zIndex: Math.round(mapPositions[i][0]*-100000)<<5,
html : '<Div ><Span class=/"ginfowbox/">'+mapText[i]+'</Span><a onClick = "showDeal('+mapID[i]+','+i+')"><img src="app/view/arrow.png"></a></Div>'
});
markers.push(marker);
//get deal idmarkers[i].html+;
var thisDealID = markers[i].id;
alert(thisDealID)
//google API for message
google.maps.event.addListener(marker, 'mousedown', function() {
infowindow.setContent(this.html);
infowindow.open(this.map, this);
});
}
maskSD.hide();

}
}
}

],

initComponent: function() {

dealraiser.views.DealraiserHome.superclass.initComponent.apply(this, arguments);
}
})

function showDeal(dealID, id){
//get deal object from store

dealInStore = id;
var oDeal= dealraiser.stores.SDeals.getAt(id);

var tpanel = dealraiser.views.dealDetail.getDockedItems();
isSearchPage = true;
//set Back button to search page
tpanel[0].items.item(0).setHandler( backSearch);
dealraiser.views.viewport.setActiveItem(dealraiser.views.dealDetail , 'slide');
dealraiser.views.dealDetail.updateWithRecord(oDeal);
}


function backSearch(){

dealraiser.views.viewport.setActiveItem(dealraiser.views.dealraiserSearch , 'slide');
}


Please help. I'm trying to resolve this issue for past 2 days.

Thanks

SunCoder
16 Aug 2011, 6:35 AM
Hi, kulshreshtha.s (http://www.sencha.com/forum/member.php?279911-kulshreshtha.s)

I have the same problem in my Application.The size of the map is full of this area,it exists,but not rendering. (app:ds:exist) I try many ways ,but failed.if you solve it ,please tell me ,thinks.http://www.sencha.com/forum/image/png;base64,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And I will try to solve it in other way.:)

SunCoder
16 Aug 2011, 8:08 AM
I find thatgoogle.maps.event.trigger(mapContact.map, 'resize');in googlemaps api perhaps has some help.
.But I still failed to render the map properly sometime.
if I use the wrong mapcenter to the map, I will failed to render by other mapcenter. Sorry for my poor English????

schtono
16 Aug 2011, 10:56 PM
I already figured out that this behavior happens when I activate the mappanel a second time (i.e. showing that mappanel, then activating another panel, then go back to the mappanel).

I think a quick fix would be to *completely* destroy the map and then *completely* rerender it. unfortunately, i haven't found a way to do it, yet.

rcranley
7 May 2014, 9:48 AM
Has this ever been resolved?If so, what was the fix?I'm having the same issue in 2.3.0

rushil_186
3 Jun 2015, 11:34 PM
I am facing the same issue , is there a way around this ? Anyone?