Layer Editor

Click the Layer Editor icon from the toolbar to launch the Layer Editor. Use the Layer Editor to edit the appearance, patterns, visibility of layers at various zoom levels.

Layer Editor screenshot

Using the Layer Editor

Note: Not all interfaces are available for every vector tile layer style. Different layer styles have different JSON properties, see editing JSON for more details.

InterfaceImageDescription
Layer info and visibilityThe visibility and zoom level for the selected layer. To change the visibility of a layer click and drag the Visible Zoom Range widget.
Layer appearance for different zoom levelsChange the color of a layer style at different zoom level cut-off points. Click Add stop to add a new color cut-off point.
Layer outline colorOutline color of the selected layer.
Layer patternsToggle patterns for the layer:
layer pattern picker
Layer opacityChange the opacity of the selected layer.
Layer positionChange the pixel offset of labels for the selected layer.
Icon AppearanceChoose a icon for the layer style:
layer icon appearance open
Icon PositionCustomize icon positioning with these options:
  • Icon Anchor: a 3x3 grid used to specify icon placement relative to the center placement
  • Icon Translate: the offset placement from the icon's original position, in pixels
  • Overlap: radio button to allow icons to overlap
  • Collision Visibility: a radio button to allow other icons to be visible even if they intersect with this icon
Text Halo PropertiesChoose the halo color, width, and blur for layer style labels.
Symbol PositionPlace the label and symbol at the center point of the layer (e.g. the middle of a polygon), or, if Line is chosen, a line parallel to the center line placing an icon at the interval determined by Spacing:

layer symbol position line
Text LayoutThis interface presents basemap authors with a number of options to customize label text for a vector style layer:
  • Text Transform:
    • None: keep current casing
    • Uppercase: make label text upper case
    • Lowercase: make label text lower case
  • Max Width: the max width of a character
  • Line Height: the height of each line
  • Padding: padding around label text
  • Letter Spacing: change the spacing between characters
  • Text Justification: Left, Center, Right
  • Text Anchor: change the relative position of the label relative to a 3x3 grid
  • Translate: the offset of the text from its original position, in pixels
  • Overlap: click the radio button to allow text overlap

Your browser is no longer supported. Please upgrade your browser for the best experience. See our browser deprecation post for more details.