If you are using Internet Explorer, please remove blackberry.com from your compatibility view settings.

Welcome!

Welcome to the official BlackBerry Support Community Forums.

This is your resource to discuss support topics with your peers, and learn from each other.

inside custom component

Web and WebWorks Development

Reply
Developer
smartek
Posts: 281
Registered: ‎05-31-2012
My Device: Playbook
My Carrier: o2
Accepted Solution

why my google maps map looks so strange?

hi, i have a app which use the jqueryMobile BB theme and the google maps api.

 

when i want to display the map, i just see a small square at the top but not the whole area like it should be.

here is a screenshot:

IMG_00000022.png

 

how to avoid this and let it display correctly?

 

my code:

function initialize() {
	var latlng = new google.maps.LatLng(-34.397, 150.644);
	var myOptions = {
		zoom: 8,
		center: latlng,
		mapTypeId: google.maps.MapTypeId.ROADMAP
	};
	var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
}

 

Plase "+Like" my post if it was helpful.
Please use plain text.
New Developer
armengar
Posts: 10
Registered: ‎12-03-2012
My Device: Playbook
My Carrier: AT&T

Re: why my google maps map looks so strange?

Are you sure its not a latency issue?  Or that you have the zoom set?

Please use plain text.
Developer
smartek
Posts: 281
Registered: ‎05-31-2012
My Device: Playbook
My Carrier: o2

Re: why my google maps map looks so strange?

no, even if i zoom in or out i just see this small top right area of the map.

Plase "+Like" my post if it was helpful.
Please use plain text.
Developer
smartek
Posts: 281
Registered: ‎05-31-2012
My Device: Playbook
My Carrier: o2

Re: why my google maps map looks so strange?

I found the bug, i need to use checkResize on my map.

Plase "+Like" my post if it was helpful.
Please use plain text.
Contributor
_shivam
Posts: 31
Registered: ‎08-25-2012
My Device: Torch 9800
My Carrier: none

Re: why my google maps map looks so strange?

adjust the position of your div element containing google maps.

Please use plain text.