search

Shopify / ui-extensions

MIT License
265 stars 37 forks source link

Map component don't work with Cloud-based maps styling #1741

Open patryk-smc opened 7 months ago

patryk-smc commented 7 months ago

Please list the package(s) involved in the issue, and include the version you are using

@shopify/ui-extensions-react@2024.1.1

Describe the bug

Merchant wants to customize map styling with Cloud-based maps styling.

Despite adding the "id" to <Map/> component, the map styles are not applied.

Steps to reproduce the behavior:

  1. Create and publish a map Style
  2. Create a map ID
  3. Associate the map style with a map ID
  4. Add the map ID to <Map> "id" prop

Expected behavior

Map styles should be applied

HasanArmstrong commented 5 months ago

@patryk-smc is there a way to adjust the styles (e.g. colour) of the map?

The JSON based Google map styles set in Google Maps does not apply in Shopify either (see screenshots below).

Screenshot 2024-04-03 at 12 44 03 Screenshot 2024-04-03 at 12 46 48

Thank you

patryk-smc commented 5 months ago

Common use cases:

  1. Merchant want to reduce noise on the map (eg. restaurants)
  2. Merchant want to change map colors so it matches their dark checkout
HasanArmstrong commented 1 month ago

Hi @shopi-dori, any updates on this issue? Thank you!

shopi-dori commented 1 month ago

@HasanArmstrong I've brought the feedback to the team, and we're looking to make improvements but don't have a timeline right now. We're still evaluating options, but it's more likely that any future Map styling will be required to align with Merchant branding settings, not full customization.

You can monitor the public roadmap for planned releases. Reaching out like you and @patryk-smc did by logging this issue is definitely the right approach. Providing as much detail as possible regarding business cases, blocks to your work, and urgency helps us with prioritization of feature requests like this.