Skip to content

Fix Google map marker pin icon rendering in listing maps#2718

Open
RabbiIslamRony wants to merge 1 commit intosovware:developmentfrom
RabbiIslamRony:fix/google-map-marker-mask-icon
Open

Fix Google map marker pin icon rendering in listing maps#2718
RabbiIslamRony wants to merge 1 commit intosovware:developmentfrom
RabbiIslamRony:fix/google-map-marker-mask-icon

Conversation

@RabbiIslamRony
Copy link
Member

PR Type

What kind of change does this PR introduce?

  • Bugfix
  • Security fix
  • Improvement
  • New Feature
  • Refactoring (no functional changes, no API changes)
  • Build related changes
  • Text changes
  • Other — Please describe:

Description

This PR fixes the map marker icon rendering across Google Map views by ensuring a consistent icon source and removing conflicting legacy styles.

Before
https://prnt.sc/u6k5Gc2CeVYW
After
https://prnt.sc/WmL7gBkqYpiz

Changes included:

  • Fix map marker icon rendering in Google Map views by setting --directorist-icon inline to the correct Font Awesome marker SVG (map-marker-alt.svg).
  • Apply consistent marker icon behavior across:
    • Add Listing map
    • Single Listing map
    • Single Listing Map widget
  • Remove outdated SCSS override that forced map-pin.svg, which conflicted with the JavaScript marker setup.

Why

Previously, marker icons appeared inconsistent across different map contexts due to mixed icon sources (map-pin vs map-marker-alt) and a legacy SCSS override. This update standardizes icon rendering and eliminates style conflicts.

Test Plan

  • Ensure the selected map type is Google Map (example: https://prnt.sc/Hvo_5n2MkYr0)
  • Open the Add Listing page and confirm the map marker icon is visible and correct.
  • Open the Single Listing page and confirm the map marker icon is visible and correct.
  • Open the Single Listing Map Widget and confirm the marker icon matches other map views.
  • Verify that marker hover and shape styling still work as expected.

Linked Issues

https://taiga-sovware-u10698.vm.elestio.app/project/directorist/issue/2605

Checklist

  • My code follows the WordPress Coding Standards.

…d remove outdated SCSS override that forced , which conflicted with the JS marker setup
@RabbiIslamRony RabbiIslamRony added this to the v8.6 milestone Feb 26, 2026
@RabbiIslamRony RabbiIslamRony self-assigned this Feb 26, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant