ヒートマップを作成します。
※)heatmap.jsが必要です。
| 引数 | プロパティ | タイプ | デフォルト | 説明 |
| dataset | min | number | 0 | dataオブジェクトのvalueで扱う下限値 |
| max | number | 1 | dataオブジェクトのvalueで扱う上限値 | |
| data | array(object) | - | dataオブジェクトの配列 | |
| options | scaleRadius | boolean | false | trueの場合、縮尺レベルに応じて半径をスケーリングします falseの場合、縮尺レベルを問わずradiusの半径で描画します |
| radius | number | 2 | データポイントの半径 scaleRadiusがtrueの場合、地図の縮尺番号を元に半径を算出します radius * 2の縮尺番号 乗(px) scaleRadiusがfalseの場合、ピクセル単位で指定します ※ 描画できるサイズはキャンバスの最大寸法に依存します 例)scaleRadius = true かつ radius = 2 (デフォルト値)の場合、 縮尺番号13以上は描画できません |
|
| maxOpacity | number | 1 | 不透明度の最大値 0より大きい値から1の範囲で指定 |
|
| gradient | object | ※ 1 | グラデーションを表すオブジェクト 例を確認してください |
|
| useLocalExtrema | boolean | false | falseの場合、全てのデータポイントの最大値と最小値を使用します trueの場合、現在表示されている地図領域の最大値と最小値を使用し、 常にgradientの最大値に指定した色(デフォルトの場合赤)のスポットが 表示されます |
|
| blur | number | 0.85 | すべてのデータポイントに適用されるぼかし係数 0から1を指定 ぼかし係数が高いほど、グラデーションは滑らかになります |
| プロパティ | タイプ | 説明 |
| latlon | ZDC.LatLon | 緯度経度 |
| value | number | minからmaxの範囲外の値はmin/maxに丸められます |
構文:数値文字列(0から1):色文字列
gradient: {
"0.25": "rgb(0,0,255)",
"0.55": "rgb(0,255,0)",
"0.85": "yellow",
"1.0" : "rgb(255,0,0)"
}
gradient: {
"0.5" : "blue",
"0.8" : "red"',
"0.95": "white"
}
ヒートマップインスタンスから既存のすべてのデータポイントを削除し、引数に指定したdatasetで再描画します。
ただし、このメソッドを実行する前にZDC.MapクラスのaddWidgetを実行してください。
| 引数 | タイプ | 説明 |
| dataset | object | コンストラクタのdataset参照 |
ヒートマップインスタンスに単一または複数のデータポイントを追加します。
ただし、このメソッドを実行する前にZDC.MapクラスのaddWidgetを実行してください。
| 引数 | タイプ | 説明 |
| data | array(object) | dataオブジェクトの配列 |
ヒートマップを表示します。
ヒートマップを非表示にします。
HTML: <canvas>: グラフィックキャンバス要素
https://developer.mozilla.org/ja/docs/Web/HTML/Element/canvas#Maximum_canvas_size
本機能には、以下のソフトウェアが含まれています。
| 名称 | バージョン | ライセンス |
| heatmap.js | 2.0 | MIT License |