Use Google Maps Api Event/Listener in JQuery

Question

ok. what i want is the following: i want to control a mouseover of a marker with jquery.

how can i do that? i have no experience with pure js. (and i don't want to use a jquery-plugin)

i tried this:

google.maps.event.addListener(marker, 'ggmouseover', function() {
            marker.setIcon(pinred);
        });

        ggmouseover.mouseover();

this does not work. (it works with 'mouseover' instead of 'ggmouseover') i want to create a function or something i can call later through jquery. like: $('#button').mouseover(function(){ ggmouseover(); });

how can i do this? ideas?

Sylvain · Accepted Answer · 2012-09-05 10:58:13Z

4

You can do it by using :

trigger(instance:Object, eventName:string, var_args:*)

Triggers the given event. All arguments after eventName are passed as arguments to the listeners.

Which gives, for your case :

google.maps.event.addListener(marker, 'mouseover', function() {
    marker.setIcon(pinred);
});

$("#button").mouseover(function() {
    google.maps.event.trigger(marker, 'mouseover');
});

answered Sep 5, 2012 at 10:58

Sylvain

3,8731 gold badge30 silver badges32 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

John Doe Smith Over a year ago

Can I also write 'somethingelse' instead of 'mouseover' so that the mouseover only happens with the jquery-button?

Collectives™ on Stack Overflow

Use Google Maps Api Event/Listener in JQuery

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related