On Sep 17, 11:48 am, David Cato <[email protected]> wrote:
> It's a rather clever implementation. A lot of the code seems to exist
> for handling different types of POIs (accomodations, transportation,
> etc.) but the gist is that they have two markers: the base marker and
> a modified version, displayed on mouseover, of the base marker that
> has a "tang" on the right side to which the "flag" is attached.
>
> Instead of placing the tooltip over the marker, it's placed adjacent
> to the marker, thus avoiding the mouseover/mouseout problem the OP
> has.
Yes, I see. Thanks for working that out!
I actually tried a similar but much cruder method by cropping a semi-
circle out of my tooltip image, so it fits around the marker rather
than over it. My solution is far from perfect though, and I'd like to
try swapping the marker images on mouseover as visitsweden have done.
I can define the 2 image 'states' with the following code:
gicons["out"] = new GIcon(baseIcon,"out.png");
gicons["over"] = new GIcon(baseIcon,"over.png");
And the default 'out' state can be called by this code:
var marker = new GMarker(point,gicons["out"]);
But how do I swap the marker images on mouseover and then swap them
back again on mouseout?
For the side bar, I imagine the code would need to be added to the
following functions.
function mymouseover(i) {
showTooltip(gmarkers[i])
}
function mymouseout() {
tooltip.style.visibility="hidden";
}
Can anyone give me a hint as to what that code would be? I tried using
marker.setIcon(gicons["over"]); but that did not work.
--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups
"Google Maps API" 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-api?hl=en
-~----------~----~----~----~------~----~------~--~---
