Hi, I don't know what wrong I'm doing here. I'm trying to implement smart mapping renderer on web app builder. I have just copy pasted the code from sample itself still it is giving me an error. Error: smartMapping.createClassedColorRenderer: unable to find suitable style scheme. Can someone please help me with the issue. define ( [ 'dojo/_base/declare' , 'jimu/BaseWidget' , "dojo/query" , "dojo/_base/lang" , 'dojo/_base/array' , "dojox/form/RangeSlider" , "dijit/form/VerticalRule" , "dijit/form/VerticalSlider" , "dijit/form/VerticalRuleLabels" , "dojo/dom-construct" , "dojo/dom" , "dojo/on" , "dojox/widget/ColorPicker" , "dijit/form/DropDownButton" , "dijit/ColorPalette" , "dijit/layout/BorderContainer" , "dijit/layout/ContentPane" , "esri/renderers/SimpleRenderer" , "esri/symbols/SimpleMarkerSymbol" , "esri/Color" , "esri/renderers/DotDensityRenderer" , "esri/renderers/ScaleDependentRenderer" , "esri/dijit/Legend" , "esri/renderers/smartMapping" , "esri/dijit/ClassedColorSlider" , "esri/layers/FeatureLayer" , ] , function ( declare , BaseWidget , query , lang , array , RangeSlider , VerticalRule , VerticalSlider , VerticalRuleLabels , domConstruct , dom , on , ColorPicker , DropDownButton , ColorPalette , BorderContainer , ContentPane , SimpleRenderer , SimpleMarkerSymbol , Color , DotDensityRenderer , ScaleDependentRenderer , Legend , smartMapping , ClassedColorSlider , FeatureLayer ) { . . . . . . . . . . . . . . . . . var outFields = [ "POP2007" , "POP07_SQMI" , "WHITE" , "BLACK" , "AMERI_ES" , "ASIAN" , "HAWN_PI" , "OTHER" , "MULT_RACE" , "HISPANIC" , "STATE_NAME" , "NAME" ] ; var layer1 = new FeatureLayer ( " //sampleserver6.arcgisonline.com/arcgis/rest/services/Census/MapServer/2", { "id" : "Washington" , "mode" : FeatureLayer . MODE_SNAPSHOT , "outFields" : outFields , "opacity" : 0.8 } ) ; //only working with Washington state layer1 . setDefinitionExpression ( "STATE_NAME='Washington'" ) ; this . map . addLayer ( layer1 ) ; layer1 . on ( "load" , lang . hitch ( this , function ( ) { smartMapping . createClassedColorRenderer ( { layer : layer1 , field : "POP2007" , basemap : this . map . getBasemap ( ) , classificationMethod : "quantile" } ) . then ( function ( response ) { layer1 . setRenderer ( response . renderer ) ; layer1 . redraw ( ) ; // createLegend(this.map, layer1, field); } ) ; } ) ) ;

I don't think that this.map.getBasemap() returns anything but undefined or null. Try manually setting the base map. smartMapping . createClassedColorRenderer ( { layer : layer1 , field : "POP2007" , basemap : "streets" , classificationMethod : "quantile" } ) . then ( function ( response ) {

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

Error: smartMapping.createClassedColorRenderer: unable to find suitable style scheme.

akshayloya

Hi,

I don't know what wrong I'm doing here. I'm trying to implement smart mapping renderer on web app builder.

I have just copy pasted the code from sample itself still it is giving me an error.

Error: smartMapping.createClassedColorRenderer: unable to find suitable style scheme.

Can someone please help me with the issue.

<SPAN class="token function">define</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">[</SPAN>
 <SPAN class="string token">'dojo/_base/declare'</SPAN><SPAN class="punctuation token">,</SPAN>
 <SPAN class="string token">'jimu/BaseWidget'</SPAN><SPAN class="punctuation token">,</SPAN>


 <SPAN class="string token">"dojo/query"</SPAN><SPAN class="punctuation token">,</SPAN>
 <SPAN class="string token">"dojo/_base/lang"</SPAN><SPAN class="punctuation token">,</SPAN>
 <SPAN class="string token">'dojo/_base/array'</SPAN><SPAN class="punctuation token">,</SPAN>
 <SPAN class="string token">"dojox/form/RangeSlider"</SPAN><SPAN class="punctuation token">,</SPAN>
 <SPAN class="string token">"dijit/form/VerticalRule"</SPAN><SPAN class="punctuation token">,</SPAN>
 <SPAN class="string token">"dijit/form/VerticalSlider"</SPAN><SPAN class="punctuation token">,</SPAN>
 <SPAN class="string token">"dijit/form/VerticalRuleLabels"</SPAN><SPAN class="punctuation token">,</SPAN>
 <SPAN class="string token">"dojo/dom-construct"</SPAN><SPAN class="punctuation token">,</SPAN>
 <SPAN class="string token">"dojo/dom"</SPAN><SPAN class="punctuation token">,</SPAN>
 <SPAN class="string token">"dojo/on"</SPAN><SPAN class="punctuation token">,</SPAN>
 <SPAN class="string token">"dojox/widget/ColorPicker"</SPAN><SPAN class="punctuation token">,</SPAN>
 <SPAN class="string token">"dijit/form/DropDownButton"</SPAN><SPAN class="punctuation token">,</SPAN>
 <SPAN class="string token">"dijit/ColorPalette"</SPAN><SPAN class="punctuation token">,</SPAN>
 <SPAN class="string token">"dijit/layout/BorderContainer"</SPAN><SPAN class="punctuation token">,</SPAN>
 <SPAN class="string token">"dijit/layout/ContentPane"</SPAN><SPAN class="punctuation token">,</SPAN>


 <SPAN class="string token">"esri/renderers/SimpleRenderer"</SPAN><SPAN class="punctuation token">,</SPAN>
 <SPAN class="string token">"esri/symbols/SimpleMarkerSymbol"</SPAN><SPAN class="punctuation token">,</SPAN>
 <SPAN class="string token">"esri/Color"</SPAN><SPAN class="punctuation token">,</SPAN>
 <SPAN class="string token">"esri/renderers/DotDensityRenderer"</SPAN><SPAN class="punctuation token">,</SPAN>
 <SPAN class="string token">"esri/renderers/ScaleDependentRenderer"</SPAN><SPAN class="punctuation token">,</SPAN>
 <SPAN class="string token">"esri/dijit/Legend"</SPAN><SPAN class="punctuation token">,</SPAN>
 <SPAN class="string token">"esri/renderers/smartMapping"</SPAN><SPAN class="punctuation token">,</SPAN>
 <SPAN class="string token">"esri/dijit/ClassedColorSlider"</SPAN><SPAN class="punctuation token">,</SPAN>
 <SPAN class="string token">"esri/layers/FeatureLayer"</SPAN><SPAN class="punctuation token">,</SPAN>
 
<SPAN class="punctuation token">]</SPAN><SPAN class="punctuation token">,</SPAN>
 <SPAN class="keyword token">function</SPAN> <SPAN class="punctuation token">(</SPAN>
 declare<SPAN class="punctuation token">,</SPAN>
 BaseWidget<SPAN class="punctuation token">,</SPAN>


 query<SPAN class="punctuation token">,</SPAN>
 lang<SPAN class="punctuation token">,</SPAN>
 array<SPAN class="punctuation token">,</SPAN>
 RangeSlider<SPAN class="punctuation token">,</SPAN>
 VerticalRule<SPAN class="punctuation token">,</SPAN>
 VerticalSlider<SPAN class="punctuation token">,</SPAN>
 VerticalRuleLabels<SPAN class="punctuation token">,</SPAN>
 domConstruct<SPAN class="punctuation token">,</SPAN>
 dom<SPAN class="punctuation token">,</SPAN>
 on<SPAN class="punctuation token">,</SPAN>
 ColorPicker<SPAN class="punctuation token">,</SPAN>
 DropDownButton<SPAN class="punctuation token">,</SPAN>
 ColorPalette<SPAN class="punctuation token">,</SPAN>
 BorderContainer<SPAN class="punctuation token">,</SPAN>
 ContentPane<SPAN class="punctuation token">,</SPAN>


 SimpleRenderer<SPAN class="punctuation token">,</SPAN>
 SimpleMarkerSymbol<SPAN class="punctuation token">,</SPAN>
 Color<SPAN class="punctuation token">,</SPAN>
 DotDensityRenderer<SPAN class="punctuation token">,</SPAN>
 ScaleDependentRenderer<SPAN class="punctuation token">,</SPAN>
 Legend<SPAN class="punctuation token">,</SPAN>
 smartMapping<SPAN class="punctuation token">,</SPAN>
 ClassedColorSlider<SPAN class="punctuation token">,</SPAN>
 FeatureLayer
 <SPAN class="punctuation token">)</SPAN> <SPAN class="punctuation token">{</SPAN>
 <SPAN class="punctuation token">.</SPAN><SPAN class="punctuation token">.</SPAN><SPAN class="punctuation token">.</SPAN><SPAN class="punctuation token">.</SPAN><SPAN class="punctuation token">.</SPAN><SPAN class="punctuation token">.</SPAN><SPAN class="punctuation token">.</SPAN><SPAN class="punctuation token">.</SPAN><SPAN class="punctuation token">.</SPAN><SPAN class="punctuation token">.</SPAN><SPAN class="punctuation token">.</SPAN><SPAN class="punctuation token">.</SPAN><SPAN class="punctuation token">.</SPAN><SPAN class="punctuation token">.</SPAN><SPAN class="punctuation token">.</SPAN><SPAN class="punctuation token">.</SPAN><SPAN class="punctuation token">.</SPAN>



 <SPAN class="keyword token">var</SPAN> outFields <SPAN class="operator token">=</SPAN> <SPAN class="punctuation token">[</SPAN><SPAN class="string token">"POP2007"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"POP07_SQMI"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"WHITE"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"BLACK"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"AMERI_ES"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"ASIAN"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"HAWN_PI"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"OTHER"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"MULT_RACE"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"HISPANIC"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"STATE_NAME"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="string token">"NAME"</SPAN><SPAN class="punctuation token">]</SPAN><SPAN class="punctuation token">;</SPAN>
 <SPAN class="keyword token">var</SPAN> layer1 <SPAN class="operator token">=</SPAN> <SPAN class="keyword token">new</SPAN> <SPAN class="token class-name">FeatureLayer</SPAN><SPAN class="punctuation token">(</SPAN>"<SPAN class="comment token">//sampleserver6.arcgisonline.com/arcgis/rest/services/Census/MapServer/2", {</SPAN>
 <SPAN class="string token">"id"</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"Washington"</SPAN><SPAN class="punctuation token">,</SPAN>
 <SPAN class="string token">"mode"</SPAN><SPAN class="punctuation token">:</SPAN> FeatureLayer<SPAN class="punctuation token">.</SPAN>MODE_SNAPSHOT<SPAN class="punctuation token">,</SPAN>
 <SPAN class="string token">"outFields"</SPAN><SPAN class="punctuation token">:</SPAN> outFields<SPAN class="punctuation token">,</SPAN>
 <SPAN class="string token">"opacity"</SPAN><SPAN class="punctuation token">:</SPAN> <SPAN class="number token">0.8</SPAN>
 <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>


 <SPAN class="comment token">//only working with Washington state</SPAN>
 layer1<SPAN class="punctuation token">.</SPAN><SPAN class="token function">setDefinitionExpression</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">"STATE_NAME='Washington'"</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
 <SPAN class="keyword token">this</SPAN><SPAN class="punctuation token">.</SPAN>map<SPAN class="punctuation token">.</SPAN><SPAN class="token function">addLayer</SPAN><SPAN class="punctuation token">(</SPAN>layer1<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>


 layer1<SPAN class="punctuation token">.</SPAN><SPAN class="token function">on</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">"load"</SPAN><SPAN class="punctuation token">,</SPAN> lang<SPAN class="punctuation token">.</SPAN><SPAN class="token function">hitch</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="keyword token">this</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="keyword token">function</SPAN> <SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">)</SPAN> <SPAN class="punctuation token">{</SPAN>
 smartMapping<SPAN class="punctuation token">.</SPAN><SPAN class="token function">createClassedColorRenderer</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">{</SPAN>
 layer<SPAN class="punctuation token">:</SPAN> layer1<SPAN class="punctuation token">,</SPAN>
 field<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"POP2007"</SPAN><SPAN class="punctuation token">,</SPAN>
 basemap<SPAN class="punctuation token">:</SPAN> <SPAN class="keyword token">this</SPAN><SPAN class="punctuation token">.</SPAN>map<SPAN class="punctuation token">.</SPAN><SPAN class="token function">getBasemap</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">,</SPAN>
 classificationMethod<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"quantile"</SPAN>
 <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">.</SPAN><SPAN class="token function">then</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="keyword token">function</SPAN> <SPAN class="punctuation token">(</SPAN>response<SPAN class="punctuation token">)</SPAN> <SPAN class="punctuation token">{</SPAN>
 layer1<SPAN class="punctuation token">.</SPAN><SPAN class="token function">setRenderer</SPAN><SPAN class="punctuation token">(</SPAN>response<SPAN class="punctuation token">.</SPAN>renderer<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
 layer1<SPAN class="punctuation token">.</SPAN><SPAN class="token function">redraw</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
 <SPAN class="comment token">// createLegend(this.map, layer1, field);</SPAN>
 <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
 <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

Vind meer berichten getagd met

Accepted answers

All comments

akshayloya

Sure. Will try that. Thanks.

RobertScheitlin__GISP

I don't think that this.map.getBasemap() returns anything but undefined or null. Try manually setting the base map.

 smartMapping<SPAN class="punctuation token">.</SPAN><SPAN class="token function">createClassedColorRenderer</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">{</SPAN>
&nbsp;&nbsp; layer<SPAN class="punctuation token">:</SPAN> layer1<SPAN class="punctuation token">,</SPAN>
&nbsp;&nbsp; field<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"POP2007"</SPAN><SPAN class="punctuation token">,</SPAN>
&nbsp;&nbsp; basemap<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"streets"</SPAN><SPAN class="punctuation token">,</SPAN>
&nbsp;&nbsp; classificationMethod<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"quantile"</SPAN>
 <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">.</SPAN><SPAN class="token function">then</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="keyword token">function</SPAN> <SPAN class="punctuation token">(</SPAN>response<SPAN class="punctuation token">)</SPAN> <SPAN class="punctuation token">{</SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

akshayloya

PFA

RobertScheitlin__GISP

Akshay,

What errors if any are shown in the browsers web console?

Doe mee aan het gesprek

Aangemelde leden kunnen berichten plaatsen, updates volgen en meer. Nieuw hier? Registreer een gratis account.

Snelle Links

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