Not quite the same as you are seeing but I have also been running into marker sizing and positioning problems in the latest version of the BB OS both on the simulator and on the dev alpha phone.
For the sizing, I find that markers display about 2-4 times the size I would expect, compared to a browser like safari or chrome. The size issue will come up if I use the default map marker or a custom marker image, like a *.png . I can size images down if I use a custom image. Something like
var marker = new google.maps.Marker({
position: new google.maps.LatLng(newItnSummary.latitude, newItnSummary.longitude),
map: this.getMap(),
icon: {
url: 'resources/images/star.png',
scaledSize: new google.maps.Size(10, 10),
anchor: new google.maps.Point(5, 5)
},
cursor: 'default'
});
will do the trick.
Positioning has been a more insidious issue. Here images will generally be placed about 200 - 500 meters to the south east of their proper location. In a fair amount of cases my markers are being placed beyond the visual bounds of my map, so they appear to be 'missing'. None of these positioning problems happen when using the same code with Android / iOS based browsers.
The work around I have found, which solves both my sizing and positioning issues, is to use an SVG icon. Something like
var star = {
path: 'M 125,5 155,90 245,90 175,145 200,230 125,180 50,230 75,145 5,90 95,90 z',
fillColor: "red",
fillOpacity: 0.8,
scale: 0.1,
strokeColor: "red",
strokeWeight: 1,
anchor: new google.maps.Point(11, 11)
};
var marker = new google.maps.Marker({
position: new google.maps.LatLng(newItnSummary.latitude, newItnSummary.longitude),
map: this.getMap(),
icon: star
cursor: 'default'
});
This code will display a red star pretty much as expected.
The other marker implementation I have, based on google.maps.OverlayView, has been fine throughout my work with BB10, so that is also most likely a viable option if all else fails. It is a bit more work, but not that much....
Best,
Marc
