Please find below the markup I am using within my BlackBerry application (OS version 6 and 7) to display locations on a google map.
private String getHTMLText() {
String HTMLText = null;
HTMLText = "<script type=\"text/javascript\" src=\"http://maps.google.com/maps/api/js?sensor=false&libraries=drawing\"></script>" +
"<body onload=\"initialize();\" topmargin=\"0\" leftmargin=\"0\">" +
"<div id=\"map_canvas\" style=\"width:" + Display.getWidth() + "px; height:" + Display.getHeight() + "px;\">" +
"</body>" +
"<script type=\"text/javascript\">" +
"var Coordinates= [];" +
"var locations = [" + getLocatinText() +
"];" +
"var map = new google.maps.Map(document.getElementById('map_canvas'), {" +
"zoom: " + iZoom + "," +
"center: new google.maps.LatLng" + getCenterLocationText() + "," +
"mapTypeId: google.maps.MapTypeId.ROADMAP" +
"});" +
"var marker, i;" +
"marker = new google.maps.Marker({position: new google.maps.LatLng" + getCenterLocationText() +
", map: map,icon: 'http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=%E2%80%A2|ff0084|ffffff'});" +
"for (i = 0; i < 1; i++) {" +
"marker = new google.maps.Marker({" +
"position: new google.maps.LatLng(locations[i][0], locations[i][1])," +
"map: map" +
"});" +
"Coordinates.push( new google.maps.LatLng(locations[i][0], locations[i][1]) );" +
"}" +
/*"var flightPath = new google.maps.Polyline({" +
"path: Coordinates," +
"strokeColor: \"#FF0000\"," +
"strokeOpacity: 0.7," +
"strokeWeight: 1" +
"});" +*/
"</script>";
return HTMLText;
}
On every image, although the map loads correctly, it shows text over the top saying "sorry we have no imagery here".
However the same code used in any browser appears correctly.
I would be very appreciative of any feedback.
Try this -