# How do you fix custom map style JSON not applying in Adalo?

Fix an Adalo Map that ignores custom style JSON by checking the base map style, JSON structure, enabled APIs, and the Preview result.

- Canonical URL: https://adalocado.com/answers/fix-custom-map-style-json-not-applying-adalo
- Verification: Documented from current sources
- Topic: integrations
- Skill level: Intermediate
- Last reviewed: 2026-09-01
- Index status: index-now

## Short answer

Select Roadmap as the Map Style when your JSON changes road or water styling, paste one valid JSON array into Custom Style JSON, and test it in Preview. Adalo does not show custom map styling on the Builder canvas.

Start by separating a map-loading problem from a map-styling problem. Remove Custom Style JSON and confirm that the base map loads in Preview. If it does not, review the Google Maps API key, billing link, enabled APIs, address source, and marker setup before adding style rules.

For JSON that changes road, water, labels, or other standard map features, choose Roadmap as the base Map Style. Paste one valid JSON array with plain double quotes, begin with one obvious rule, and inspect the result in Preview or a share link. Adalo's current Maps documentation says custom styles do not render on the Builder canvas. Once the first rule works, restore the remaining rules gradually and test every target platform.

## Intended outcome

A custom Google Map style that appears in Adalo Preview, share links, and published apps.

## Requirements

- An Adalo Map component with a working Google Maps API key
- The required Google Maps APIs enabled for every target platform
- A valid Google Maps style JSON array
- A Preview or share link for testing outside the Builder canvas

## Step by step

1. **Confirm the map loads**

   Remove the custom JSON temporarily and verify that the base map and markers load in Preview. Fix the API key or enabled API setup before troubleshooting style rules.

2. **Choose Roadmap**

   Set Map Style to Roadmap when the JSON changes road, water, label, or other standard roadmap features. The accepted forum solution found that these rules were ignored under a different base style.

3. **Validate one JSON array**

   Paste one valid JSON array into Custom Style JSON. Use double quotes, remove smart quotes and comments, and begin with one obvious rule so the result is easy to see.

4. **Test in Preview**

   Open Preview or the share link to inspect the style. Current Adalo documentation says custom map styles do not appear on the Builder canvas.

5. **Restore rules gradually**

   After the first rule works, add the remaining style rules in small groups and preview after each change so a malformed rule is easy to isolate.

## Why it works

- The base map must load before custom styling can be evaluated.
- The selected base style determines which visual features a custom JSON rule can affect.
- Preview is the correct verification surface because the Builder canvas does not render custom map styles.

## Common failures

### The map is blank

Remove the custom JSON and verify the API key, billing link, and required Google Maps APIs. A loading failure is separate from a styling failure.

### The map loads but the style is unchanged

Select Roadmap, reduce the JSON to one obvious rule, replace smart quotes with plain double quotes, and test again in Preview.

### One rule works but the complete style does not

Add rule groups back one at a time. Validate the first group that makes the style stop applying.

## Testing checklist

- [ ] Apply one obvious water-color rule and confirm that Preview changes while the Builder canvas may remain unchanged.
- [ ] Remove the custom JSON and confirm that the same map still loads with the base Roadmap style.
- [ ] Test the final JSON in each intended native and web target because Google Maps rendering can differ by platform.
- [ ] The unstyled map loads in Preview
- [ ] Map Style is Roadmap for road and water rules
- [ ] Custom Style JSON is one valid array
- [ ] The style is checked outside the Builder canvas
- [ ] Each target platform is tested separately

## Limitations

- This workflow is documented from a current official guide and an accepted forum answer. It was not reproduced in a live Adalo app during this review.
- Google may change which styling features its platform supports, so a valid Adalo configuration cannot guarantee that every third-party style rule will render.
- Custom JSON changes map appearance only. It does not repair missing markers, incorrect addresses, API-key restrictions, or an unloaded map.

## Community evidence

### [Custom Map Style JSON not applying or ignored on Map Component](https://forum.adalo.com/t/custom-map-style-json-not-applying-ignored-on-map-component/59257)

The accepted solution uses Roadmap as the base style and combines valid road and water rules in one JSON array. Boundary: The forum result supports the Roadmap-specific fix, while the official Maps guide confirms the current JSON field and Preview-only verification behavior.

## Sources

- [Adalo Maps documentation](https://help.adalo.com/component-basics/marketplace-components/maps)
- [Adalo forum accepted solution](https://forum.adalo.com/t/custom-map-style-json-not-applying-ignored-on-map-component/59257)

Markdown version: https://adalocado.com/answers/fix-custom-map-style-json-not-applying-adalo.md