topic Re: javascript smart mapping color ramp in ArcGIS JavaScript Maps SDK Questions

javascript smart mapping color ramp

DavidChevrier — Wed, 19 Aug 2015 18:02:02 GMT

Hi,

I'm using the new smartMapping createClassedColorRender, but don't like the color ramp options that come for the default basemaps. How can I change the color ramp to a simple dark blue to red ramp?

This is how I'm creating the renderer now (its for a feature layer)

Thanks,

-dave

smartMapping.createClassedColorRenderer({

layer: featureLayer,

field: fieldName,

basemap: "oceans",

classificationMethod: "natural-breaks",

numClasses: 10

}).then(function (response) {

featureLayer.setRenderer(response.renderer);

featureLayer.redraw();

createLegend(map, featureLayer, fieldName);

});

map.addLayer(featureLayer);

Re: javascript smart mapping color ramp

ChrisSmith7 — Wed, 19 Aug 2015 19:25:18 GMT

It seems that you might be able to using scheme:

esri/renderers/smartMapping | API Reference | ArcGIS API for JavaScript

I wasn't able to pull an example, though - looking into that now...

Re: javascript smart mapping color ramp

DavidChevrier — Wed, 19 Aug 2015 20:08:35 GMT

I saw that and was thinking the same thing. However I wasn't about exactly how to do that. An example would be awesome though!

Re: javascript smart mapping color ramp

ChrisSmith7 — Fri, 10 Dec 2021 22:24:57 GMT

I quickly gave a stab at what I think it's expecting based on the documentation, but it's throwing an error - "Error: smartMapping.createClassedColorRenderer: unable to find suitable colors for number of classes."

ArcGIS API for JavaScript Sandbox

 function createRenderer(field) {
  //smart mapping functionality begins
  smartMapping.createClassedColorRenderer({
    layer: layer,
    field: field,
    basemap: map.getBasemap(),
    classificationMethod: "quantile",
    scheme: 
   {
  primaryScheme: 
  { 
  colorsForClassBreaks: 
  {
  numClasses: 5,
  colors:
  [
  new Color("#FFE6E6"),
  new Color("#FFB2B2"),
  new Color("#FF8080"),
  new Color("#FF4D4D"),
  new Color("#FF1919")
  ]
  }
  }
   }
  }).then(function (response) {
    layer.setRenderer(response.renderer);
    layer.redraw();
    createLegend(map, layer, field);
  });
 }

Re: javascript smart mapping color ramp

SatyanarayanaNarmala — Wed, 09 Sep 2015 11:29:15 GMT

Hi all

i too have same problem with colorramp in smart mapping, as well as how to change the range values.

Re: javascript smart mapping color ramp

SteveLewis — Tue, 29 Sep 2015 08:11:45 GMT

We've recently implemented SmartMapping in the JavaScript API. Super cool

We're also stuck and unable to change color ramp (except for using base map) in the JavaScript API? Anybody having any luck in the red to blue?

Re: javascript smart mapping color ramp

DavidChevrier — Tue, 29 Sep 2015 13:16:31 GMT

I'm glad other people are running into this problem. I haven't been able to come up with a solution, but will need to soon. I'm hoping someone from esri's development team chimes in.