Custom Map Style JSON not applying/ignored on Map Component

Get Help
1

Hi Adalo Team,

I’m unable to apply any custom map styling via the Custom Style JSON field in my Map Component, even though the API Key is correctly set and the base map loads.

Problem Description:
The component ignores all styling commands. For example:

Test 1 (Color): [ { “featureType”: “water”, “stylers”: [ { “color”: “#FF0000” } ] } ] Fails. Water stays standard blue.
Test 2 (Visibility): [ { “featureType”: “road”, “stylers”: [ { “visibility”: “off” } ] } ] Fails. Roads remain visible.

Technical Details:
JSON Format: Using the classic JSON array format (featureType and stylers).

The component is loading the map but not accepting any JSON styles. Is this a known bug with the component or a constraint on API versioning?

Thank you for your help!

4

Thank you very much for your answer and for clarifying the limitation regarding the Custom Style JSON field.

Given that I need both dynamic custom markers (from a collection) and a custom style, do you know if there is a third-party map plugin available in the Adalo Marketplace that supports JSON styling or advanced styling options?

Any recommendation for an alternative map component would be highly appreciated!

6

Apologies, the reply from Tola was not accurate.

It’s likely that the json is not set up correctly. In order for us to confirm that the setup is correct on your end, can you confirm that you’ve followed the steps to customize your JSON as shown in the Maps Help Doc.

If so, please submit a support ticket with the requested information and we will be happy to look into this further to ensure there is not an issue with the component.

Thanks!

-Jessi

1 Like
7

In addition to what Jessi mentioned, which map style you’re going with because the JSON needs to be changed a bit according to the style? If you try the above 2 JSON’s you pasted with the ‘Roadmap’ style, they should work! Both in one JSON :

[
  {
    "featureType": "road",
    "stylers": [
      {
        "visibility": "off"
      }
    ]
  },
  {
    "featureType": "water",
    "stylers": [
      {
        "color": "#ff0000"
      }
    ]
  }
]

Thank you and have a great day!

1 Like
8

Many thanks Jessi. Sincerely.

9

It works perfectly, thank you very much Dilon.

1 Like
10

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.