Test link: http://kwestievan.nl/reizen

What I'm doing here: implemented my own OverlayView to draw curved lines 
from marker to marker with arrowheads at the end of each line with SVG. I 
add a div element to the map that is of a certain width and height to 
contain the line and arrowhead. I then put inline SVG code in that div to 
let the browser draw the line and arrow.

If viewed in Safari or Chrome some very annoying and unexpected behavior 
occurs. In Safari the whole SVG graphic disappears beyond a certain zoom 
level, and in Chrome the arrowheads at the end of the line disappear and 
re-appear at random zoom levels so it seems. In Firefox and Opera this 
behavior is not happening and the arrowheads are visible at any zoom level.

Don't mind the red boxes and/or the displacement of some arrows. That's 
work in progress.

What is going on here? Is SVG not fully compatible with Google Maps or am I 
doing something wrong?

ps: I know it was announced that tech support was moved to SO, but thought 
that I might as well post it here since a lot of tech people are also 
hanging around here. Here's the link to 
SO: 
http://stackoverflow.com/questions/9603353/google-maps-api-v3-svg-graphics-clip-disappear-when-zooming

-- 
You received this message because you are subscribed to the Google Groups 
"Google Maps JavaScript API v3" group.
To view this discussion on the web visit 
https://groups.google.com/d/msg/google-maps-js-api-v3/-/U_kKsSqqNmEJ.
To post to this group, send email to google-maps-js-api-v3@googlegroups.com.
To unsubscribe from this group, send email to 
google-maps-js-api-v3+unsubscr...@googlegroups.com.
For more options, visit this group at 
http://groups.google.com/group/google-maps-js-api-v3?hl=en.

Reply via email to