JavaScript ArcGIS heatmap.createRenderer用法及代碼示例

基本信息

以下是所在類或對象的基本信息。

AMD: require(["esri/smartMapping/renderers/heatmap"], (heatmapRendererCreator) => { /* code goes here */ });

ESM: import * as heatmapRendererCreator from "@arcgis/core/smartMapping/renderers/heatmap";

對象： esri/smartMapping/renderers/heatmap

自從：用於 JavaScript 4.11 的 ArcGIS API

用法說明

heatmap.createRenderer函數(或屬性)的定義如下：

createRenderer (params) {Promise<HeatmapRendererResult>}

生成一個HeatmapRenderer，可以直接應用於用於調用此方法的層。渲染器使用視圖背景的最佳顏色將點表示為連續表麵。

當輸入視圖的範圍內至少有一些點可見時，應該調用此方法。如果視圖中沒有可見點，則響應將不會返回有用的可視化。

在大多數情況下，您將提供 layer 、 view 和可選的 field 來生成此渲染器。這是一種統計數據和數據分布不為人知且用戶不知道在可視化中使用什麽顏色的場景。

提供其他選項是為了方便更多涉及的自定義可視化創作應用程序。例如，如果您已經在另一個操作中生成了統計信息，則可以將統計信息對象傳遞給 statistics 參數以避免對服務器進行額外調用。

參數：

規格：

類型說明

params Object

用於根據從給定字段返回的數據生成熱圖可視化的輸入參數。有關每個參數的詳細信息，請參見下表。

規格：

layer FeatureLayer\|CSVLayer\|GeoJSONLayer\|WFSLayer\|OGCFeatureLayer	為其生成可視化的點圖層。
view MapView\|SceneView	將在其中呈現可視化的視圖實例。
field String	可選的將查詢其數據以進行統計並用作數據驅動可視化基礎的字段的名稱。 `field` 的值用作熱圖中的乘數，使具有高場值的區域比特征具有低場值的區域更熱。
heatmapScheme HeatmapScheme	可選的在創作應用程序中，用戶可以選擇預定義的熱圖方案。將方案對象傳遞給此屬性以避免根據視圖的背景獲取一個。
statistics HeatmapStatisticsResult	可選的從 heatmapStatistics 函數生成的統計對象。如果該字段的統計信息已經生成，則在此處傳遞對象以避免向服務器進行第二次統計查詢。
fadeToTransparent Boolean	可選的默認值：真的指示是否將較低的顏色停止淡化為透明顏色以在熱圖邊創建模糊邊界。 `false` 的值在下部色標上形成離散邊界。
blurRadius Number	可選的默認值： 10 blurRadius(以像素為單位)確定每個點的影響區域。較高的模糊半徑表示點對周圍點的影響更大。
minRatio Number	可選的默認值：0.01 輸出渲染器的HeatmapRenderer.colorStops 中使用的最小ratio。
maxRatio Number	可選的默認值： 1 輸出渲染器的HeatmapRenderer.colorStops 中使用的最大ratio。
signal AbortSignal	可選的允許可取消的請求。如果取消，promise 將被拒絕，並出現名為 `AbortError` 的錯誤。另見AbortController。

類型	說明
Promise<HeatmapRendererResult>	解析為 HeatmapRendererResult 的實例。

例子：

let earthquakeLayer = new FeatureLayer({
  // url to a point dataset
});

// visualization based on field

let heatmapParams = {
  layer: earthquakeLayer,
  view: view,
  field: "magnitude"
};

// when the promise resolves, apply the renderer to the layer
heatmapRendererCreator.createRenderer(heatmapParams)
  .then(function(response){
    earthquakeLayer.renderer = response.renderer;
  });

相關用法

注：本文由純淨天空篩選整理自arcgis.com大神的英文原創作品 heatmap.createRenderer。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。

基本信息

用法說明

參數：

返回：

例子：