OK, I finally got authorization from the company to display a sample code which shows a bus route with a set of bus markers on the map. In IE, the markers, on mouseover, will show the tooltip (Title property of the marker). In other browsers, the markers will show, but on hover over, the mouse pointer doesn't change and there is no tooltip.
Here's the link: http://www.mentoreng.com/testing/public/map.html I will try to get a more complex link here where it'll show a similar map with mouseover events that highlights a route with a different color and upon hover over the bus markers, it'll also highlight the route. On Jul 7, 5:42 pm, Chad Killingsworth <[email protected]> wrote: > Rather than posting your code here, please link to your actual site > with the map. Then we can look at it easily and either see the error > or verify the bug. > > Chad Killingsworth > > On Jul 7, 3:57 pm, CSharp <[email protected]> wrote: > > > > > Polyline mouseover event seems to work great in all the browsers. > > > So here is the code how I created the Markers and how the mouseover > > events are created (just copy the following code to a good text editor > > to get the tab formatting correct): > > > CreateStopMarkerMouseEvent : function(stopMarker, currentRoutePattern) > > { var currentPolyline = currentRoutePattern.Polyline; > > var originalPolylineColor = currentPolyline.strokeColor; > > var originalPolylineOpacity = currentPolyline.strokeOpacity; > > var hilitedLineColor = this.m_highlitePatternColor; > > var originalZindex = currentPolyline.zIndex; > > > google.maps.event.addListener(stopMarker, > > > > "mouseover", > > > > function() > > { > > currentPolyline.setOptions({strokeColor: hilitedLineColor, > > strokeOpacity: .8, zIndex: 999}); > > } > > ); > > google.maps.event.addListener(stopMarker, > > > > "mouseout", > > > > function() > > { > > currentPolyline.setOptions({strokeColor: > > originalPolylineColor, strokeOpacity: originalPolylineOpacity, zIndex: > > originalZindex}); > > } > > ); > > > }, > > > CreateMarkers : function(markerList, currentRoutePattern) > > { var markerImage = new google.maps.MarkerImage("../Images/ > > bus.png", > > > > new google.maps.Size(32, 37), //This marker > > is 32 pixels > > wide by 37 pixels tall. > > > > new google.maps.Point(0,0), // The > > origin for this > > markerImage is 0,0. > > > > new google.maps.Point(12, 27), // The anchor > > for this > > markerImage is the base at 16,37. > > > > new google.maps.Size(24, 27)); //Scaled size > > of the > > markerImage > > var markerShape = {coord: [0, 32, 37,0], type: "poly"}; > > var markers = []; > > > for(var i in markerList) > > { var marker = new google.maps.Marker({position: new > > google.maps.LatLng(markerList[i].LatLong.Latitude, > > markerList[i].LatLong.Longitude), > > > > //map: this.m_map, > > > > icon: markerImage, > > > > shape: markerShape, > > > > title: markerList[i].Title}); > > markers.push(marker); > > > //Create the event handling for mouse-over the marker > > this.CreateStopMarkerMouseEvent(marker, > > currentRoutePattern); > > } > > > currentRoutePattern.Markers = markers; //push the markers into the > > routePatter item > > return currentRoutePattern; > > > }, > > > On Jul 7, 2:30 pm, dfd <[email protected]> wrote: > > > > Yes and yes. > > > > frank > > > > On Jul 7, 10:21 pm, CSharp <[email protected]> wrote: > > > > > Seems like there's an issue with the Google Map API with the mouseover > > > > event for the Marker object not firing for all other browsers except > > > > for IE. Even in IE, it seems that the marker's event firing on > > > > mouseover stop and the tooltip no longer shows up. The tooltip > > > > actually doesn't even show for the other browsers. > > > > > Can someone verify that the Marker's Title property actually shows up > > > > for other browsers other than IE and that the mouseover event actually > > > > work?- Hide quoted text - > > > > - Show quoted text -- Hide quoted text - > > - Show quoted text - -- 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.
