I've been having trouble getting a long (around 280) polyline to
display correctly in Firefox. It works fine in IE and Chrome but seems
to just stop drawing the line in Firefox.

Here's a picture of what is drawn by Chrome (correct), Firefox and
Firefox when zoomed in further: http://i.imgur.com/Wl0v6.png

Given the way it looks when zoomed in, I'd guess that it may actually
be getting drawn but is hidden behind some of the tiles? I've tried
playing with the zOrder but with no luck.

Here's the Javascript I'm using to draw the line:
(My Javascript isn't great and I'm completely new to the google maps
api so please forgive me if there's anything monstrous about it)

// Get the individual elements
var name = getValue( paths[i], "name" );
var description = getValue( paths[i], "description" );
var coordinates = getValue( paths[i], "coordinates" );

var coords = new Array( );

coordinates = coordinates.split( " " );
for( var j = 0; j < coordinates.length; j++ ) {
        var parts = coordinates[j].split( "," );
        coords.push( new google.maps.LatLng( parseFloat( parts[1] ),
parseFloat( parts[0] ) ) );
}

// Add the path to the map
var path = new google.maps.Polyline( {
        path: coords,
        strokeColor: "#FF0000",
        strokeOpacity: 0.65,
        strokeWeight: 6,
        map: map
} );

Any help would be appreciated. I haven't been able to find anything
similar anywhere.

-- 
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.

Reply via email to