# Marker Visibility Issue on Hover

**URL:** <https://community.mappedin.com/t/marker-visibility-issue-on-hover/267>\
**Category:** Mappedin JS\
**Created:** [April 3, 2025, 9:52am UTC](https://community.mappedin.com/t/marker-visibility-issue-on-hover/267 "2025-04-03T09:52:33Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![Saurabh](https://avatars.discourse-cdn.com/v4/letter/s/ee7513/32.png) [@Saurabh](https://community.mappedin.com/u/Saurabh)\
**Post date:** [April 3, 2025, 9:52am UTC](https://community.mappedin.com/t/marker-visibility-issue-on-hover/267/1 "2025-04-03T09:52:33Z")

</div>

Sometimes, the marker is not visible on hover, but it appears when I slightly zoom in or out or on camera-change. I have a marker as pin with a medium rank, and on hover, I’m adding a new marker at the same lat-long with an always-visible rank. How can I ensure the marker remains consistently visible during hover? I am expecting like below image.

 ![image](https://canada1.discourse-cdn.com/flex004/uploads/mappedin/original/1X/ce2847e14d570f721c50d923a1ddd7c95d8d5e5e.jpeg)

---

<div class="post-metadata">

**Author:** ![KimCodeashian](https://yyz2.discourse-cdn.com/flex004/user_avatar/community.mappedin.com/kimcodeashian/32/74_2.png) [@KimCodeashian](https://community.mappedin.com/u/KimCodeashian)\
**Post date:** [April 3, 2025, 6:24pm UTC](https://community.mappedin.com/t/marker-visibility-issue-on-hover/267/2 "2025-04-03T18:24:00Z")

</div>

Hi there!

`medium` rank will display/hide the marker in certain situations.

If you’re looking to overlap the markers, you can assign `always-visible` to both, or

If you wanted to keep the `medium` rank you can:

- On hover, update the state to `always-visible`
- Add new marker on top with `always-visible`
- Off hover, reset rank back to `medium`

Let me know if that helps!

---

<div class="post-metadata">

**Author:** ![Saurabh](https://avatars.discourse-cdn.com/v4/letter/s/ee7513/32.png) [@Saurabh](https://community.mappedin.com/u/Saurabh)\
**Post date:** [April 4, 2025, 7:42am UTC](https://community.mappedin.com/t/marker-visibility-issue-on-hover/267/3 "2025-04-04T07:42:58Z")

</div>

Sometimes, when adding a marker, the `transform: translate3d(...)` attribute is missing, causing the marker to be invisible. When any camera change activity occurs, the `transform: translate3d(...)` attribute is applied correctly again, making the marker visible.

---

<div class="post-metadata">

**Author:** ![KimCodeashian](https://yyz2.discourse-cdn.com/flex004/user_avatar/community.mappedin.com/kimcodeashian/32/74_2.png) [@KimCodeashian](https://community.mappedin.com/u/KimCodeashian)\
**Post date:** [April 4, 2025, 4:03pm UTC](https://community.mappedin.com/t/marker-visibility-issue-on-hover/267/4 "2025-04-04T16:03:10Z")

</div>

Can you confirm if this is happening when it’s set to `always-visible` or are you using `medium` rank?

---

<div class="post-metadata">

**Author:** ![Saurabh](https://avatars.discourse-cdn.com/v4/letter/s/ee7513/32.png) [@Saurabh](https://community.mappedin.com/u/Saurabh)\
**Post date:** [April 7, 2025, 4:15am UTC](https://community.mappedin.com/t/marker-visibility-issue-on-hover/267/5 "2025-04-07T04:15:08Z")

</div>

I have added two markers. The first marker is an icon with a medium rank. When hovering over the first marker, a second marker appears as a label with a rank that is always visible. However, sometimes the `transform: translate3d(...)` style is missing from the second marker. When any camera movement occurs, the `transform: translate3d(...)` attribute is applied correctly again, making the second marker visible.

 ![image](https://canada1.discourse-cdn.com/flex004/uploads/mappedin/original/1X/8d7e118dcc4c0e7fea296e31adc5c2f381d639b3.png)