nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Changing ocean color in Vector Style Editor?

TimLohnes

I'm using the VectorTile Style Simple Editor to change the Light Gray Canvas per the instructions here, How to Customize Esri Vector Basemaps | ArcGIS Blog .

All is well and good except I can't change the ocean layer. I changed the background, but that is behind the ocean.

These are the first two layers.

{

"type": "background",

"paint": {

"background-color": "#ecffff"

"id": "background"

{

"layout": {},

"type": "fill",

"source": "esri",

"id": "Land",

"minzoom": 0,

"source-layer": "Land",

"paint": {

"fill-color": "#ededed"

}

I checked this thinking I could add Marine something or other, https://ago-item-storage.s3-external-1.amazonaws.com/f0b44a7e86b84109920e23e1e09d38a8/EsriVectorBasemaps_ReferenceDoc.pd…

Any ideas on how to change the ocean color?

Find more posts tagged with

Accepted answers

RRubalcava

If you use ctrl+f in the editor part of the window you'll get the find tools for the Ace editor used in that app. Ignore the other search one, I should remove that.

The order of the layers is the order they are drawn, so be mindful of that.

All comments

TimLohnes

Thanks for the search tip, Rene..

I didn't look for it down low there since I often think of ocean as a background type layer.

Also, the EsriVectorBasemaps_ReferenceDoc.pdf shows it just above background.

All good now. I love the editor. Search and replace would make it killer for wholesale changes. Just copying to text editor now, but then you don't get the instant update.

RRubalcava

If you use ctrl+f in the editor part of the window you'll get the find tools for the Ace editor used in that app. Ignore the other search one, I should remove that.

The order of the layers is the order they are drawn, so be mindful of that.

TimLohnes

Hmmm, just kept scrolling down and found Marine area down by boundaries. I moved it up to a more logical place like Land and still works fine in editor.

This file seems to indicate that it should be up there. https://ago-item-storage.s3-external-1.amazonaws.com/f0b44a7e86b84109920e23e1e09d38a8/EsriVectorBasemaps_ReferenceDoc.pd…

{

"layout": {},

"type": "fill",

"source": "esri",

"id": "Marine area/1",

"minzoom": 0,

"source-layer": "Marine area",

"paint": {

"fill-color": "#ecffff"

}

evtguy

I haven't messed with this stuff but have you seen this blog post which lays out the draw order within Vector Basemaps? The graphic in that post should help understand the draw order.

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.