生成众数渲染

1
2
3
4
5
6
7
8
9
10
11
12
<select id="fieldList" multiple="multiple" size="10" class="geoscene-widget">
  <option value="ACSBLT1939" selected>Before 1940</option>
  <option value="ACSBLT1940" selected>1940-1949</option>
  <option value="ACSBLT1950" selected>1950-1959</option>
  <option value="ACSBLT1960" selected>1960-1969</option>
  <option value="ACSBLT1970" selected>1970-1979</option>
  <option value="ACSBLT1980" selected>1980-1989</option>
  <option value="ACSBLT1990" selected>1990-1999</option>
  <option value="ACSBLT2000" selected>2000-2009</option>
  <option value="ACSBLT2010" selected>2010-2013</option>
  <option value="ACSBLT2014" selected>After 2013</option>
</select>

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
const selectedOptions = [].slice.call(fieldList.selectedOptions);
const fields = selectedOptions.map((option) => {
  return {
    name: option.value, // field name from the select element
    label: option.text // label from the select element
  };
});

const params = {
  view: view,
  layer: layer,
  fields: fields,
  includeSizeVariable: includeSizeCheckbox.checked,
  includeOpacityVariable: includeOpacityCheckbox.checked,
  legendOptions: {
    title: "Most common decade in which homes were built"
  }
};

return predominanceRendererCreator.createRenderer(params)
  .then((response) => {
    layer.renderer = response.renderer;
  });

1
2
3
4
5
6
7
8
9
function createPopupTemplate(layer){
  popupTemplateCreator.getTemplates({
    layer: layer
  }).then((response) => {
    // the response may also contain secondary
    // templates you can choose from
    layer.popupTemplate = response.primaryTemplate.value;
  })
}