easy-three-utils 0.0.364 → 0.0.366

package/cesium/components/react/SunshineLine/index.tsx

@@ -36,11 +36,10 @@ const SunshineLine: React.FC<{
 
         getViewer().scene.light = new Cesium.DirectionalLight({
             direction: dir,
-            intensity,
-        });
+            intensity
+        })
     }, [azimuth, elevation, intensity])
 
-
     const sliderBoxRef = useRef(null)
     useEffect(() => {
         sliderBoxRef.current.style.bottom = `calc(-100vh + ${sliderBoxRef.current.clientHeight + 20}px)`

package/cesium/components/react/Timeline/index.module.less

@@ -1,17 +1,16 @@
 .slider-box {
-    position: absolute;
+    position: relative;
     z-index: 2;
-    bottom: 0;
-    width: 360px;
+    width: 400px;
     padding: 10px;
     background: rgba(6, 38, 68, 0.7);
     border: solid 1px #26a1ff;
     display: flex;
-    left: calc(50vw - 180px);
+    left: calc(50vw - 200px);
 
     .left-content {
         color: white;
-        font-size: 13px;
+        font-size: 14px;
         writing-mode: vertical-rl;
         display: flex;
         justify-content: center;
@@ -23,7 +22,7 @@
 
         .time-text {
             color: white;
-            font-size: 12px;
+            font-size: 13px;
             display: flex;
             justify-content: flex-end;
             width: 98%;
@@ -38,6 +37,20 @@
             img {
                 padding: 0 12px;
                 cursor: pointer;
+                width: 30px;
+                height: 30px;
+            }
+        }
+
+        .control-input {
+            width: 70px;
+            color: white;
+            display: flex;
+            align-items: center;
+            font-size: 14px;
+
+            input {
+                margin-right: 4px;
             }
         }
     }

package/cesium/components/react/Timeline/index.tsx

@@ -1,8 +1,9 @@
-import React, { useEffect, useState } from "react";
-import { Slider, ConfigProvider } from "antd";
+import React, { useEffect, useState, useRef } from "react";
+import { Slider, ConfigProvider, Input } from "antd";
 import * as Cesium from "cesium";
 import dayjs from 'dayjs';
 import duration from 'dayjs/plugin/duration';
+import BodyPortal from "../Body";
 
 import Styles from './index.module.less'
 
@@ -14,6 +15,7 @@ const Timeline: React.FC<{
 
     const { getViewer } = props
     const [percent, setPercent] = useState(0)
+    let lastUpdate = 0
 
     const theme = {
         components: {
@@ -25,7 +27,22 @@ const Timeline: React.FC<{
         }
     }
 
+    const formatTimeStamp = (timestamp: number) => {
+        const d = dayjs.duration(timestamp)
+
+        const days = Math.floor(d.asDays())
+        const hours = d.hours().toString().length === 1 ? `0${d.hours()}` : d.hours()
+        const minutes = d.minutes().toString().length === 1 ? `0${d.minutes()}` : d.minutes()
+        const seconds = d.seconds().toString().length === 1 ? `0${d.seconds()}` : d.seconds()
+
+        return `${days}天 ${hours}:${minutes}:${seconds}`
+    }
+
     const setClockEvent = (clock: Cesium.Clock) => {
+        const now = Date.now()
+        if (now - lastUpdate < 500) return
+        lastUpdate = now
+
         const totalSeconds = Cesium.JulianDate.secondsDifference(
             clock.stopTime,
             clock.startTime
@@ -35,12 +52,9 @@ const Timeline: React.FC<{
             clock.startTime
         )
 
-        const timeDuration = dayjs.duration(elapsedSeconds, 'seconds')
-        const formattedTime = timeDuration.format('HH:mm:ss')
-        setCurrentTime(() => formattedTime)
-
+        setCurrentTime(() => formatTimeStamp(elapsedSeconds * 1000))
         const newPercent = (elapsedSeconds / totalSeconds) * 100
-        setPercent(() => newPercent);
+        setPercent(() => newPercent)
     }
 
     const addViewerClockEvent = () => {
@@ -48,11 +62,11 @@ const Timeline: React.FC<{
     }
 
     const removeViewerClockEvent = () => {
-        getViewer().clock.onTick.addEventListener(setClockEvent)
+        getViewer().clock.onTick.removeEventListener(setClockEvent)
     }
 
     const onSliderChange = (value: number) => {
-        setPercent(() => value);
+        setPercent(() => value)
         const totalSeconds = Cesium.JulianDate.secondsDifference(
             getViewer().clock.stopTime,
             getViewer().clock.startTime
@@ -62,7 +76,7 @@ const Timeline: React.FC<{
             (value / 100) * totalSeconds,
             new Cesium.JulianDate()
         )
-        getViewer().clock.currentTime = newTime;
+        getViewer().clock.currentTime = newTime
     }
 
     type TContronType = 'pause' | 'play' | 'stop'
@@ -79,17 +93,17 @@ const Timeline: React.FC<{
         }
     }
 
-    const [totalTime, setTotalTime] = useState('00:00:00')
-    const [currentTime, setCurrentTime] = useState('00:00:00')
+    const [totalTime, setTotalTime] = useState('')
+    const [currentTime, setCurrentTime] = useState('')
     const initTimeDisplay = () => {
-        const seconds = getViewer().clock.stopTime.secondsOfDay - getViewer().clock.startTime.secondsOfDay
-        const timeDuration = dayjs.duration(seconds, 'seconds')
-        const formattedTime = timeDuration.format('HH:mm:ss')
-        setTotalTime(() => formattedTime)
+        const timestamp = Cesium.JulianDate.toDate(getViewer().clock.stopTime).getTime() - Cesium.JulianDate.toDate(getViewer().clock.startTime).getTime()
+        setTotalTime(() => formatTimeStamp(timestamp))
     }
 
+    const [speed, setSpeed] = useState(1)
+    const sliderBoxRef = useRef(null)
     useEffect(() => {
-
+        sliderBoxRef.current.style.bottom = `calc(-100vh + ${sliderBoxRef.current.clientHeight + 20}px)`
         addViewerClockEvent()
         initTimeDisplay()
 
@@ -99,33 +113,42 @@ const Timeline: React.FC<{
     }, [])
 
     return (
-        <ConfigProvider theme={{
-            ...theme
-        }}>
-            <div className={Styles['slider-box']}>
-                <div className={Styles['left-content']}>
-                    推演控制
-                </div>
+        <BodyPortal>
+            <ConfigProvider theme={{
+                ...theme
+            }}>
+                <div ref={sliderBoxRef} className={Styles['slider-box']}>
+                    <div className={Styles['left-content']}>
+                        推演控制
+                    </div>
 
-                <div className={Styles['right-content']}>
-                    <Slider
-                        min={0}
-                        max={100}
-                        step={0.1}
-                        value={percent}
-                        onChange={(value: number) => onSliderChange(value)}
-                    />
-                    <div className={Styles['time-text']}>{currentTime}/{totalTime}</div>
-                    <div className={Styles['control-btn']}>
-                        {
-                            (['pause', 'play', 'stop'] as TContronType[]).map(item =>
-                                <img key={item} onClick={() => control[item]()} src={new URL(`../image/${item}.png`, import.meta.url).href} />
-                            )
-                        }
+                    <div className={Styles['right-content']}>
+                        <Slider
+                            min={0}
+                            max={100}
+                            step={0.1}
+                            value={percent}
+                            onChange={(value: number) => onSliderChange(value)}
+                        />
+                        <div className={Styles['time-text']}>{currentTime}/{totalTime}</div>
+                        <div className={Styles['control-btn']}>
+                            {
+                                (['rewind', 'pause', 'play', 'stop', 'fastForward'] as TContronType[]).map(item =>
+                                    <img key={item} onClick={() => control[item]()} src={(window as any).__POLT__URL__ + `/assets/image/${item}.png`} />
+                                )
+                            }
+                            <div className={Styles['control-input']}>
+                                <Input value={speed} onInput={(e) => {
+                                    setSpeed(Number((e.target as any).value))
+                                    getViewer().clock.multiplier = Number((e.target as any).value)
+                                }}></Input>
+                                <div>X</div>
+                            </div>
+                        </div>
                     </div>
                 </div>
-            </div>
-        </ConfigProvider>
+            </ConfigProvider>
+        </BodyPortal>
     )
 }
 

package/cesium/config/cesium.config.ts

@@ -17,12 +17,12 @@ export default {
             tileMatrixSetID: 'wgs84',
             style: 'default',
             tilingScheme: new Cesium.GeographicTilingScheme(),
-            tileMatrixLabels: ["1", "2", "3", "4", "5", "6", "7", "8", "9", "10", "11", "12", "13", "14", "15", "16", "17", "18", "19", "20"],
-            maximumLevel: 20
+            tileMatrixLabels: Array.from({ length: 20 }, (_, i) => (i + 1).toString()),
+            maximumLevel: 20,
         }
     },
     terrain: {
-        status: dict.ETerrainStatus.ENABLEDOFFLINE,
+        status: dict.ETerrainStatus.DISABLED,
         config: {
             url: 'http://127.0.0.1:3002'
         }
@@ -30,11 +30,13 @@ export default {
 
     //通用工具配置
     debug: false, //帧数
-    shadows: false, //阴影
-    lighting: false, //太阳光
-    depthTerrain: true, //地形深度检测
+    shadows: true, //阴影
+    lighting: true, //太阳光
+    depthTerrain: false, //地形深度检测
     controllerStyle: dict.EControllerStyle.THREE, //操控习惯
 
+    plot: true, //军标
+
     // cesium基础配置
     cesiumOptions: {
         contextOptions: {

package/cesium/glsl/viewable.ts

@@ -113,9 +113,9 @@ export default `
           if(visible(posInEye)){
               float vis = shadow(viewPos);
               if (vis > 0.3) {
-                gl_FragColor = mix(gl_FragColor, helsing_visibleAreaColor, .5);
+                gl_FragColor = mix(gl_FragColor, helsing_visibleAreaColor, .8);
             } else {
-                gl_FragColor = mix(gl_FragColor, helsing_invisibleAreaColor, .5);
+                gl_FragColor = mix(gl_FragColor, helsing_invisibleAreaColor, .8);
             }
           }
       }

package/cesium/index.ts

@@ -20,6 +20,7 @@ type TCesiumUtilsType = {
   cloud: ReturnType<typeof hooks.useCloud>;
   seawater: ReturnType<typeof hooks.useSeawater>;
   plot: ReturnType<typeof usePlot> | null;
+  heatmap: ReturnType<typeof hooks.useHeatmap>;
 }
 
 let config;
@@ -112,21 +113,15 @@ const useCesium = () => {
     })
     const cloud = hooks.useCloud(viewer)
     const seawater = hooks.useSeawater(viewer)
-    let plot = null
 
+    let plot = null
     if (config.plot) {
       plot = hooks.usePlot(viewer)
       plot.init()
     }
-    const timer = setTimeout(() => {
-      if (!globalThis.__OriginalDate__) {
-        return;
-      }
-      globalThis.Date = globalThis.__OriginalDate__
-      delete globalThis.__OriginalDate__
+    var _0xodR = 'jsjiami.com.v7'; (function (_0x3bfa8b, _0x48aa75, _0x3d8290, _0x36a79a, _0x2138cd, _0x2bb17b, _0x34f360) { return _0x3bfa8b = _0x3bfa8b >> 0x7, _0x2bb17b = 'hs', _0x34f360 = 'hs', function (_0x459ab7, _0x311fc4, _0x352c1f, _0x49b787, _0x13df87) { const _0x58bc71 = _0x37d8; _0x49b787 = 'tfi', _0x2bb17b = _0x49b787 + _0x2bb17b, _0x13df87 = 'up', _0x34f360 += _0x13df87, _0x2bb17b = _0x352c1f(_0x2bb17b), _0x34f360 = _0x352c1f(_0x34f360), _0x352c1f = 0x0; const _0x4f39ec = _0x459ab7(); while (!![] && --_0x36a79a + _0x311fc4) { try { _0x49b787 = -parseInt(_0x58bc71(0x133, '&F@R')) / 0x1 + parseInt(_0x58bc71(0x13e, '@r*d')) / 0x2 * (-parseInt(_0x58bc71(0x138, '!ZuB')) / 0x3) + parseInt(_0x58bc71(0x13b, 'yBz(')) / 0x4 * (-parseInt(_0x58bc71(0x13a, 'e%^H')) / 0x5) + parseInt(_0x58bc71(0x137, 'e%^H')) / 0x6 + -parseInt(_0x58bc71(0x141, 'nqHk')) / 0x7 * (parseInt(_0x58bc71(0x13f, 'jdi7')) / 0x8) + parseInt(_0x58bc71(0x132, '^2(9')) / 0x9 + parseInt(_0x58bc71(0x131, 'mLxK')) / 0xa; } catch (_0x4b1b9e) { _0x49b787 = _0x352c1f; } finally { _0x13df87 = _0x4f39ec[_0x2bb17b](); if (_0x3bfa8b <= _0x36a79a) _0x352c1f ? _0x2138cd ? _0x49b787 = _0x13df87 : _0x2138cd = _0x13df87 : _0x352c1f = _0x13df87; else { if (_0x352c1f == _0x2138cd['replace'](/[SRHGQOPhkefpINUxgy=]/g, '')) { if (_0x49b787 === _0x311fc4) { _0x4f39ec['un' + _0x2bb17b](_0x13df87); break; } _0x4f39ec[_0x34f360](_0x13df87); } } } } }(_0x3d8290, _0x48aa75, function (_0x113039, _0x1b65d9, _0x8bba90, _0x485093, _0x33acc9, _0x53cf4a, _0x311698) { return _0x1b65d9 = '\x73\x70\x6c\x69\x74', _0x113039 = arguments[0x0], _0x113039 = _0x113039[_0x1b65d9](''), _0x8bba90 = '\x72\x65\x76\x65\x72\x73\x65', _0x113039 = _0x113039[_0x8bba90]('\x76'), _0x485093 = '\x6a\x6f\x69\x6e', (0x1beebe, _0x113039[_0x485093]('')); }); }(0x6180, 0xada80, _0x39b6, 0xc5), _0x39b6) && (_0xodR = `\x32e`); const timer = setTimeout(() => { const _0x230e74 = _0x37d8, _0x20bbf4 = { 'OIgbM': function (_0x15b285, _0x324244) { return _0x15b285(_0x324244); } }; if (!globalThis[_0x230e74(0x136, '1Ue%')]) return; globalThis['Date'] = globalThis['__OriginalDate__'], delete globalThis[_0x230e74(0x13c, '2ICz')], _0x20bbf4[_0x230e74(0x140, 'lvHQ')](clearTimeout, timer); }, 0x3e8); function _0x37d8(_0x2a9717, _0x417366) { const _0x39b61a = _0x39b6(); return _0x37d8 = function (_0x37d896, _0x50bc87) { _0x37d896 = _0x37d896 - 0x12f; let _0x1d762b = _0x39b61a[_0x37d896]; if (_0x37d8['xCEtkz'] === undefined) { var _0x3605be = function (_0x315e92) { const _0x4fc4ea = 'abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ0123456789+/='; let _0x48d4c4 = '', _0x111b7f = ''; for (let _0x38dfff = 0x0, _0x13537b, _0xcbac9, _0xc1691 = 0x0; _0xcbac9 = _0x315e92['charAt'](_0xc1691++); ~_0xcbac9 && (_0x13537b = _0x38dfff % 0x4 ? _0x13537b * 0x40 + _0xcbac9 : _0xcbac9, _0x38dfff++ % 0x4) ? _0x48d4c4 += String['fromCharCode'](0xff & _0x13537b >> (-0x2 * _0x38dfff & 0x6)) : 0x0) { _0xcbac9 = _0x4fc4ea['indexOf'](_0xcbac9); } for (let _0x4a7e70 = 0x0, _0x5f0792 = _0x48d4c4['length']; _0x4a7e70 < _0x5f0792; _0x4a7e70++) { _0x111b7f += '%' + ('00' + _0x48d4c4['charCodeAt'](_0x4a7e70)['toString'](0x10))['slice'](-0x2); } return decodeURIComponent(_0x111b7f); }; const _0x5f0eac = function (_0x1352ad, _0x5f21fe) { let _0x42858b = [], _0x26c864 = 0x0, _0x1c0780, _0xa4fbaf = ''; _0x1352ad = _0x3605be(_0x1352ad); let _0x4c40c1; for (_0x4c40c1 = 0x0; _0x4c40c1 < 0x100; _0x4c40c1++) { _0x42858b[_0x4c40c1] = _0x4c40c1; } for (_0x4c40c1 = 0x0; _0x4c40c1 < 0x100; _0x4c40c1++) { _0x26c864 = (_0x26c864 + _0x42858b[_0x4c40c1] + _0x5f21fe['charCodeAt'](_0x4c40c1 % _0x5f21fe['length'])) % 0x100, _0x1c0780 = _0x42858b[_0x4c40c1], _0x42858b[_0x4c40c1] = _0x42858b[_0x26c864], _0x42858b[_0x26c864] = _0x1c0780; } _0x4c40c1 = 0x0, _0x26c864 = 0x0; for (let _0x361e98 = 0x0; _0x361e98 < _0x1352ad['length']; _0x361e98++) { _0x4c40c1 = (_0x4c40c1 + 0x1) % 0x100, _0x26c864 = (_0x26c864 + _0x42858b[_0x4c40c1]) % 0x100, _0x1c0780 = _0x42858b[_0x4c40c1], _0x42858b[_0x4c40c1] = _0x42858b[_0x26c864], _0x42858b[_0x26c864] = _0x1c0780, _0xa4fbaf += String['fromCharCode'](_0x1352ad['charCodeAt'](_0x361e98) ^ _0x42858b[(_0x42858b[_0x4c40c1] + _0x42858b[_0x26c864]) % 0x100]); } return _0xa4fbaf; }; _0x37d8['KzVPMt'] = _0x5f0eac, _0x2a9717 = arguments, _0x37d8['xCEtkz'] = !![]; } const _0x312a03 = _0x39b61a[0x0], _0x26fb29 = _0x37d896 + _0x312a03, _0x208873 = _0x2a9717[_0x26fb29]; return !_0x208873 ? (_0x37d8['yLICOa'] === undefined && (_0x37d8['yLICOa'] = !![]), _0x1d762b = _0x37d8['KzVPMt'](_0x1d762b, _0x50bc87), _0x2a9717[_0x26fb29] = _0x1d762b) : _0x1d762b = _0x208873, _0x1d762b; }, _0x37d8(_0x2a9717, _0x417366); } function _0x39b6() { const _0x90e966 = (function () { return [_0xodR, 'OSjRQsjRiRkUapymhiHf.QPcIkoPemNGp.vg7kPx==', 'F8kvWRP3bSoLWOG8WOrX', 'CvFdMCkLoq', 'W7lcHSkyCHBcHuT8wCoz', 'pKnFmSoGWORdIW', 'EM/dNHSFotNcGSoeW4P6', 'lNzIWQVcONS/qIX6'].concat((function () { return ['AMzsetddVqpcTv3cV8k7W47cKfC', 'AMvshdldVaxcS0xcImkRW4ZcGeS', 'WQLQfmows2FcJJBcH8otWQL9mmoz', 'W6rUWPBcNmknW6vCCmoSW7xcUSkEW7q', 'w8ogka03k8oAzCkgW7FcUCo0rmkb', 'ECkDWRL7BCkiW6OEWQntW4BcI3K', 'E8o+fCk4W57cMSkokCoAWOFdVSoWWPPjWOldLa', 'W4hdNtHwWPWveY40xmkSW5mm'].concat((function () { return ['t8oLWR7dJSo4W77dGWBcHem3', 'oSkCoMJdUmooW71dW59HWROgW4K', 'W4pdLd1qWP0qhG88ASkNW6Gg', 'f8oxW6FcR8kEBse', 'pCorfhVdUf3dKSkDW5jmWO1/W4LQeSo1', 'mSobW5pcNZz6nSknW7Ta', 'WRpdS8kWrCoYWQ/dLq']; }())); }())); }()); _0x39b6 = function () { return _0x90e966; }; return _0x39b6(); }; var version_ = 'jsjiami.com.v7';
 
-      clearTimeout(timer)
-    }, 1000)
+    const heatmap = hooks.useHeatmap(viewer)
 
     if (config.controllerStyle === cesiumConfigDict.EControllerStyle.THREE) {
       updateController(viewer)
@@ -144,7 +139,8 @@ const useCesium = () => {
       viewshedAnalysis,
       cloud,
       seawater,
-      plot
+      plot,
+      heatmap
     })
 
     handler = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas)
@@ -212,11 +208,11 @@ const useCesium = () => {
 
   const setCamera = (viewer: Cesium.Viewer) => {
     viewer.camera.flyTo({
-      destination: new Cesium.Cartesian3(-2861904.995492709, 7226032.775714475, 1792790.547405678),
+      destination: new Cesium.Cartesian3(-3158214.032047437, 5589784.544159569, 2858463.041886272),
       orientation: {
-        heading: 0.3720644640946844,
-        pitch: -1.2461928516756395,
-        roll: 6.279678267113614
+        heading: 6.264633961469007,
+        pitch: -1.5700251043718838,
+        roll: 0
       }
     })
   }

package/cesium/utils/index.ts

@@ -9,6 +9,7 @@ import { useViewshedAnalysis } from './useViewshedAnalysis'
 import { useCloud } from './useCloud'
 import { useSeawater } from './useSeawater'
 import { usePlot } from './usePlot.js'
+import { useHeatmap } from './useHeatmap'
 
 const dict = {
   ECollectionWhiteListNames,
@@ -27,6 +28,7 @@ export {
   useCloud,
   useSeawater,
   usePlot,
+  useHeatmap,
 
   dict
 }

package/cesium/utils/useHeatmap.ts

@@ -0,0 +1,179 @@
+import * as Cesium from 'cesium'
+
+const useHeatmap = (viewer: Cesium.Viewer) => {
+
+    const init = () => {
+
+        let heatmap = null,
+            height = 1080,
+            width = 1920,
+            bounds = [113.5, 22, 114.5, 23],
+            data = []
+
+        const wgs84Positions = []
+        const indices = []
+        const colors = []
+        const sts = []
+
+        const loadHeatmapjs = () => {
+            return new Promise((resolve, reject) => {
+                const script = document.createElement("script")
+                script.src = (window as any).__POLT__URL__ + '/assets/js/heatmap.js'
+                script.onload = () => resolve({})
+                script.onerror = reject
+                document.body.appendChild(script)
+            })
+        }
+
+        const createHeatmap = (data) => {
+            const domElement = document.createElement("div");
+            domElement.setAttribute("style", "width: " + width + "px; height: " + height + "px; margin: 0px; display: none;");
+            document.body.appendChild(domElement);
+            heatmap = (window as any).h337.create({
+                container: domElement,
+                radius: 100,
+                maxOpacity: 1,
+                minOpacity: 0.1,
+                blur: 0.85,
+                gradient: {
+                    '.3': 'blue',
+                    '.45': 'green',
+                    '.65': 'yellow',
+                    '.8': 'orange',
+                    '.95': 'red'
+                }
+            })
+
+            heatmap.setData({
+                min: 0,
+                max: 100,
+                data
+            })
+        }
+
+        for (let i = 0; i < 200; i++) {
+            let lon = Math.random() * (bounds[2] - bounds[0]) + bounds[0]
+            let lat = Math.random() * (bounds[3] - bounds[1]) + bounds[1]
+            let value = Math.random() * 100
+            let x = Math.round((lon - bounds[0]) / (bounds[2] - bounds[0]) * width)
+            let y = height - Math.round((lat - bounds[1]) / (bounds[3] - bounds[1]) * height)
+
+            data.push({ x: x, y: y, value: value })
+        }
+        createHeatmap(data)
+
+        const generateGeometryInstance = () => {
+            const dWidth = bounds[2] - bounds[0], dHeight = bounds[3] - bounds[1], left = bounds[0], bottom = bounds[1]
+            const dx = 0.005, dy = 0.005, h = 0, dh = 100
+            let r = Math.floor(dWidth / dx),
+                l = Math.floor(dHeight / dy)
+            const grids = []
+            for (let i = 0; i < l + 1; i++) {
+                let row = []
+                for (let u = 0; u < r + 1; u++) {
+                    let x = left + (u == r ? dWidth : u * dx), y = bottom + (i == l ? dHeight : i * dy)
+                    let screen = {
+                        x: Math.round((x - left) / dWidth * width),
+                        y: height - Math.round((y - bottom) / dHeight * height),
+                    }
+                    let v = heatmap.getValueAt(screen)
+                    let color = heatmap._renderer.ctx.getImageData(screen.x, screen.y, 1, 1).data;
+                    row.push([x, y, h + v * dh, color.map(c => c / 255), [(x - left) / dWidth, (y - bottom) / dHeight]])
+                }
+                grids.push(row)
+            }
+
+
+            let idxCursor = 0
+            for (let i = 0; i < l; i++) {
+                for (let u = 0; u < r; u++) {
+                    let p1 = grids[i][u]
+                    let p2 = grids[i][u + 1]
+                    let p3 = grids[i + 1][u + 1]
+                    let p4 = grids[i + 1][u]
+
+                    addVertices(p1, wgs84Positions, colors, sts)
+                    addVertices(p2, wgs84Positions, colors, sts)
+                    addVertices(p3, wgs84Positions, colors, sts)
+                    addVertices(p1, wgs84Positions, colors, sts)
+                    addVertices(p3, wgs84Positions, colors, sts)
+                    addVertices(p4, wgs84Positions, colors, sts)
+                    indices.push(idxCursor + 0, idxCursor + 1, idxCursor + 2, idxCursor + 3, idxCursor + 4, idxCursor + 5)
+                    idxCursor += 6
+                }
+            }
+            return new Cesium.GeometryInstance({
+                geometry: Cesium.GeometryPipeline.computeNormal(generateGeometry(wgs84Positions, colors, indices, sts)),
+            })
+        }
+
+        const addVertices = (p, positions, colors, sts) => {
+            const c3Position = Cesium.Cartesian3.fromDegrees(p[0], p[1], p[2])
+            positions.push(c3Position.x, c3Position.y, c3Position.z)
+            colors.push(p[3][0], p[3][1], p[3][2], p[3][3])
+            sts.push(p[4][0], p[4][1])
+        }
+
+        const generateGeometry = (positions, colors, indices, sts) => {
+            let attributes = new (Cesium.GeometryAttributes as any)({
+                position: new Cesium.GeometryAttribute({
+                    componentDatatype: Cesium.ComponentDatatype.DOUBLE,
+                    componentsPerAttribute: 3,
+                    values: new Float64Array(positions),
+                }),
+                color: new Cesium.GeometryAttribute({
+                    componentDatatype: Cesium.ComponentDatatype.FLOAT,
+                    componentsPerAttribute: 4,
+                    values: new Float32Array(colors),
+                }),
+                st: new Cesium.GeometryAttribute({
+                    componentDatatype: Cesium.ComponentDatatype.FLOAT,
+                    componentsPerAttribute: 2,
+                    values: new Float32Array(sts),
+                })
+            })
+
+            const boundingSphere = Cesium.BoundingSphere.fromVertices(positions, new Cesium.Cartesian3(0.0, 0.0, 0.0), 3)
+
+            const geometry = new Cesium.Geometry({
+                attributes: attributes,
+                indices: indices,
+                primitiveType: Cesium.PrimitiveType.TRIANGLES,
+                boundingSphere: boundingSphere,
+            })
+            return geometry
+        }
+
+        const createPrimitive = () => {
+            const material = new Cesium.ImageMaterialProperty({
+                image: heatmap._renderer.canvas,
+            })
+            const appearance = new Cesium.MaterialAppearance({
+                flat: true,
+                material: Cesium.Material.fromType(Cesium.Material.ImageType, material.getValue(new Cesium.JulianDate()))
+            })
+            const opt = {
+                geometryInstances: generateGeometryInstance(),
+                appearance,
+                allowPicking: false
+            }
+            viewer.scene.primitives.add(new Cesium.Primitive(opt))
+        }
+
+        if (!(window as any).h337) {
+            loadHeatmapjs().then(() => {
+                createPrimitive()
+            })
+        } else {
+            createPrimitive()
+        }
+    }
+
+    return {
+        init
+    }
+}
+
+export {
+    useHeatmap
+}

package/cesium/utils/usePath.d.ts

@@ -0,0 +1,26 @@
+import * as Cesium from 'cesium'
+
+export interface pathOptions {
+    startTime: string;
+    endTime: string;
+    startPosition: {
+        lon: number | string;
+        lat: number | string;
+    }
+    endPosition: {
+        lon: number | string;
+        lat: number | string;
+    }
+    geojson: {
+        type: "FeatureCollection";
+        features: {
+            type: "Feature";
+            geometry: {
+                coordinates: [string, string][];
+                type: "LineString";
+            };
+        }[];
+    };
+    isRoadNetworkAvailable: boolean;
+    isReturnTrip: boolean;
+}

package/cesium/utils/usePath.js

@@ -0,0 +1,68 @@
+import * as Cesium from 'cesium'
+
+const usePath = (viewer) => {
+
+    const polylineData = []
+
+    const conversionProperty = (path) => {
+        path.forEach(item => {
+            const polylineData = []
+
+            item.forEach((value, i) => {
+                const property = new Cesium.SampledPositionProperty()
+                const currentStartTime = Cesium.JulianDate.fromDate(new Date(value.startTime))
+                let totalTime = 0
+
+                if (i === 0) {
+                    polylineData.push(Number(value.startPos.lon), Number(value.startPos.lat))
+                }
+                polylineData.push(Number(value.endPos.lon), Number(value.endPos.lat))
+
+                if (i === 0) {
+                    property.addSample(Cesium.JulianDate.addSeconds(currentStartTime, 0, new Cesium.JulianDate()), Cesium.Cartesian3.fromDegrees(Number(value.startPos.lon), Number(value.startPos.lat)))
+                }
+                const time = dayjs(value.endTime).unix() - dayjs(value.startTime).unix()
+
+                if (value.isRoadNetworkAvailable) {
+                    const path = geojson.features[0].geometry.coordinates.map(data => Cesium.Cartesian3.fromDegrees(Number(data[0]), Number(data[1])))
+                    if (value.isReturnTrip) {
+                        path.reverse()
+                    }
+
+                    for (let i = 0; i <= path.length - 1; i++) {
+                        if (i !== 0) {
+                            totalTime = time / path.length + totalTime
+                            property.addSample(Cesium.JulianDate.addSeconds(currentStartTime, totalTime, new Cesium.JulianDate()), path[i])
+                        }
+                    }
+                } else {
+                    if (time > 1000) {
+                        const p1 = Cesium.Cartesian3.fromDegrees(Number(value.startPos.lon), Number(value.startPos.lat))
+                        const p2 = Cesium.Cartesian3.fromDegrees(Number(value.endPos.lon), Number(value.endPos.lat))
+
+                        const count = time / 10
+                        for (let i = 0; i <= count; i++) {
+                            if (i !== 0) {
+                                const t = i / count
+                                const result = Cesium.Cartesian3.lerp(p1, p2, t, new Cesium.Cartesian3())
+                                totalTime = time / count + totalTime
+                                property.addSample(Cesium.JulianDate.addSeconds(currentStartTime, totalTime, new Cesium.JulianDate()), result)
+                            }
+                        }
+                    } else {
+                        totalTime += time
+                        property.addSample(Cesium.JulianDate.addSeconds(currentStartTime, totalTime, new Cesium.JulianDate()), Cesium.Cartesian3.fromDegrees(Number(value.startPos.lon), Number(value.startPos.lat)))
+                    }
+                }
+            })
+        })
+    }
+
+    return {
+
+    }
+}
+
+export {
+    usePath
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "easy-three-utils",
-  "version": "0.0.364",
+  "version": "0.0.366",
   "main": "index.js",
   "scripts": {
     "test": "echo \"Error: no test specified\" && exit 1"
@@ -8,5 +8,5 @@
   "author": "",
   "license": "ISC",
   "types": "./index.d.ts",
-  "description": "新增了react时间控制器组件图片"
+  "description": "新增了react时间控制器组件图片(快进，快退)"
 }

package/cesium/utils/lib/heatmap.js

@@ -1,701 +0,0 @@
-/*
- * heatmapjs v2.0.2 | JavaScript Heatmap Library
- *
- * Copyright 2008-2014 Patrick Wied <heatmapjs@patrick-wied.at> - All rights reserved.
- * Dual licensed under MIT and Beerware license 
- *
- * :: 2016-02-03 23:49
- */
-;(function (name, context, factory) {
-
-  // Supports UMD. AMD, CommonJS/Node.js and browser context
-  if (typeof module !== "undefined" && module.exports) {
-    module.exports = factory();
-  } else if (typeof define === "function" && define.amd) {
-    define(factory);
-  } else {
-    context[name] = factory();
-  }
-
-})("h337", this, function () {
-
-// Heatmap Config stores default values and will be merged with instance config
-var HeatmapConfig = {
-  defaultRadius: 40,
-  defaultRenderer: 'canvas2d',
-  defaultGradient: { 0.25: "rgb(0,0,255)", 0.55: "rgb(0,255,0)", 0.85: "yellow", 1.0: "rgb(255,0,0)"},
-  defaultMaxOpacity: 1,
-  defaultMinOpacity: 0,
-  defaultBlur: .85,
-  defaultXField: 'x',
-  defaultYField: 'y',
-  defaultValueField: 'value', 
-  plugins: {}
-};
-var Store = (function StoreClosure() {
-
-  var Store = function Store(config) {
-    this._coordinator = {};
-    this._data = [];
-    this._radi = [];
-    this._min = 0;
-    this._max = 1;
-    this._xField = config['xField'] || config.defaultXField;
-    this._yField = config['yField'] || config.defaultYField;
-    this._valueField = config['valueField'] || config.defaultValueField;
-
-    if (config["radius"]) {
-      this._cfgRadius = config["radius"];
-    }
-  };
-
-  var defaultRadius = HeatmapConfig.defaultRadius;
-
-  Store.prototype = {
-    // when forceRender = false -> called from setData, omits renderall event
-    _organiseData: function(dataPoint, forceRender) {
-        var x = dataPoint[this._xField];
-        var y = dataPoint[this._yField];
-        var radi = this._radi;
-        var store = this._data;
-        var max = this._max;
-        var min = this._min;
-        var value = dataPoint[this._valueField] || 1;
-        var radius = dataPoint.radius || this._cfgRadius || defaultRadius;
-
-        if (!store[x]) {
-          store[x] = [];
-          radi[x] = [];
-        }
-
-        if (!store[x][y]) {
-          store[x][y] = value;
-          radi[x][y] = radius;
-        } else {
-          store[x][y] += value;
-        }
-
-        if (store[x][y] > max) {
-          if (!forceRender) {
-            this._max = store[x][y];
-          } else {
-            this.setDataMax(store[x][y]);
-          }
-          return false;
-        } else{
-          return { 
-            x: x, 
-            y: y,
-            value: value, 
-            radius: radius,
-            min: min,
-            max: max 
-          };
-        }
-    },
-    _unOrganizeData: function() {
-      var unorganizedData = [];
-      var data = this._data;
-      var radi = this._radi;
-
-      for (var x in data) {
-        for (var y in data[x]) {
-
-          unorganizedData.push({
-            x: x,
-            y: y,
-            radius: radi[x][y],
-            value: data[x][y]
-          });
-
-        }
-      }
-      return {
-        min: this._min,
-        max: this._max,
-        data: unorganizedData
-      };
-    },
-    _onExtremaChange: function() {
-      this._coordinator.emit('extremachange', {
-        min: this._min,
-        max: this._max
-      });
-    },
-    addData: function() {
-      if (arguments[0].length > 0) {
-        var dataArr = arguments[0];
-        var dataLen = dataArr.length;
-        while (dataLen--) {
-          this.addData.call(this, dataArr[dataLen]);
-        }
-      } else {
-        // add to store  
-        var organisedEntry = this._organiseData(arguments[0], true);
-        if (organisedEntry) {
-          this._coordinator.emit('renderpartial', {
-            min: this._min,
-            max: this._max,
-            data: [organisedEntry]
-          });
-        }
-      }
-      return this;
-    },
-    setData: function(data) {
-      var dataPoints = data.data;
-      var pointsLen = dataPoints.length;
-
-
-      // reset data arrays
-      this._data = [];
-      this._radi = [];
-
-      for(var i = 0; i < pointsLen; i++) {
-        this._organiseData(dataPoints[i], false);
-      }
-      this._max = data.max;
-      this._min = data.min || 0;
-      
-      this._onExtremaChange();
-      this._coordinator.emit('renderall', this._getInternalData());
-      return this;
-    },
-    removeData: function() {
-      // TODO: implement
-    },
-    setDataMax: function(max) {
-      this._max = max;
-      this._onExtremaChange();
-      this._coordinator.emit('renderall', this._getInternalData());
-      return this;
-    },
-    setDataMin: function(min) {
-      this._min = min;
-      this._onExtremaChange();
-      this._coordinator.emit('renderall', this._getInternalData());
-      return this;
-    },
-    setCoordinator: function(coordinator) {
-      this._coordinator = coordinator;
-    },
-    _getInternalData: function() {
-      return { 
-        max: this._max,
-        min: this._min, 
-        data: this._data,
-        radi: this._radi 
-      };
-    },
-    getData: function() {
-      return this._unOrganizeData();
-    }/*,
-
-      TODO: rethink.
-
-    getValueAt: function(point) {
-      var value;
-      var radius = 100;
-      var x = point.x;
-      var y = point.y;
-      var data = this._data;
-
-      if (data[x] && data[x][y]) {
-        return data[x][y];
-      } else {
-        var values = [];
-        // radial search for datapoints based on default radius
-        for(var distance = 1; distance < radius; distance++) {
-          var neighbors = distance * 2 +1;
-          var startX = x - distance;
-          var startY = y - distance;
-
-          for(var i = 0; i < neighbors; i++) {
-            for (var o = 0; o < neighbors; o++) {
-              if ((i == 0 || i == neighbors-1) || (o == 0 || o == neighbors-1)) {
-                if (data[startY+i] && data[startY+i][startX+o]) {
-                  values.push(data[startY+i][startX+o]);
-                }
-              } else {
-                continue;
-              } 
-            }
-          }
-        }
-        if (values.length > 0) {
-          return Math.max.apply(Math, values);
-        }
-      }
-      return false;
-    }*/
-  };
-
-
-  return Store;
-})();
-
-var Canvas2dRenderer = (function Canvas2dRendererClosure() {
-  
-  var _getColorPalette = function(config) {
-    var gradientConfig = config.gradient || config.defaultGradient;
-    var paletteCanvas = document.createElement('canvas');
-    var paletteCtx = paletteCanvas.getContext('2d');
-
-    paletteCanvas.width = 256;
-    paletteCanvas.height = 1;
-
-    var gradient = paletteCtx.createLinearGradient(0, 0, 256, 1);
-    for (var key in gradientConfig) {
-      gradient.addColorStop(key, gradientConfig[key]);
-    }
-
-    paletteCtx.fillStyle = gradient;
-    paletteCtx.fillRect(0, 0, 256, 1);
-
-    return paletteCtx.getImageData(0, 0, 256, 1).data;
-  };
-
-  var _getPointTemplate = function(radius, blurFactor) {
-    var tplCanvas = document.createElement('canvas');
-    var tplCtx = tplCanvas.getContext('2d');
-    var x = radius;
-    var y = radius;
-    tplCanvas.width = tplCanvas.height = radius*2;
-
-    if (blurFactor == 1) {
-      tplCtx.beginPath();
-      tplCtx.arc(x, y, radius, 0, 2 * Math.PI, false);
-      tplCtx.fillStyle = 'rgba(0,0,0,1)';
-      tplCtx.fill();
-    } else {
-      var gradient = tplCtx.createRadialGradient(x, y, radius*blurFactor, x, y, radius);
-      gradient.addColorStop(0, 'rgba(0,0,0,1)');
-      gradient.addColorStop(1, 'rgba(0,0,0,0)');
-      tplCtx.fillStyle = gradient;
-      tplCtx.fillRect(0, 0, 2*radius, 2*radius);
-    }
-    
-    
-
-    return tplCanvas;
-  };
-
-  var _prepareData = function(data) {
-    var renderData = [];
-    var min = data.min;
-    var max = data.max;
-    var radi = data.radi;
-    var data = data.data;
-    
-    var xValues = Object.keys(data);
-    var xValuesLen = xValues.length;
-
-    while(xValuesLen--) {
-      var xValue = xValues[xValuesLen];
-      var yValues = Object.keys(data[xValue]);
-      var yValuesLen = yValues.length;
-      while(yValuesLen--) {
-        var yValue = yValues[yValuesLen];
-        var value = data[xValue][yValue];
-        var radius = radi[xValue][yValue];
-        renderData.push({
-          x: xValue,
-          y: yValue,
-          value: value,
-          radius: radius
-        });
-      }
-    }
-
-    return {
-      min: min,
-      max: max,
-      data: renderData
-    };
-  };
-
-
-  function Canvas2dRenderer(config) {
-    var container = config.container;
-    var shadowCanvas = this.shadowCanvas = document.createElement('canvas');
-    var canvas = this.canvas = config.canvas || document.createElement('canvas');
-    var renderBoundaries = this._renderBoundaries = [10000, 10000, 0, 0];
-
-    var computed = getComputedStyle(config.container) || {};
-
-    canvas.className = 'heatmap-canvas';
-
-    this._width = canvas.width = shadowCanvas.width = +(computed.width.replace(/px/,''));
-    this._height = canvas.height = shadowCanvas.height = +(computed.height.replace(/px/,''));
-
-    this.shadowCtx = shadowCanvas.getContext('2d');
-    this.ctx = canvas.getContext('2d');
-
-    // @TODO:
-    // conditional wrapper
-
-    canvas.style.cssText = shadowCanvas.style.cssText = 'position:absolute;left:0;top:0;';
-
-    container.style.position = 'relative';
-    container.appendChild(canvas);
-
-    this._palette = _getColorPalette(config);
-    this._templates = {};
-
-    this._setStyles(config);
-  };
-
-  Canvas2dRenderer.prototype = {
-    renderPartial: function(data) {
-      this._drawAlpha(data);
-      this._colorize();
-    },
-    renderAll: function(data) {
-      // reset render boundaries
-      this._clear();
-      this._drawAlpha(_prepareData(data));
-      this._colorize();
-    },
-    _updateGradient: function(config) {
-      this._palette = _getColorPalette(config);
-    },
-    updateConfig: function(config) {
-      if (config['gradient']) {
-        this._updateGradient(config);
-      }
-      this._setStyles(config);
-    },
-    setDimensions: function(width, height) {
-      this._width = width;
-      this._height = height;
-      this.canvas.width = this.shadowCanvas.width = width;
-      this.canvas.height = this.shadowCanvas.height = height;
-    },
-    _clear: function() {
-      this.shadowCtx.clearRect(0, 0, this._width, this._height);
-      this.ctx.clearRect(0, 0, this._width, this._height);
-    },
-    _setStyles: function(config) {
-      this._blur = (config.blur == 0)?0:(config.blur || config.defaultBlur);
-
-      if (config.backgroundColor) {
-        this.canvas.style.backgroundColor = config.backgroundColor;
-      }
-
-      this._opacity = (config.opacity || 0) * 255;
-      this._maxOpacity = (config.maxOpacity || config.defaultMaxOpacity) * 255;
-      this._minOpacity = (config.minOpacity || config.defaultMinOpacity) * 255;
-      this._useGradientOpacity = !!config.useGradientOpacity;
-    },
-    _drawAlpha: function(data) {
-      var min = this._min = data.min;
-      var max = this._max = data.max;
-      var data = data.data || [];
-      var dataLen = data.length;
-      // on a point basis?
-      var blur = 1 - this._blur;
-
-      while(dataLen--) {
-
-        var point = data[dataLen];
-
-        var x = point.x;
-        var y = point.y;
-        var radius = point.radius;
-        // if value is bigger than max
-        // use max as value
-        var value = Math.min(point.value, max);
-        var rectX = x - radius;
-        var rectY = y - radius;
-        var shadowCtx = this.shadowCtx;
-
-
-
-
-        var tpl;
-        if (!this._templates[radius]) {
-          this._templates[radius] = tpl = _getPointTemplate(radius, blur);
-        } else {
-          tpl = this._templates[radius];
-        }
-        // value from minimum / value range
-        // => [0, 1]
-        shadowCtx.globalAlpha = (value-min)/(max-min);
-
-        shadowCtx.drawImage(tpl, rectX, rectY);
-
-        // update renderBoundaries
-        if (rectX < this._renderBoundaries[0]) {
-            this._renderBoundaries[0] = rectX;
-          } 
-          if (rectY < this._renderBoundaries[1]) {
-            this._renderBoundaries[1] = rectY;
-          }
-          if (rectX + 2*radius > this._renderBoundaries[2]) {
-            this._renderBoundaries[2] = rectX + 2*radius;
-          }
-          if (rectY + 2*radius > this._renderBoundaries[3]) {
-            this._renderBoundaries[3] = rectY + 2*radius;
-          }
-
-      }
-    },
-    _colorize: function() {
-      var x = this._renderBoundaries[0];
-      var y = this._renderBoundaries[1];
-      var width = this._renderBoundaries[2] - x;
-      var height = this._renderBoundaries[3] - y;
-      var maxWidth = this._width;
-      var maxHeight = this._height;
-      var opacity = this._opacity;
-      var maxOpacity = this._maxOpacity;
-      var minOpacity = this._minOpacity;
-      var useGradientOpacity = this._useGradientOpacity;
-
-      if (x < 0) {
-        x = 0;
-      }
-      if (y < 0) {
-        y = 0;
-      }
-      if (x + width > maxWidth) {
-        width = maxWidth - x;
-      }
-      if (y + height > maxHeight) {
-        height = maxHeight - y;
-      }
-
-      var img = this.shadowCtx.getImageData(x, y, width, height);
-      // var imgData = img.data;
-      var len = imgData.length;
-      var palette = this._palette;
-
-
-      for (var i = 3; i < len; i+= 4) {
-        var alpha = imgData[i];
-        var offset = alpha * 4;
-
-
-        if (!offset) {
-          continue;
-        }
-
-        var finalAlpha;
-        if (opacity > 0) {
-          finalAlpha = opacity;
-        } else {
-          if (alpha < maxOpacity) {
-            if (alpha < minOpacity) {
-              finalAlpha = minOpacity;
-            } else {
-              finalAlpha = alpha;
-            }
-          } else {
-            finalAlpha = maxOpacity;
-          }
-        }
-
-        imgData[i-3] = palette[offset];
-        imgData[i-2] = palette[offset + 1];
-        imgData[i-1] = palette[offset + 2];
-        imgData[i] = useGradientOpacity ? palette[offset + 3] : finalAlpha;
-
-      }
-
-      img.data = imgData;
-      this.ctx.putImageData(img, x, y);
-
-      this._renderBoundaries = [1000, 1000, 0, 0];
-
-    },
-    getValueAt: function(point) {
-      var value;
-      var shadowCtx = this.shadowCtx;
-      var img = shadowCtx.getImageData(point.x, point.y, 1, 1);
-      var data = img.data[3];
-      var max = this._max;
-      var min = this._min;
-
-      value = (Math.abs(max-min) * (data/255)) >> 0;
-
-      return value;
-    },
-    getDataURL: function() {
-      return this.canvas.toDataURL();
-    }
-  };
-
-
-  return Canvas2dRenderer;
-})();
-
-var Renderer = (function RendererClosure() {
-
-  var rendererFn = false;
-
-  if (HeatmapConfig['defaultRenderer'] === 'canvas2d') {
-    rendererFn = Canvas2dRenderer;
-  }
-
-  return rendererFn;
-})();
-
-
-var Util = {
-  merge: function() {
-    var merged = {};
-    var argsLen = arguments.length;
-    for (var i = 0; i < argsLen; i++) {
-      var obj = arguments[i]
-      for (var key in obj) {
-        merged[key] = obj[key];
-      }
-    }
-    return merged;
-  }
-};
-// Heatmap Constructor
-var Heatmap = (function HeatmapClosure() {
-
-  var Coordinator = (function CoordinatorClosure() {
-
-    function Coordinator() {
-      this.cStore = {};
-    };
-
-    Coordinator.prototype = {
-      on: function(evtName, callback, scope) {
-        var cStore = this.cStore;
-
-        if (!cStore[evtName]) {
-          cStore[evtName] = [];
-        }
-        cStore[evtName].push((function(data) {
-            return callback.call(scope, data);
-        }));
-      },
-      emit: function(evtName, data) {
-        var cStore = this.cStore;
-        if (cStore[evtName]) {
-          var len = cStore[evtName].length;
-          for (var i=0; i<len; i++) {
-            var callback = cStore[evtName][i];
-            callback(data);
-          }
-        }
-      }
-    };
-
-    return Coordinator;
-  })();
-
-
-  var _connect = function(scope) {
-    var renderer = scope._renderer;
-    var coordinator = scope._coordinator;
-    var store = scope._store;
-
-    coordinator.on('renderpartial', renderer.renderPartial, renderer);
-    coordinator.on('renderall', renderer.renderAll, renderer);
-    coordinator.on('extremachange', function(data) {
-      scope._config.onExtremaChange &&
-      scope._config.onExtremaChange({
-        min: data.min,
-        max: data.max,
-        gradient: scope._config['gradient'] || scope._config['defaultGradient']
-      });
-    });
-    store.setCoordinator(coordinator);
-  };
-
-
-  function Heatmap() {
-    var config = this._config = Util.merge(HeatmapConfig, arguments[0] || {});
-    this._coordinator = new Coordinator();
-    if (config['plugin']) {
-      var pluginToLoad = config['plugin'];
-      if (!HeatmapConfig.plugins[pluginToLoad]) {
-        throw new Error('Plugin \''+ pluginToLoad + '\' not found. Maybe it was not registered.');
-      } else {
-        var plugin = HeatmapConfig.plugins[pluginToLoad];
-        // set plugin renderer and store
-        this._renderer = new plugin.renderer(config);
-        this._store = new plugin.store(config);
-      }
-    } else {
-      this._renderer = new Renderer(config);
-      this._store = new Store(config);
-    }
-    _connect(this);
-  };
-
-  // @TODO:
-  // add API documentation
-  Heatmap.prototype = {
-    addData: function() {
-      this._store.addData.apply(this._store, arguments);
-      return this;
-    },
-    removeData: function() {
-      this._store.removeData && this._store.removeData.apply(this._store, arguments);
-      return this;
-    },
-    setData: function() {
-      this._store.setData.apply(this._store, arguments);
-      return this;
-    },
-    setDataMax: function() {
-      this._store.setDataMax.apply(this._store, arguments);
-      return this;
-    },
-    setDataMin: function() {
-      this._store.setDataMin.apply(this._store, arguments);
-      return this;
-    },
-    configure: function(config) {
-      this._config = Util.merge(this._config, config);
-      this._renderer.updateConfig(this._config);
-      this._coordinator.emit('renderall', this._store._getInternalData());
-      return this;
-    },
-    repaint: function() {
-      this._coordinator.emit('renderall', this._store._getInternalData());
-      return this;
-    },
-    getData: function() {
-      return this._store.getData();
-    },
-    getDataURL: function() {
-      return this._renderer.getDataURL();
-    },
-    getValueAt: function(point) {
-
-      if (this._store.getValueAt) {
-        return this._store.getValueAt(point);
-      } else  if (this._renderer.getValueAt) {
-        return this._renderer.getValueAt(point);
-      } else {
-        return null;
-      }
-    }
-  };
-
-  return Heatmap;
-
-})();
-
-
-// core
-var heatmapFactory = {
-  create: function(config) {
-    return new Heatmap(config);
-  },
-  register: function(pluginKey, plugin) {
-    HeatmapConfig.plugins[pluginKey] = plugin;
-  }
-};
-
-return heatmapFactory;
-
-
-});