ThinkGeo.com    |     Documentation    |     Premium Support

Map Marker Hover Event

#1

Is there a way to create an onHover event on Markers (By overlays or directly) either by the Server (AJAX based) or by JavaScript ?

I need something much like the overlay onClick event that does exist.



My Purpose:

I have number of tags that need to be altered dynamically onHover.

I cannot use the Layer popup tooltip as there are more actions to be taken (page elements that need to be replaced via AJAX).

 


Thank you in advance



#2

 


Hi Runny,
Welcome to Map Suite discussion forum and any question please be free to post here.
Yes, the markers are created with coordinates on the client. It allows us to attach any event to it using JavaScript. Please refer to the code as following. Please pay a attention to the comments "todo:"

<script language="javascript" type="text/javascript">


        var OnMapCreating = function (map) {
            OpenLayers.Layer.Markers.prototype.addMarker = function (marker) {
                this.markers.push(marker);
 
                if (this.opacity != null) {
                    marker.setOpacity(this.opacity);
                }
 
                if (this.map && this.map.getExtent()) {
                    marker.map = this.map;
                    this.drawMarker(marker);
                }
 
                // Register the mouse hover event
                marker.events.register('mouseover', marker, function (evt) {
                    // Todo: Add your own custom code
                    // .............
 
                    // Find the MarkerLayer and refresh
                    var layer = map.getLayer(marker.parentId);
                    layer.redraw();
                });
            }
        }
    <script>
 

Thanks,


Johnny



1 Like
#3

Hi Johnny, 
  
 Thank you for the warm welcoming. 
 Your answer is exactly what I needed, Thank you again. 
  
 Is there a help section for all the Javascript objects and properties? 
  
 G’day, 
 Runny

#4

 


Runny,
You are so welcome, please get the client API documents at gis.thinkgeo.com/Support/Dis...fault.aspx
Thanks,
Johnny