RP Promap Help Series
Using Snazzy Maps & Google Styling Wizard with RP Promap
RP Promap works seamlessly with popular Google Maps styling tools such as Snazzy Maps and the Google Maps Styling Wizard. These tools allow you to visually design map themes without manually writing JSON, then export styles that can be pasted directly into RP Promap.
Why Use a Styling Tool?
While Google Maps style arrays are powerful, creating them by hand can be time‑consuming. Visual styling tools help you:
Design map themes visually
Preview changes instantly
Ensure valid Google Maps JSON
Quickly iterate on brand-aligned styles
RP Promap fully supports styles generated by both tools.
Option 1: Using Snazzy Maps
Snazzy Maps is a community-driven gallery of prebuilt Google Maps styles.
Steps
Visit Snazzy Maps
Browse or search for a style that matches your use case (dark, minimal, muted, brand-colored)
Open the style you want
Click Copy JSON or JavaScript Style Array
Applying the Style in RP Promap
Open your map in RP Promap
Go to Map Settings → Appearance
Paste the copied JSON into the Map Style JSON field
Save and refresh the map
The style will apply immediately.
Example Maps from Snazzymaps (Note: requires signing up for a free account)
Code to Copy and Paste into RP Promaps
[ { "featureType": "administrative", "elementType": "geometry.fill", "stylers": [ { "color": "#8b8b8b" }, { "saturation": "0" } ] }, { "featureType": "administrative", "elementType": "geometry.stroke", "stylers": [ { "color": "#b4934a" } ] }, { "featureType": "administrative", "elementType": "labels.text.fill", "stylers": [ { "color": "#b4934a" } ] }, { "featureType": "administrative.land_parcel", "elementType": "geometry.fill", "stylers": [ { "color": "#ff0000" } ] }, { "featureType": "landscape", "elementType": "all", "stylers": [ { "color": "#f2f2f2" } ] }, { "featureType": "landscape", "elementType": "geometry.fill", "stylers": [ { "color": "#b4934a" }, { "lightness": "85" } ] }, { "featureType": "poi", "elementType": "all", "stylers": [ { "visibility": "off" } ] }, { "featureType": "poi", "elementType": "geometry.fill", "stylers": [ { "color": "#b4934a" } ] }, { "featureType": "poi", "elementType": "labels.text.fill", "stylers": [ { "color": "#b4934a" } ] }, { "featureType": "road", "elementType": "all", "stylers": [ { "saturation": -100 }, { "lightness": 45 } ] }, { "featureType": "road", "elementType": "geometry.fill", "stylers": [ { "color": "#b4934a" }, { "lightness": "60" } ] }, { "featureType": "road", "elementType": "labels.text.fill", "stylers": [ { "color": "#b4934a" } ] }, { "featureType": "road", "elementType": "labels.icon", "stylers": [ { "visibility": "off" }, { "lightness": "0" }, { "weight": "3.19" }, { "saturation": "0" }, { "gamma": "1.04" } ] }, { "featureType": "road.highway", "elementType": "all", "stylers": [ { "visibility": "simplified" } ] }, { "featureType": "road.highway.controlled_access", "elementType": "geometry.fill", "stylers": [ { "color": "#b4934a" }, { "lightness": "60" } ] }, { "featureType": "road.highway.controlled_access", "elementType": "labels.text.fill", "stylers": [ { "color": "#b4934a" } ] }, { "featureType": "road.arterial", "elementType": "geometry.fill", "stylers": [ { "color": "#b4934a" }, { "lightness": "60" } ] }, { "featureType": "road.arterial", "elementType": "labels.text.fill", "stylers": [ { "color": "#b4934a" } ] }, { "featureType": "road.arterial", "elementType": "labels.icon", "stylers": [ { "visibility": "off" } ] }, { "featureType": "road.local", "elementType": "geometry.fill", "stylers": [ { "color": "#b4934a" }, { "lightness": "60" } ] }, { "featureType": "road.local", "elementType": "labels.text.fill", "stylers": [ { "color": "#b4934a" } ] }, { "featureType": "transit", "elementType": "all", "stylers": [ { "visibility": "off" }, { "color": "#ff0000" } ] }, { "featureType": "water", "elementType": "all", "stylers": [ { "color": "#b48620" }, { "visibility": "on" } ] }, { "featureType": "water", "elementType": "geometry.fill", "stylers": [ { "lightness": "100" }, { "saturation": "80" }, { "color": "#b4934a" }, { "gamma": "1.70" } ] }, { "featureType": "water", "elementType": "labels.text.fill", "stylers": [ { "color": "#b4934a" } ] } ]
Where to Paste , make sure to choose customize from the Map Styles Drop Down
Option 2: Using Google Maps Styling Wizard
The Google Maps Styling Wizard is an official Google tool that lets you customize map features step by step.
Steps
Open the Google Maps Styling Wizard
Choose a base style or start from default
Customize features such as:
Geometry colors
Label visibility
Road emphasis
Water styling
Preview the map in real time
Exporting Styles
Click Finish
Select JavaScript output
Copy the generated style array
Applying the Style in RP Promap
Paste the exported array into Map Settings → Appearance → Map Style JSON, then save.
Recommended Workflow with RP Promap
Design your style visually using Snazzy Maps or the Styling Wizard
Copy the JavaScript style array
Paste it into RP Promap
Fine-tune manually if needed (optional)
Test at multiple zoom levels
This approach combines speed with full control.
RP Promap Styling Best Practices
Prefer low-contrast backgrounds to keep overlays readable
Hide POIs and transit layers unless required
Use consistent color families for roads and labels
Avoid extreme saturation or brightness
Test styles with real RP Promap data enabled
Common Issues & Fixes
Map Appears Blank
Ensure the JSON array is valid
Remove trailing commas
Confirm you copied the JavaScript style array, not CSS or URL styles
Overlays Are Hard to See
Increase background lightness
Reduce road saturation
Avoid dark labels on dark geometry
Pro Tip: Brand-Aligned Themes
For best results, align map colors with your brand palette and let RP Promap overlays remain the primary visual focus.
Need Help?
If you’d like help selecting or refining a style for RP Promap, or want a fully branded map theme created for you, contact RP Promap support.
© Rose Perl Technology