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; } } }

Does Web Map support customized colorRamp distribution

GLIMichael

We have a use case where we need to specify a customized distribution of the color ramps. Based on the documentation below, it seems like this is possible by specifying the name value pairs of "start" and "stop".

colorRamp object documentation: https://developers.arcgis.com/documentation/common-data-types/color-ramp-objects.htm

However, when I attempt to do this in a web map, the distribution does not change instead will still distribute evenly. I also noticed if you save the web map from the viewer, the "start"/"stop" key words will be dropped.

After some digging, I noticed that on the web map specification, the "start" "stop" keywords are not mentioned. Which makes me suspect maybe the "start" "stop" is not supported on web maps?

web map specification on colorRamp: https://developers.arcgis.com/web-map-specification/objects/colorRamp/

Can someone help me confirm whether the "start" "stop" keywords are supported on web maps?

Also there are two typos in the last json snippet of this page: https://developers.arcgis.com/documentation/common-data-types/color-ramp-objects.htm

Encontre mais publicações marcadas com

Mapping

Accepted answers

RussRoberts

start/stop is for imagery layers but its not a part of the web map or web scene spec. This is why it will get removed when you save the map. I'm not quite sure where the start/stop is stored where you reference - maybe in a layerfile? Under the web map though we don't reference the start/stop

https://developers.arcgis.com/web-map-specification/objects/colorRamp/

All comments

RussRoberts

You can set this in the spec but the properties depend on the layer you are using it for.

colorRamp above is for imagery layers

For another layer type like a Feature Layer you would define the stops under the visualvariables

https://developers.arcgis.com/web-map-specification/objects/colorInfo_visualVariable/

Publishing your own color ramps and customizing existing color ramps is something we are looking into but I dont have it assigned to a release yet.

GLIMichael

Hi Russ,

Thanks for response.

We are using it for imagery layer.

We specified the start and stop in the JSON for the layer (through ArcGIS Python API), but the colors are still distributed evenly in the web map.

Furthermore, when I save the web map through the Web Map viewer then reload the JSON, the start/stop keys will be dropped from the JSON.

RussRoberts

There could be some unexpected JSON and that is why its getting removed on save causing the ramp to be altered. Does below look like what you are setting?

layerDefinition": {
"drawingInfo": {
   "renderer": {
      "colorRamp": {
         "colorRamps": [{
            "algorithm": "esriHSVAlgorithm",
               "fromColor": [
                  2,
                  34,
                  81,
                  255
                  ],
"toColor": [
                  7,
                  45,
                  95,
                  255
],
"type": "algorithmic"
},

GLIMichael

Hi Russ,

Yes, I can confirm that our JSON doesn't have unexpected components.

I slightly modified the sample you sent me to include the start, stop key words. The two colors should have a split of 10%-90%, but you will see in web map it's still 50/50 split.

Also try the save, then reload, and the start stop components will be dropped.

"layerDefinition": {
        "drawingInfo": {
            "renderer": {
                "type": "rasterStretch",
                "stretchType": "minMax",
                "colorRamp": {
                    "type": "multipart",
                    "colorRamps": [
                        {
                            "algorithm": "esriHSVAlgorithm",
                            "fromColor": [
                                2,
                                34,
                                81,
                                255
                            ],
                            "toColor": [
                                7,
                                45,
                                95,
                                255
                            ],
                            "type": "algorithmic",
                            "start": 0,
                            "stop": 10
                        },
                        {
                            "type": "algorithmic",
                            "algorithm": "esriHSVAlgorithm",
                            "fromColor": [
                                208,
                                208,
                                208,
                                100
                            ],
                            "toColor": [
                                225,
                                225,
                                225,
                                100
                            ],
                            "start": 10,
                            "stop": 100
                        }
                    ]
                },

Participe da Conversa

Membros conectados podem postar, seguir atualizações e mais. Novo aqui? Registre uma conta gratuita.

Links Rápidos

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