Try this.
var polyline = new google.maps.Polyline({
path: paths,
strokeColor: "#FF0000",
strokeWeight: 10,
map: map,
zIndex: 100
});
google.maps.event.addListener(polyline, 'mouseover', function(event) {
p1.setOptions({
path: paths,
strokeColor: "#00FF00",
strokeWeight: 10,
zIndex: 300
});
});
google.maps.event.addListener(polyline, 'mouseout', function(event) {
p1.setOptions({
path: paths,
strokeColor: "#FF0000",
strokeWeight: 10,
zIndex: 100
});
});
On 7月10日, 上午1時06分, CSharp <[email protected]> wrote:
> Is it possible to put one polyline overlay overtop of the another
> polyline that overlaps it when a onmouseover event fires? I tried to
> set the strokeOpacity to 1.0 and the zIndex to 900 and the line on the
> bottom seems to always mesh the color with the top one.
>
> You can see the example here (select Route 25 and 26 where the lines
> overlap in some sections):
>
> http://www.mentoreng.com/testing/public/map2.html
--
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.