Here's a copy of a bug report I have just submitted to Apple. Gary
Summary: In a Google Maps API application, Safari is not correctly setting the 'left' and 'top' CSS parameters for off-screen DIVs, sometimes preventing on-screen markers from being displayed. I'm using Safari 5.0.2 on Mac OS X 10.6.4. This problem does NOT occur on any other browsers (Mac or Windows) I've tested, including Safari/ PC and Safari/iPhone. Steps to Reproduce: 1. Go to http://www.garylittle.ca/crawl3.html and scroll down to the map. 2. Click any of the markers. The map should zoom in and center the marker on the screen. Instead, the map zooms in but the marker does not appear at all. 3. Zoom out two levels and the marker appears! 4. Zoom in and it will disappear once again. Expected Results: Markers that are in the viewing area should always be visible. Notes: The problem surfaces when the following code is executed in the markerwithlabel.js library: var position = this.getProjection().fromLatLngToDivPixel(this.marker_.getPosition()); this.labelDiv_.style.left = position.x + "px"; this.labelDiv_.style.top = position.y + "px"; this.eventDiv_.style.left = this.labelDiv_.style.left; this.eventDiv_.style.top = this.labelDiv_.style.top; If you comment out the 2nd and 3rd lines all works as expected (except that you don't see the numeric label on top of the marker). If the lines are included the problem occurs. The problem seems to occur when an attempt is made to set 'left' and 'top' to values that are quite large -- i.e., when the associated DIV is off-screen by quite a distance. As noted above, all works well with all other browsers, including Safari/PC and Safari/iPhone. -- You received this message because you are subscribed to the Google Groups "Google Maps JavaScript API v3" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/google-maps-js-api-v3?hl=en.
