Animate pin while hovering over text

  • Resolved elbake

    (@elbake)


    5 years, 10 months ago

    Hello,
    I am wondering if this is possible:

    I would like to hover over text in the body of a page (a title of a place) and a specific pin on my google map to animate (jump, bounce, highlight, whatever).

    Can someone advise if this is possible?

Viewing 2 replies - 1 through 2 (of 2 total)

  • Hi there

    Thank you for getting in touch!

    Yes, this is possible using a little JavaScript. You would need to correlate your text with your marker IDs somehow – I’d suggest adding an attribute like data-marker-id to the paragraph element containing your text. You could then detect when the mouse enters a [data-marker-id] element and animate the markers accordingly.

    If you need help with the JavaScript, we can provide specific code, we would ask that you firstly get the correlation set up so that we have some data to test with.

    Please note that there is no “hover” gesture on a mobile. You may need to look into alternatives for mobile users.

    I hope that helps?

    Kind regards
    – Perry

    Thread Starter elbake

    (@elbake)

    That is very helpful, thank you Perry!
    I will get in touch when I have the correlation set up.

Viewing 2 replies - 1 through 2 (of 2 total)
  • The topic ‘Animate pin while hovering over text’ is closed to new replies.