Snazzy Maps styles in the Google Earth Engine code editor.
Import the snazzy
module into your Earth Engine script.
var snazzy = require("users/aazuspan/snazzy:styles");
Add a style from Snazzy Maps to your map by copying the URL and pasting in your Earth Engine script with snazzy.addStyle
. The second parameter is optional and will be assigned as the style alias (displayed in the top right of the map). If no alias (or null
) is provided, the name of the style on Snazzy Maps will be used.
snazzy.addStyle("https://snazzymaps.com/style/235815/retro", "My Custom Style");
You can also add a style by name rather than URL. However, there may be multiple styles with the same name. snazzy
will always add the most popular style that matches a given name, so use a URL if selecting by name doesn't give you the style you want.
snazzy.addStyleFromName("Retro");
Know the aesthetic or color scheme but don't have a specific style in mind? You can use snazzy.addStyleFromTags
to add a popular or random style that matches your criteria. Just pass in an array of tags/colors and an alias.
snazzy.addStyleFromTags(["yellow", "black", "two-tone"]);
By default, addStyleFromTags
adds the most popular style that matches all your tags, sorted by favorites
, but you can also sort by views
(or random
for a surprise).
var tags = ["colorful", "no-labels", "simple"];
var alias = null;
var order = "random";
var printUrl = true;
snazzy.addStyleFromTags(tags, alias, order, printUrl);
Note that addStyleFromTags
takes an optional printUrl
parameter that will print a style's URL to help you find it again in the future.
Snazzy
supports all of the tags and colors used by Snazzy Maps. To see them in the code editor: print(snazzy.tags)
.
colorful, complex, dark, greyscale, light, monochrome, no-labels, simple, two-tone
black, blue, grey, green, orange, purple, red, white, yellow
@adamkrogh is the creator of Snazzy Maps 👏
@TC25 wrote a great tutorial on how you can manually add Snazzy Maps styles to the Earth Engine code editor, which inspired this module.