Skip to content

Instantly share code, notes, and snippets.

@nommuna2
Last active April 26, 2019 21:32
Show Gist options
  • Save nommuna2/f4d7a00a5258af91b1149760ff9472ce to your computer and use it in GitHub Desktop.
Save nommuna2/f4d7a00a5258af91b1149760ff9472ce to your computer and use it in GitHub Desktop.
(ArcGIS API for JavaScript) Sample for orderByFields using classBreaksRenderer
require(["esri/map",
"esri/layers/FeatureLayer",
"esri/renderers/ClassBreaksRenderer",
"esri/symbols/SimpleMarkerSymbol",
"esri/Color",
"esri/symbols/SimpleLineSymbol",
"esri/tasks/query",
"dojo/domReady!"
], function (Map, FeatureLayer, ClassBreaksRenderer, SimpleMarkerSymbol, Color, SimpleLineSymbol, Query) {
var map = new Map("map", {
center: [-118, 34.5],
zoom: 4,
basemap: "topo"
});
var sms = new SimpleMarkerSymbol(SimpleMarkerSymbol.STYLE_CIRCLE, 10, null, new Color("red"));
var renderer = new ClassBreaksRenderer(sms, "ELEVATION");
renderer.setVisualVariables([{
type: "sizeInfo",
field: "ELEVATION",
minSize: 5,
maxSize: 50,
minDataValue: 90,
maxDataValue: 1000
},
{
type: "sizeInfo",
field: "POP1990",
minSize: 2,
maxSize: 10,
minDataValue: 10000,
maxDataValue: 15000
},
{
type: "colorInfo",
field: "ELEVATION",
stops: [{
value: 0,
color: new Color("white")
},
{
value: 1000,
color: new Color("black")
}
]
}
]);
var fl = new FeatureLayer("link to a specific feature layer", {
outfields: ["*"],
orderByFields: ["ELEVATION DESC", "POP1990"]
});
fl.setRenderer(renderer);
map.addLayer(fl);
});
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment