syin-utils

1. cesium中Material的扩展。
2. 2D3D热力图的生成。
3. 时间轴。

Usage

引入

import { MaterialExtend, HeatmapPrimitiveCollection, TimeBar } from 'syin-utils'

Material的扩展

scene.primitives.add(new GroundPrimitive({
  geometryInstances: new GeometryInstance({
    geometry: new EllipseGeometry({
      center: Cartesian3.fromDegrees(116.955776,40.522808),
      semiMajorAxis : 500.0,
      semiMinorAxis : 500.0,
    }),
  }),
  appearance: new EllipsoidSurfaceAppearance({
    material: new MaterialExtend({
      fabric: {
        type: 'CircleWave',
        uniforms: {
          velocity: 0.1
        }
      }
    })
  }),
  classificationType : ClassificationType.TERRAIN
}))

热力图

viewer.scene.primitives.add(new HeatmapPrimitiveCollection({
  data: [[lng,lat,value],...],
  bbox: [minx,miny,maxx,maxy],
  type: '3D'
}))

时间轴

new TimeBar({
  parent: document.querySelector('.bottom'),
  isRange: true,
  onChange: (time) => {}
})

Document

./doc/index.html