基本信息
以下是所在類或對象的基本信息。
AMD:
require(["esri/renderers/DictionaryRenderer"], (DictionaryRenderer) => { /* code goes here */ });
ESM:
import DictionaryRenderer from "@arcgis/core/renderers/DictionaryRenderer";
類:
esri/renderers/DictionaryRenderer
繼承: DictionaryRenderer > Renderer > Accessor
自從:用於 JavaScript 4.13 的 ArcGIS API
測試版
用法說明
字典渲染器用於使用配置有多個屬性的 CIMSymbols 字典對圖層進行符號化。當需要基於多個數據屬性對單個特征進行可視化時,應使用此渲染器。這可能會導致許多不適合使用 UniqueValueRenderer 的符號排列。
字典渲染器通過關聯的字典符號 Web 樣式將符號應用於要素。 Web 樣式包含所有符號組件以及顯示符號的規則。
已知限製
-
DictionaryRenderer 隻能用於為以下圖層類型創建可視化:
-
Legend 小部件不支持DictionaryRenderer。
最佳實踐
- 字典符號樣式可以手動創建,也可以從 ArcGIS Pro(自 ArcGIS Pro 2.5 起)創建。建議使用ArcGIS Pro 創建和發布您的樣式。有關詳細信息,請參閱Share a web style。有關手動創建字典符號樣式的說明,請訪問:Creating Dictionary Symbol Style。
- DictionaryRenderer 在大規模可視化數據時效果最佳(放大到更接近地麵)。由於這些符號可能很複雜,每個要素包含多個圖標和不同的文本,當許多要素相互重疊並使視圖混亂時,使用DictionaryRenderer 渲染的圖層可能難以辨認。我們建議在使用DictionaryRenderer 渲染的圖層上設置minScale 和maxScale,以避免在小比例下顯示太多信息。
例子:
let renderer = new DictionaryRenderer({
url: "./alternative-fuel-stations",
fieldMap: {
fuel_type: "Fuel_Type_Code",
name: "Station_Name"
},
config: {
show_label: "false"
}
});
let layer = new FeatureLayer({
url: "http://url.to.service",
renderer: renderer
});
相關用法
- JavaScript ArcGIS DictionaryRenderer.visualVariables用法及代碼示例
- JavaScript ArcGIS DictionaryRenderer.clone用法及代碼示例
- JavaScript ArcGIS DictionaryRenderer.fieldMap用法及代碼示例
- JavaScript ArcGIS DictionaryRenderer.url用法及代碼示例
- JavaScript ArcGIS DictionaryRenderer.config用法及代碼示例
- JavaScript ArcGIS DictionaryRenderer.scaleExpressionTitle用法及代碼示例
- JavaScript ArcGIS DictionaryRenderer.scaleExpression用法及代碼示例
- JavaScript ArcGIS Directions.visible用法及代碼示例
- JavaScript ArcGIS DistanceMeasurement2D.unitOptions用法及代碼示例
- JavaScript ArcGIS DirectLineMeasurementAnalysisView3D用法及代碼示例
- JavaScript ArcGIS Directions.routeServiceUrl用法及代碼示例
- JavaScript ArcGIS DirectLineMeasurement3D.when用法及代碼示例
- JavaScript ArcGIS DirectLineMeasurement3D.on用法及代碼示例
- JavaScript ArcGIS DistanceMeasurement2D.unit用法及代碼示例
- JavaScript ArcGIS DimensionalDefinition用法及代碼示例
- JavaScript ArcGIS DistanceMeasurement2D.view用法及代碼示例
- JavaScript ArcGIS DistanceMeasurement2D用法及代碼示例
- JavaScript ArcGIS DistanceMeasurement2D.when用法及代碼示例
- JavaScript ArcGIS DirectionPoint用法及代碼示例
- JavaScript ArcGIS DistanceMeasurement2D.viewModel用法及代碼示例
- JavaScript ArcGIS DirectLineMeasurementAnalysis用法及代碼示例
- JavaScript ArcGIS Directions.when用法及代碼示例
- JavaScript ArcGIS Directions.apiKey用法及代碼示例
- JavaScript ArcGIS Directions.container用法及代碼示例
- JavaScript ArcGIS DirectLineMeasurement3D.classes用法及代碼示例
注:本文由純淨天空篩選整理自arcgis.com大神的英文原創作品 DictionaryRenderer。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。