@ino-cesium/primitive 0.0.2

package/README.MD

@@ -0,0 +1,3 @@
+# ino-cesium  自定义primitive
+
+自定义primitive

package/dist/index.d.ts

@@ -0,0 +1,591 @@
+import * as Cesium from 'cesium';
+import { CircleGeometry, Primitive, GroundPrimitive, Appearance } from 'cesium';
+import { FeatureCollection, Point, Polygon, MultiPolygon, GeoJsonProperties, LineString, MultiLineString, Feature } from 'geojson';
+import { Material } from '@ino-cesium/material';
+import { BasePrimitive } from '@ino-cesium/common';
+
+/**
+ * 定义标签接口
+ * @param id 标签的唯一标识符
+ * @param field 字段名称，用于从数据中提取标签文本
+ * @param font 字体样式
+ * @param fillColor 填充颜色
+ * @param outlineColor 轮廓颜色
+ * @param outlineWidth 轮廓宽度
+ * @param style 样式
+ * @param showBackground 是否显示背景
+ * @param backgroundColor 背景颜色
+ * @param backgroundPadding 背景填充
+ * @param scale 缩放比例
+ * @param horizontalOrigin 水平原点
+ * @param verticalOrigin 垂直原点
+ * @param pixelOffset 像素偏移
+ * @param eyeOffset 视角偏移
+ * @param heightReference 高度参考
+ * @param translucencyByDistance 透明度随距离变化
+ * @param pixelOffsetScaleByDistance 像素偏移随距离变化
+ * @param scaleByDistance 缩放随距离变化
+ * @param distanceDisplayCondition 显示距离条件
+ * @param disableDepthTestDistance 禁用深度测试距离
+ */
+interface ILabel {
+    /**
+     * 标签的唯一标识符
+     */
+    id?: any;
+    /**
+     * 字段名称，用于从数据中提取标签文本
+     */
+    field: string;
+    /**
+     * 字体样式
+     */
+    font?: string;
+    /**
+     * 填充颜色
+     */
+    fillColor?: string;
+    /**
+     * 轮廓颜色
+     */
+    outlineColor?: string;
+    /**
+     * 轮廓宽度
+     */
+    outlineWidth?: number;
+    /**
+     * 样式
+     */
+    style?: string;
+    /**
+     * 是否显示背景
+     */
+    showBackground?: boolean;
+    /**
+     * 背景颜色
+     */
+    backgroundColor?: string;
+    /**
+     * 背景填充
+     */
+    backgroundPadding?: number[];
+    /**
+     * 缩放比例
+     */
+    scale?: number;
+    /**
+     * 水平原点
+     */
+    horizontalOrigin?: number;
+    /**
+     * 垂直原点
+     */
+    verticalOrigin?: number;
+    /**
+     * 像素偏移
+     */
+    pixelOffset?: number[];
+    /**
+     * 视角偏移
+     */
+    eyeOffset?: number[];
+    /**
+     * 高度参考
+     */
+    heightReference?: Cesium.HeightReference;
+    /**
+     * 透明度随距离变化
+     */
+    translucencyByDistance?: Cesium.NearFarScalar;
+    /**
+     * 像素偏移随距离变化
+     */
+    pixelOffsetScaleByDistance?: Cesium.NearFarScalar;
+    /**
+     * 缩放随距离变化
+     */
+    scaleByDistance?: Cesium.NearFarScalar;
+    /**
+     * 显示距离条件
+     */
+    distanceDisplayCondition?: Cesium.DistanceDisplayCondition;
+    /**
+     * 禁用深度测试距离
+     */
+    disableDepthTestDistance?: number;
+}
+/**
+ * 定义点接口
+ * @param id 点的唯一标识符
+ * @param color 颜色
+ * @param pixelSize 像素大小
+ * @param outlineColor 轮廓颜色
+ * @param outlineWidth 轮廓宽度
+ * @param scaleByDistance 缩放随距离变化
+ * @param translucencyByDistance 透明度随距离变化
+ * @param distanceDisplayCondition 显示距离条件
+ * @param disableDepthTestDistance 禁用深度测试距离
+ */
+interface IPoint {
+    /**
+     * 点的唯一标识符
+     */
+    id?: any;
+    /**
+     * 颜色
+     */
+    color?: string;
+    /**
+     * 像素大小
+     */
+    pixelSize?: number;
+    /**
+     * 轮廓颜色
+     */
+    outlineColor?: string;
+    /**
+     * 轮廓宽度
+     */
+    outlineWidth?: number;
+    /**
+     * 缩放随距离变化
+     */
+    scaleByDistance?: Cesium.NearFarScalar;
+    /**
+     * 透明度随距离变化
+     */
+    translucencyByDistance?: Cesium.NearFarScalar;
+    /**
+     * 显示距离条件
+     */
+    distanceDisplayCondition?: Cesium.DistanceDisplayCondition;
+    /**
+     * 禁用深度测试距离
+     */
+    disableDepthTestDistance?: number;
+}
+/**
+ * 定义广告牌接口
+ * @param id 广告牌的唯一标识符
+ * @param show 是否显示
+ * @param image 图像或画布元素
+ * @param scale 缩放比例
+ * @param pixelOffset 像素偏移
+ * @param eyeOffset 视角偏移
+ * @param horizontalOrigin 水平原点
+ * @param verticalOrigin 垂直原点
+ * @param heightReference 高度参考
+ * @param color 颜色
+ * @param rotation 旋转角度
+ * @param alignedAxis 对齐轴
+ * @param sizeInMeters 是否以米为单位
+ * @param width 宽度
+ * @param height 高度
+ * @param scaleByDistance 缩放随距离变化
+ * @param translucencyByDistance 透明度随距离变化
+ * @param pixelOffsetScaleByDistance 像素偏移随距离变化
+ * @param imageSubRegion 图像子区域
+ * @param distanceDisplayCondition 显示距离条件
+ * @param disableDepthTestDistance 禁用深度测试距离
+ */
+interface IBillboard {
+    /**
+     * 广告牌的唯一标识符
+     */
+    id?: any;
+    /**
+     * 是否显示
+     */
+    show?: boolean;
+    /**
+     * 图像或画布元素
+     */
+    image?: string | HTMLCanvasElement;
+    /**
+     * 缩放比例
+     */
+    scale?: number;
+    /**
+     * 像素偏移
+     */
+    pixelOffset?: number[];
+    /**
+     * 视角偏移
+     */
+    eyeOffset?: number[];
+    /**
+     * 水平原点
+     */
+    horizontalOrigin?: Cesium.HorizontalOrigin;
+    /**
+     * 垂直原点
+     */
+    verticalOrigin?: Cesium.VerticalOrigin;
+    /**
+     * 高度参考
+     */
+    heightReference?: Cesium.HeightReference;
+    /**
+     * 颜色
+     */
+    color?: string;
+    /**
+     * 旋转角度
+     */
+    rotation?: number;
+    /**
+     * 对齐轴
+     */
+    alignedAxis?: number[];
+    /**
+     * 是否以米为单位
+     */
+    sizeInMeters?: boolean;
+    /**
+     * 宽度
+     */
+    width?: number;
+    /**
+     * 高度
+     */
+    height?: number;
+    /**
+     * 缩放随距离变化
+     */
+    scaleByDistance?: Cesium.NearFarScalar;
+    /**
+     * 透明度随距离变化
+     */
+    translucencyByDistance?: Cesium.NearFarScalar;
+    /**
+     * 像素偏移随距离变化
+     */
+    pixelOffsetScaleByDistance?: Cesium.NearFarScalar;
+    /**
+     * 图像子区域
+     */
+    imageSubRegion?: Cesium.BoundingRectangle;
+    /**
+     * 显示距离条件
+     */
+    distanceDisplayCondition?: Cesium.DistanceDisplayCondition;
+    /**
+     * 禁用深度测试距离
+     */
+    disableDepthTestDistance?: number;
+}
+/**
+ * 定义聚类接口
+ * @param id 聚类的唯一标识符
+ * @param radius 聚类半径
+ * @param maxZoom 最大缩放级别
+ * @param colorsByRate 聚合点的颜色组，通过聚合数量和总数的比例控制颜色
+ */
+interface Icluster {
+    /**
+     * 聚类的唯一标识符
+     */
+    id?: any;
+    /**
+     * 聚类半径
+     */
+    radius?: number;
+    /**
+     * 最大缩放级别
+     */
+    maxZoom?: number;
+    /**
+     * 聚合点的颜色组，通过聚合数量和总数的比例控制颜色
+     * 例如：
+     * 0.1: '#ff0000',
+     * 0.01: '#ff00ff',
+     * 0.001: 'blue',
+     * 0.0001: '#00ff00',
+     */
+    colorsByRate?: any;
+}
+/**
+ * 定义点图元选项接口
+ * @param viewer Cesium viewer实例
+ * @param geoJson GeoJSON 数据
+ * @param calcHeight 是否根据地形计算点高度
+ * @param point 点样式
+ * @param billboard 广告牌样式
+ * @param label 标签样式
+ * @param cluster 聚类样式
+ */
+interface IPointPrimitivesOptions {
+    /**
+     * Cesium viewer实例
+     */
+    viewer: Cesium.Viewer;
+    /**
+     * GeoJSON 数据
+     */
+    geoJson: FeatureCollection<Point>;
+    /**
+     * 是否根据地形计算点高度
+     */
+    calcHeight: boolean;
+    /**
+     * 点样式
+     */
+    point?: IPoint;
+    /**
+     * 广告牌样式
+     */
+    billboard?: IBillboard;
+    /**
+     * 标签样式
+     */
+    label?: ILabel;
+    /**
+     * 聚类样式
+     */
+    cluster?: Icluster;
+}
+/**
+ * 定义雷达扫描图元选项接口
+ * @param viewer Cesium 查看器实例
+ * @param position 位置
+ * @param radius 半径
+ * @param appearanceOptions  appearance配置
+ * @param materialOptions 材质配置
+ */
+interface IRaderScanPrimitiveOptions {
+    /**
+     * Cesium 查看器实例
+     */
+    viewer: Cesium.Viewer;
+    /**
+     * 位置
+     */
+    position: Cesium.Cartesian3;
+    /**
+     * 半径
+     */
+    radius: number;
+    /**
+     * 是否贴地形
+     */
+    ground?: boolean;
+    appearanceOptions?: Cesium.MaterialAppearance;
+    materialOptions?: Material.IRadarScanMaterialOptions;
+}
+interface ICircleAperturePrimitiveOptions {
+    /**
+     * 位置
+     */
+    position: Cesium.Cartesian3;
+    /**
+     * 半径
+     */
+    radius: number;
+    /**
+     * 是否贴地形
+     */
+    ground?: boolean;
+    appearanceOptions?: Cesium.MaterialAppearance;
+    materialOptions?: Material.ICircleApertureMaterialOptions;
+}
+/**
+ * 定义地面多边形图元选项接口
+ * @param geoJson GeoJSON 数据
+ * @param line 线样式
+ */
+interface IGroundPolygonPrimitivesOptions {
+    /**
+     * GeoJSON 数据
+     */
+    geoJson: FeatureCollection<Polygon | MultiPolygon, GeoJsonProperties>;
+    line: {
+        /**
+         * 线宽
+         */
+        width?: number;
+        /**
+         * 线颜色
+         */
+        color?: string;
+    };
+}
+/**
+ * 定义地面折线图元选项接口
+ * @param geoJson GeoJSON 数据
+ * @param line 线样式
+ * @param material 材质颜色二选一
+ */
+interface IGroundPolylinePrimitivesOptions {
+    /**
+     * GeoJSON 数据
+     */
+    geoJson: FeatureCollection<LineString | MultiLineString, GeoJsonProperties>;
+    line: {
+        /**
+         * 线宽
+         */
+        width?: number;
+        /**
+         * 线颜色
+         */
+        color?: string;
+    };
+    /**
+     * 材质颜色二选一
+     */
+    material?: Cesium.Material;
+}
+
+type types_IBillboard = IBillboard;
+type types_ICircleAperturePrimitiveOptions = ICircleAperturePrimitiveOptions;
+type types_IGroundPolygonPrimitivesOptions = IGroundPolygonPrimitivesOptions;
+type types_IGroundPolylinePrimitivesOptions = IGroundPolylinePrimitivesOptions;
+type types_ILabel = ILabel;
+type types_IPoint = IPoint;
+type types_IPointPrimitivesOptions = IPointPrimitivesOptions;
+type types_IRaderScanPrimitiveOptions = IRaderScanPrimitiveOptions;
+type types_Icluster = Icluster;
+declare namespace types {
+  export type { types_IBillboard as IBillboard, types_ICircleAperturePrimitiveOptions as ICircleAperturePrimitiveOptions, types_IGroundPolygonPrimitivesOptions as IGroundPolygonPrimitivesOptions, types_IGroundPolylinePrimitivesOptions as IGroundPolylinePrimitivesOptions, types_ILabel as ILabel, types_IPoint as IPoint, types_IPointPrimitivesOptions as IPointPrimitivesOptions, types_IRaderScanPrimitiveOptions as IRaderScanPrimitiveOptions, types_Icluster as Icluster };
+}
+
+declare class RadereScanPrimitive extends BasePrimitive<any> {
+    private position;
+    private options;
+    constructor(options: IRaderScanPrimitiveOptions);
+    getGeometry(): CircleGeometry;
+    getPrimitive(): Primitive | GroundPrimitive | Cesium.PointPrimitiveCollection | Cesium.GroundPolylinePrimitive | Cesium.LabelCollection | Cesium.PrimitiveCollection | undefined;
+    setAppearance(appearance?: Appearance): void;
+}
+
+/**
+ * 大量点 primitive 集合
+ */
+declare class PointPrimitives extends BasePrimitive<any> {
+    private options;
+    private pointPrimitives;
+    boundingSphere: Cesium.BoundingSphere;
+    private pointCollection;
+    private labelCollection;
+    private billboardCollection;
+    private clusterImageCache;
+    private supercluster;
+    constructor(options: IPointPrimitivesOptions);
+    initCollection: (geojson: FeatureCollection<Point, GeoJsonProperties>) => Promise<void>;
+    clacBoundingSphere(geoJson: FeatureCollection<Point, GeoJsonProperties>): void;
+    createPoint(feature: Feature<Point, GeoJsonProperties>): {
+        id: string;
+        position: Cesium.Cartesian3;
+        color: Cesium.Color;
+        pixelSize: any;
+        outlineColor: Cesium.Color;
+        outlineWidth: any;
+        scaleByDistance: any;
+        translucencyByDistance: any;
+        disableDepthTestDistance: any;
+        distanceDisplayCondition: any;
+    };
+    createBillboard(feature: Feature<Point, GeoJsonProperties>): {
+        id: string;
+        position: Cesium.Cartesian3;
+        image: any;
+        scale: any;
+        width: any;
+        height: any;
+        color: Cesium.Color | undefined;
+        pixelOffset: Cesium.Cartesian2;
+        horizontalOrigin: any;
+        verticalOrigin: any;
+        heightReference: any;
+        scaleByDistance: any;
+        translucencyByDistance: any;
+        disableDepthTestDistance: any;
+        distanceDisplayCondition: any;
+    };
+    createLabel(feature: Feature<Point, GeoJsonProperties>): {
+        id: string;
+        position: Cesium.Cartesian3;
+        text: any;
+        font: any;
+        fillColor: Cesium.Color;
+        outlineColor: Cesium.Color;
+        outlineWidth: any;
+        style: any;
+        scale: any;
+        showBackground: any;
+        backgroundColor: Cesium.Color;
+        backgroundPadding: Cesium.Cartesian2;
+        pixelOffset: Cesium.Cartesian2;
+        horizontalOrigin: any;
+        verticalOrigin: any;
+        heightReference: any;
+        scaleByDistance: any;
+        translucencyByDistance: any;
+        disableDepthTestDistance: any;
+        distanceDisplayCondition: any;
+    };
+    initCluster: (viewer: Cesium.Viewer, geoJson: FeatureCollection<Point>) => Promise<void>;
+    /**
+     * 缩放至聚合点子集
+     */
+    flyToChildByClusterId(id: number): any[] | undefined;
+    loadCluster: (viewer: Cesium.Viewer) => void;
+    getClusterImageByCount(color: string, count: number, zoom: number): any;
+    calcfontSize(zoom: number): number;
+    calcPointHeight(viewer: Cesium.Viewer, geoJson: FeatureCollection<Point>): Promise<void>;
+    clearCollection(): void;
+    remove(): void;
+    removeAll(): void;
+    getPrimitive(): Cesium.PrimitiveCollection;
+}
+
+declare class GroundPolylinePrimitives<T> extends BasePrimitive<T> {
+    private options;
+    private polylinePrimitives;
+    constructor(options: IGroundPolylinePrimitivesOptions);
+    initCollection(): void;
+    getPrimitive(): Cesium.GroundPolylinePrimitive | undefined;
+    setMaterialAppearance(): void;
+}
+
+/**
+ *  贴地多边形
+ */
+declare class GroundPolygonPrimitives<T> extends BasePrimitive<T> {
+    private options;
+    private primitives;
+    constructor(options: IGroundPolygonPrimitivesOptions);
+    initCollection(): void;
+    getPrimitive(): Cesium.GroundPolylinePrimitive | undefined;
+    getAppearance(appearance?: Cesium.Appearance): void;
+}
+
+/**
+ * Defines how screen space objects (billboards, points, labels) are clustered.
+ *
+ * @param {object} [options] An object with the following properties:
+ * @param {boolean} [options.enabled] Whether or not to enable clustering.
+ * @param {number} [options.pixelRange] The pixel range to extend the screen space bounding box.
+ * @param {number} [options.minimumClusterSize] The minimum number of screen space objects that can be clustered.
+ * @param {boolean} [options.clusterBillboards] Whether or not to cluster the billboards of an entity.
+ * @param {boolean} [options.clusterLabels] Whether or not to cluster the labels of an entity.
+ * @param {boolean} [options.clusterPoints] Whether or not to cluster the points of an entity.
+ * @param {boolean} [options.show] Determines if the entities in the cluster will be shown.
+ *
+ * @alias PrimitiveCluster
+ * @constructor
+ *
+ * @demo {@link https://sandcastle.cesium.com/index.html?src=Clustering.html|Cesium Sandcastle Clustering Demo}
+ */
+declare function PointClusterPrimitives(options: any): void;
+
+declare class CircleAperturePrimitive extends BasePrimitive<any> {
+    private position;
+    private options;
+    constructor(options: ICircleAperturePrimitiveOptions);
+    getGeometry(): CircleGeometry;
+    getPrimitive(): Primitive | GroundPrimitive | Cesium.PointPrimitiveCollection | Cesium.GroundPolylinePrimitive | Cesium.LabelCollection | Cesium.PrimitiveCollection | undefined;
+    setAppearance(appearance?: Appearance): void;
+}
+
+export { CircleAperturePrimitive, GroundPolygonPrimitives, GroundPolylinePrimitives, PointClusterPrimitives, PointPrimitives, types as Primitives, RadereScanPrimitive };

package/dist/index.js

@@ -0,0 +1 @@
+import*as e from"cesium";import{CircleGeometry as t,GeometryInstance as i,GroundPrimitive as o,Primitive as s,MaterialAppearance as l,BoundingRectangle as n,defined as r,defaultValue as c,Event as a,LabelCollection as h,BillboardCollection as d,PointPrimitiveCollection as p,Billboard as u,Matrix4 as g,Cartesian3 as m,Cartesian2 as b,SceneMode as C,Label as _,PointPrimitive as y}from"cesium";import{BasePrimitive as f,numberId as v,calcZoomFromCameraHeight as P}from"@ino-cesium/common";import{createScanRadarMaterial as B,createCircleApertureMaterial as w}from"@ino-cesium/material";import D from"supercluster";import I from"kdbush";class x extends f{position;options;constructor(e){super(),this.options=e,this.position=e.position,this.setAppearance()}getGeometry(){return new t({center:this.position,radius:this.options.radius})}getPrimitive(){if(!this.needUpdate&&this._primitive)return this._primitive;const e=this.getGeometry();if(!e)return;const t={geometryInstances:new i({geometry:e}),appearance:this.appearance,asynchronous:!1};return this.options.ground?new o(t):new s(t)}setAppearance(e){e?this.appearance=e:(this.appearance=new l({material:B(this.options.materialOptions||{}),flat:!1,faceForward:!1,translucent:!0,closed:!1,...this.options.appearanceOptions||{}}),this.options.viewer.scene.preRender.addEventListener((()=>{this.appearance.material.uniforms.radians+=3*Math.PI/300})))}}class S extends f{options;pointPrimitives=new e.PrimitiveCollection;boundingSphere=new e.BoundingSphere(e.Cartesian3.ZERO,0);pointCollection;labelCollection;billboardCollection;clusterImageCache={};supercluster;constructor(t){super(),this.options=t,this.clacBoundingSphere(this.options.geoJson),this.options.point&&(this.pointCollection=new e.PointPrimitiveCollection,this.pointPrimitives.add(this.pointCollection)),this.options.billboard&&(this.billboardCollection=new e.BillboardCollection({scene:t.viewer.scene}),this.pointPrimitives.add(this.billboardCollection)),this.options.label&&(this.labelCollection=new e.LabelCollection({scene:t.viewer.scene}),this.pointPrimitives.add(this.labelCollection)),t.cluster?(this.supercluster=new D({radius:this.options.cluster?.radius||A.radius,maxZoom:this.options.cluster?.maxZoom||A.maxZoom}),this.initCluster(this.options.viewer,this.options.geoJson)):this.initCollection(this.options.geoJson)}initCollection=async t=>{await this.calcPointHeight(this.options.viewer,t);const i=[];t.features.forEach((t=>{if(i.push(e.Cartesian3.fromDegrees(t.geometry.coordinates[0],t.geometry.coordinates[1],0)),this.options.point){this.pointCollection.add(this.createPoint(t)).properties=t.properties||{}}if(this.options.billboard){this.billboardCollection.add(this.createBillboard(t)).properties=t.properties||{}}if(this.options.label){this.labelCollection.add(this.createLabel(t)).properties=t.properties||{}}}))};clacBoundingSphere(t){const i=t.features.map((t=>e.Cartesian3.fromDegrees(t.geometry.coordinates[0],t.geometry.coordinates[1],0)));e.BoundingSphere.fromPoints(i,this.boundingSphere)}createPoint(t){const i={...L,...this.options.point,...t.properties?.style?.point};return{id:v(),position:e.Cartesian3.fromDegrees(t.geometry.coordinates[0],t.geometry.coordinates[1],t.geometry.coordinates[2]),color:e.Color.fromCssColorString(i.color),pixelSize:i.pixelSize,outlineColor:e.Color.fromCssColorString(i.outlineColor),outlineWidth:i.outlineWidth,scaleByDistance:i.scaleByDistance,translucencyByDistance:i.translucencyByDistance,disableDepthTestDistance:i.disableDepthTestDistance,distanceDisplayCondition:i.distanceDisplayCondition}}createBillboard(t){const i={...O,...this.options.billboard,...t.properties?.style?.billboard};return{id:v(),position:e.Cartesian3.fromDegrees(t.geometry.coordinates[0],t.geometry.coordinates[1],t.geometry.coordinates[2]||0),image:i.image,scale:i.scale,width:t.properties?.cluster?void 0:i.width,height:t.properties?.cluster?void 0:i.height,color:t.properties?.cluster?void 0:e.Color.fromCssColorString(i.color),pixelOffset:e.Cartesian2.fromArray(i?.pixelOffset),horizontalOrigin:i.horizontalOrigin,verticalOrigin:i.verticalOrigin,heightReference:i.heightReference,scaleByDistance:i.scaleByDistance,translucencyByDistance:i.translucencyByDistance,disableDepthTestDistance:i.disableDepthTestDistance,distanceDisplayCondition:i.distanceDisplayCondition}}createLabel(t){const i={...E,...this.options.label,...t.properties?.style?.label};return{id:v(),position:e.Cartesian3.fromDegrees(t.geometry.coordinates[0],t.geometry.coordinates[1],t.geometry.coordinates[2]||0),text:t.properties?.[i?.field]||i?.field,font:i?.font,fillColor:e.Color.fromCssColorString(i?.fillColor),outlineColor:e.Color.fromCssColorString(i?.outlineColor),outlineWidth:i?.outlineWidth,style:i?.style,scale:i?.scale,showBackground:i?.showBackground,backgroundColor:e.Color.fromCssColorString(i?.backgroundColor),backgroundPadding:e.Cartesian2.fromArray(i?.backgroundPadding),pixelOffset:e.Cartesian2.fromArray(i?.pixelOffset),horizontalOrigin:i.horizontalOrigin,verticalOrigin:i.verticalOrigin,heightReference:i?.heightReference,scaleByDistance:i?.scaleByDistance,translucencyByDistance:i.translucencyByDistance,disableDepthTestDistance:i?.disableDepthTestDistance,distanceDisplayCondition:i.distanceDisplayCondition}}initCluster=async(t,i)=>{this.supercluster.load(i.features);let o=e.getTimestamp();this.loadCluster(t),t.camera.changed.addEventListener((()=>{e.getTimestamp()-o<=500||(o=e.getTimestamp(),this.loadCluster(t))}))};flyToChildByClusterId(t){const i=this.supercluster?.getChildren(t),o=i?.map((t=>e.Cartesian3.fromDegrees(t.geometry.coordinates[0],t.geometry.coordinates[1],0))),s=e.BoundingSphere.fromPoints(o);return this.options.viewer.camera.flyToBoundingSphere(s),i}loadCluster=t=>{const i=P(t.camera),o=t.camera.computeViewRectangle(),s=this.supercluster.getClusters([e.Math.toDegrees(o.west),e.Math.toDegrees(o.south),e.Math.toDegrees(o.east),e.Math.toDegrees(o.north)],i);this.clearCollection();const l=this.options.cluster.colorsByRate||A.colorsByRate,n={type:"FeatureCollection",features:s.map((e=>{const t=e.properties.point_count/this.options.geoJson.features.length,o=Object.keys(l).find((e=>t>Number(e)))||"#ff0000";if(e.properties.cluster){const t=this.getClusterImageByCount(l[o],e.properties.point_count,i),s=16*(String(e.properties.point_count).length+1);e.properties.style={...e.properties.style,billboard:{...e.properties.style?.billboard,image:t,pixelOffset:[0,-s/12]}}}return e}))};this.initCollection(n)};getClusterImageByCount(t,i,o){if(!this.clusterImageCache[i+t]){const s=16*(String(i).length+1);let l=-Math.PI/12;const n=Math.PI/2,r=Math.PI/6,c=document.createElement("canvas");c.width=s,c.height=s;const a=c.getContext("2d");a.save(),a.scale(s/24,s/24),a.beginPath(),a.arc(12,12,6,0,2*Math.PI),a.fillStyle=t,a.fill(),a.closePath(),a.lineWidth=2,a.fillStyle="rgba(255,255,255,1)",a.font=`${this.calcfontSize(o)}px Microsoft YaHei`,a.textAlign="center",a.textBaseline="middle",a.fillText(`${i}`,11.5,12.5);for(let i=0;i<3;i++)a.beginPath(),a.arc(12,12,8,l,l+n,!1),a.strokeStyle=e.Color.fromCssColorString(t).withAlpha(.4).toCssColorString(),a.stroke(),a.arc(12,12,11,l,l+n,!1),a.strokeStyle=e.Color.fromCssColorString(t).withAlpha(.2).toCssColorString(),a.stroke(),a.closePath(),l=l+n+r;a.restore(),this.clusterImageCache[i+t]=c.toDataURL()}return this.clusterImageCache[i+t]}calcfontSize(e){return e<4?4:e-1}async calcPointHeight(t,i){if(this.options.calcHeight)if(t.scene.terrainProvider instanceof e.EllipsoidTerrainProvider)i.features.forEach((e=>{3===e.geometry.coordinates.length?e.geometry.coordinates[2]=0:e.geometry.coordinates.push(0)}));else{const o=t.scene.terrainProvider,s=i.features.map((t=>e.Cartographic.fromDegrees(t.geometry.coordinates[0],t.geometry.coordinates[1]))),l=await e.sampleTerrainMostDetailed(o,s);i.features.forEach(((e,t)=>{3===e.geometry.coordinates.length?e.geometry.coordinates[2]=l[t].height:e.geometry.coordinates.push(l[t].height)}))}}clearCollection(){this.pointCollection?.removeAll(),this.billboardCollection?.removeAll(),this.labelCollection?.removeAll()}remove(){}removeAll(){this.clearCollection(),this.pointPrimitives.removeAll()}getPrimitive(){return this.pointPrimitives}}const L={color:"rgba(81,255,0,0.8)",pixelSize:10,outlineColor:"rgba(255,0,0,0.8)",outlineWidth:1},E={font:"20px sans-serif",fillColor:"rgba(255,255,255,0.8)",outlineColor:"rgba(0,0,0,0.8)",backgroundColor:"rgba(0,0,0,1)",outlineWidth:2,pixelOffset:[0,0],backgroundPadding:[0,0],scale:1,disableDepthTestDistance:0,horizontalOrigin:0,verticalOrigin:0,heightReference:e.HeightReference.CLAMP_TO_GROUND},O={image:"/icons/cesium-marker.png",scale:1,color:"rgba(255,0,0,1)",rotation:0,width:32,height:32,horizontalOrigin:0,verticalOrigin:0,pixelOffset:[0,-16],heightReference:e.HeightReference.CLAMP_TO_GROUND},A={radius:60,maxZoom:25,colorsByRate:{.1:"#ff0000",.01:"#ff00ff",.001:"blue",1e-4:"#00ff00"}},R={width:2,color:"rgba(0,255,0,0.8)"};class M extends f{options;polylinePrimitives;constructor(e){super(),this.options=e,this.polylinePrimitives=void 0,this.options.material&&this.setMaterialAppearance(),this.initCollection()}initCollection(){const t=[],i=[];let o;this.options.geoJson.features.forEach((e=>{"MultiLineString"===e.geometry.type?e.geometry.coordinates.forEach((t=>{i.push({coordinates:t,properties:e.properties})})):i.push({coordinates:e.geometry.coordinates,properties:e.properties})})),i.forEach((i=>{const o=i.coordinates.map((t=>e.Cartesian3.fromDegrees(t[0],t[1],t[2]))),s={...R,...this.options?.line,...i.properties?.style?.line};t.push(new e.GeometryInstance({id:v(),geometry:new e.GroundPolylineGeometry({positions:o,width:s?.width}),attributes:{color:e.ColorGeometryInstanceAttribute.fromColor(e.Color.fromCssColorString(s.color))}}))})),o=this.appearance?this.appearance:new e.PolylineColorAppearance,this.polylinePrimitives=new e.GroundPolylinePrimitive({geometryInstances:t,appearance:o})}getPrimitive(){return this.polylinePrimitives}setMaterialAppearance(){this.appearance=new e.MaterialAppearance({material:this.options.material})}}const T={width:2,color:"rgba(0,255,0,0.8)"};class z extends f{options;primitives;constructor(e){super(),this.options=e,this.primitives=void 0,this.initCollection()}initCollection(){const t=[];this.options.geoJson.features.forEach((i=>{let o;o="Polygon"===i.geometry.type?new e.PolygonHierarchy(e.Cartesian3.fromDegreesArray(i.geometry.coordinates[0].flat())):k(i.geometry);const s={...T,...this.options?.line,...i.properties?.style?.line},l=v();i.properties&&(i.properties.id=l);const n=new e.GeometryInstance({id:l,geometry:new e.PolygonGeometry({polygonHierarchy:o}),attributes:{color:e.ColorGeometryInstanceAttribute.fromColor(e.Color.fromCssColorString(s.color))}});t.push(n),n.properties=i.properties})),this.primitives=new e.GroundPrimitive({geometryInstances:t,appearance:new e.PerInstanceColorAppearance({})})}getPrimitive(){return this.primitives}getAppearance(t){this.appearance=t||new e.PolylineMaterialAppearance({material:e.Material.fromType("Color",{color:e.Color.fromCssColorString("rgba(81,255,0,0.8)")})})}}const k=t=>new e.PolygonHierarchy(e.Cartesian3.fromDegreesArray(t.coordinates[0][0].flat()));function G(e){e=c(e,c.EMPTY_OBJECT),this._enabled=c(e.enabled,!1),this._pixelRange=c(e.pixelRange,80),this._minimumClusterSize=c(e.minimumClusterSize,2),this._clusterBillboards=c(e.clusterBillboards,!0),this._clusterLabels=c(e.clusterLabels,!0),this._clusterPoints=c(e.clusterPoints,!0),this._labelCollection=void 0,this._billboardCollection=void 0,this._pointCollection=void 0,this._clusterBillboardCollection=void 0,this._clusterLabelCollection=void 0,this._clusterPointCollection=void 0,this._collectionIndicesByEntity={},this._unusedLabelIndices=[],this._unusedBillboardIndices=[],this._unusedPointIndices=[],this._previousClusters=[],this._previousHeight=void 0,this._enabledDirty=!1,this._clusterDirty=!1,this._cluster=void 0,this._removeEventListener=void 0,this._clusterEvent=new a,this.show=c(e.show,!0)}function H(e){return e.coord.x}function W(e){return e.coord.y}function J(e,t){e.x-=t,e.y-=t,e.width+=2*t,e.height+=2*t}const Z=new n;function U(e,t,i,o,s){if(r(e._labelCollection)&&o._clusterLabels?s=_.getScreenSpaceBoundingBox(e,t,s):r(e._billboardCollection)&&o._clusterBillboards?s=u.getScreenSpaceBoundingBox(e,t,s):r(e._pointPrimitiveCollection)&&o._clusterPoints&&(s=y.getScreenSpaceBoundingBox(e,t,s)),J(s,i),o._clusterLabels&&!r(e._labelCollection)&&r(e.id)&&F(o,e.id.id)&&r(e.id._label)){const l=o._collectionIndicesByEntity[e.id.id].labelIndex,r=o._labelCollection.get(l),c=_.getScreenSpaceBoundingBox(r,t,Z);J(c,i),s=n.union(s,c,s)}return s}function N(e,t){if(e.clusterShow=!0,!r(e._labelCollection)&&r(e.id)&&F(t,e.id.id)&&r(e.id._label)){const i=t._collectionIndicesByEntity[e.id.id].labelIndex;t._labelCollection.get(i).clusterShow=!0}}function j(e,t,i,o){const s={billboard:o._clusterBillboardCollection.add(),label:o._clusterLabelCollection.add(),point:o._clusterPointCollection.add()};s.billboard.show=!1,s.point.show=!1,s.label.show=!0,s.label.text=t.toLocaleString(),s.label.id=i,s.billboard.position=s.label.position=s.point.position=e,o._clusterEvent.raiseEvent(i,s)}function F(e,t){return r(e)&&r(e._collectionIndicesByEntity[t])&&r(e._collectionIndicesByEntity[t].labelIndex)}function V(e,t,i,o,s){if(!r(e))return;const l=e.length;for(let n=0;n<l;++n){const l=e.get(n);if(l.clusterShow=!1,!l.show||s._scene.mode===C.SCENE3D&&!o.isPointVisible(l.position))continue;const c=l.computeScreenSpacePosition(i);r(c)&&t.push({index:n,collection:e,clustered:!1,coord:c})}}const Y=new n,$=new n,q=new n;function K(e,t,i,o){return function(s){let l=this[e];r(this._collectionIndicesByEntity)||(this._collectionIndicesByEntity={});let n,c,a=this._collectionIndicesByEntity[s.id];if(r(a)||(a=this._collectionIndicesByEntity[s.id]={billboardIndex:void 0,labelIndex:void 0,pointIndex:void 0}),r(l)&&r(a[o]))return l.get(a[o]);r(l)||(l=this[e]=new t({scene:this._scene}));const h=this[i];return h.length>0?(n=h.pop(),c=l.get(n)):(c=l.add(),n=l.length-1),a[o]=n,Promise.resolve().then((()=>{this._clusterDirty=!0})),c}}function Q(e,t){const i=e._collectionIndicesByEntity[t];r(i.billboardIndex)||r(i.labelIndex)||r(i.pointIndex)||delete e._collectionIndicesByEntity[t]}function X(e){if(!r(e))return;const t=e.length;for(let i=0;i<t;++i)e.get(i).clusterShow=!0}G.prototype._initialize=function(t){this._scene=t;const i=(o=this,function(t){if(r(t)&&t<.05||!o.enabled)return;const i=o._scene,s=o._labelCollection,l=o._billboardCollection,c=o._pointCollection;if(!r(s)&&!r(l)&&!r(c)||!o._clusterBillboards&&!o._clusterLabels&&!o._clusterPoints)return;let a=o._clusterLabelCollection,C=o._clusterBillboardCollection,_=o._clusterPointCollection;r(a)?a.removeAll():a=o._clusterLabelCollection=new h({scene:i}),r(C)?C.removeAll():C=o._clusterBillboardCollection=new d({scene:i}),r(_)?_.removeAll():_=o._clusterPointCollection=new p;const y=o._pixelRange,f=o._minimumClusterSize,v=o._previousClusters,P=[],B=o._previousHeight,w=i.camera.positionCartographic.height,D=i.mapProjection.ellipsoid,x=i.camera.positionWC,S=new e.EllipsoidalOccluder(D,x),L=[];let E,O,A,R,M,T,z,k,G,J,Z,F;o._clusterLabels&&V(s,L,i,S,o),o._clusterBillboards&&V(l,L,i,S,o),o._clusterPoints&&V(c,L,i,S,o);const K=new I(L,H,W,64,Int32Array);if(w<B)for(A=v.length,E=0;E<A;++E){const e=v[E];if(!S.isPointVisible(e.position))continue;const t=u._computeScreenSpacePosition(g.IDENTITY,e.position,m.ZERO,b.ZERO,i);if(!r(t))continue;const s=1-w/B;let l=e.width=e.width*s,n=e.height=e.height*s;l=Math.max(l,e.minimumWidth),n=Math.max(n,e.minimumHeight);const c=t.x-.5*l,a=t.y-.5*n,h=t.x+l,d=t.y+n;for(M=K.range(c,a,h,d),T=M.length,J=0,G=[],O=0;O<T;++O)z=M[O],k=L[z],k.clustered||(++J,Z=k.collection,F=k.index,G.push(Z.get(F).id));if(J>=f)for(j(e.position,J,G,o),P.push(e),O=0;O<T;++O)L[M[O]].clustered=!0}for(A=L.length,E=0;E<A;++E){const e=L[E];if(e.clustered)continue;e.clustered=!0,Z=e.collection,F=e.index;const t=Z.get(F);R=U(t,e.coord,y,o,Y);const i=n.clone(R,$);M=K.range(R.x,R.y,R.x+R.width,R.y+R.height),T=M.length;const s=m.clone(t.position);for(J=1,G=[t.id],O=0;O<T;++O)if(z=M[O],k=L[z],!k.clustered){const e=k.collection.get(k.index),t=U(e,k.coord,y,o,q);m.add(e.position,s,s),n.union(i,t,i),++J,G.push(e.id)}if(J>=f){const e=m.multiplyByScalar(s,1/J,s);for(j(e,J,G,o),P.push({position:e,width:i.width,height:i.height,minimumWidth:R.width,minimumHeight:R.height}),O=0;O<T;++O)L[M[O]].clustered=!0}else N(t,o)}0===a.length&&(a.destroy(),o._clusterLabelCollection=void 0),0===C.length&&(C.destroy(),o._clusterBillboardCollection=void 0),0===_.length&&(_.destroy(),o._clusterPointCollection=void 0),o._previousClusters=P,o._previousHeight=w});var o;this._cluster=i,this._removeEventListener=t.camera.changed.addEventListener(i)},Object.defineProperties(G.prototype,{enabled:{get(){return this._enabled},set(e){this._enabledDirty=e!==this._enabled,this._enabled=e}},pixelRange:{get(){return this._pixelRange},set(e){this._clusterDirty=this._clusterDirty||e!==this._pixelRange,this._pixelRange=e}},minimumClusterSize:{get(){return this._minimumClusterSize},set(e){this._clusterDirty=this._clusterDirty||e!==this._minimumClusterSize,this._minimumClusterSize=e}},clusterEvent:{get(){return this._clusterEvent}},clusterBillboards:{get(){return this._clusterBillboards},set(e){this._clusterDirty=this._clusterDirty||e!==this._clusterBillboards,this._clusterBillboards=e}},clusterLabels:{get(){return this._clusterLabels},set(e){this._clusterDirty=this._clusterDirty||e!==this._clusterLabels,this._clusterLabels=e}},clusterPoints:{get(){return this._clusterPoints},set(e){this._clusterDirty=this._clusterDirty||e!==this._clusterPoints,this._clusterPoints=e}}}),G.prototype.getLabel=K("_labelCollection",h,"_unusedLabelIndices","labelIndex"),G.prototype.removeLabel=function(e){const t=this._collectionIndicesByEntity&&this._collectionIndicesByEntity[e.id];if(!r(this._labelCollection)||!r(t)||!r(t.labelIndex))return;const i=t.labelIndex;t.labelIndex=void 0,Q(this,e.id);const o=this._labelCollection.get(i);o.show=!1,o.text="",o.id=void 0,this._unusedLabelIndices.push(i),this._clusterDirty=!0},G.prototype.getBillboard=K("_billboardCollection",d,"_unusedBillboardIndices","billboardIndex"),G.prototype.removeBillboard=function(e){const t=this._collectionIndicesByEntity&&this._collectionIndicesByEntity[e.id];if(!r(this._billboardCollection)||!r(t)||!r(t.billboardIndex))return;const i=t.billboardIndex;t.billboardIndex=void 0,Q(this,e.id);const o=this._billboardCollection.get(i);o.id=void 0,o.show=!1,o.image=void 0,this._unusedBillboardIndices.push(i),this._clusterDirty=!0},G.prototype.getPoint=K("_pointCollection",p,"_unusedPointIndices","pointIndex"),G.prototype.removePoint=function(e){const t=this._collectionIndicesByEntity&&this._collectionIndicesByEntity[e.id];if(!r(this._pointCollection)||!r(t)||!r(t.pointIndex))return;const i=t.pointIndex;t.pointIndex=void 0,Q(this,e.id);const o=this._pointCollection.get(i);o.show=!1,o.id=void 0,this._unusedPointIndices.push(i),this._clusterDirty=!0},G.prototype.update=function(e){if(!this.show)return;let t;var i;r(this._labelCollection)&&this._labelCollection.length>0&&0===this._labelCollection.get(0)._glyphs.length&&(t=e.commandList,e.commandList=[],this._labelCollection.update(e),e.commandList=t),r(this._billboardCollection)&&this._billboardCollection.length>0&&!r(this._billboardCollection.get(0).width)&&(t=e.commandList,e.commandList=[],this._billboardCollection.update(e),e.commandList=t),this._enabledDirty&&(this._enabledDirty=!1,(i=this).enabled||(r(i._clusterLabelCollection)&&i._clusterLabelCollection.destroy(),r(i._clusterBillboardCollection)&&i._clusterBillboardCollection.destroy(),r(i._clusterPointCollection)&&i._clusterPointCollection.destroy(),i._clusterLabelCollection=void 0,i._clusterBillboardCollection=void 0,i._clusterPointCollection=void 0,X(i._labelCollection),X(i._billboardCollection),X(i._pointCollection)),this._clusterDirty=!0),this._clusterDirty&&(this._clusterDirty=!1,this._cluster()),r(this._clusterLabelCollection)&&this._clusterLabelCollection.update(e),r(this._clusterBillboardCollection)&&this._clusterBillboardCollection.update(e),r(this._clusterPointCollection)&&this._clusterPointCollection.update(e),r(this._labelCollection)&&this._labelCollection.update(e),r(this._billboardCollection)&&this._billboardCollection.update(e),r(this._pointCollection)&&this._pointCollection.update(e)},G.prototype.destroy=function(){this._labelCollection=this._labelCollection&&this._labelCollection.destroy(),this._billboardCollection=this._billboardCollection&&this._billboardCollection.destroy(),this._pointCollection=this._pointCollection&&this._pointCollection.destroy(),this._clusterLabelCollection=this._clusterLabelCollection&&this._clusterLabelCollection.destroy(),this._clusterBillboardCollection=this._clusterBillboardCollection&&this._clusterBillboardCollection.destroy(),this._clusterPointCollection=this._clusterPointCollection&&this._clusterPointCollection.destroy(),r(this._removeEventListener)&&(this._removeEventListener(),this._removeEventListener=void 0),this._labelCollection=void 0,this._billboardCollection=void 0,this._pointCollection=void 0,this._clusterBillboardCollection=void 0,this._clusterLabelCollection=void 0,this._clusterPointCollection=void 0,this._collectionIndicesByEntity=void 0,this._unusedLabelIndices=[],this._unusedBillboardIndices=[],this._unusedPointIndices=[],this._previousClusters=[],this._previousHeight=void 0,this._enabledDirty=!1,this._pixelRangeDirty=!1,this._minimumClusterSizeDirty=!1};class ee extends f{position;options;constructor(e){super(),this.options=e,this.position=e.position,this.setAppearance()}getGeometry(){return new t({center:this.position,radius:this.options.radius})}getPrimitive(){if(!this.needUpdate&&this._primitive)return this._primitive;this.needUpdate=!1;const e=this.getGeometry();if(!e)return;const t={geometryInstances:new i({geometry:e}),appearance:this.appearance,asynchronous:!1};return this.options.ground?new o(t):new s(t)}setAppearance(e){this.appearance=e||new l({material:w(this.options.materialOptions),flat:!1,faceForward:!1,translucent:!0,closed:!1})}}export{ee as CircleAperturePrimitive,z as GroundPolygonPrimitives,M as GroundPolylinePrimitives,G as PointClusterPrimitives,S as PointPrimitives,x as RadereScanPrimitive};

package/package.json

@@ -0,0 +1,47 @@
+{
+  "name": "@ino-cesium/primitive",
+  "type": "module",
+  "version": "0.0.2",
+  "author": "koino",
+  "keywords": [
+    "cesium",
+    "ino-cesium",
+    "ino-cesium-primitive"
+  ],
+  "exports": {
+    ".": "./src/index.js"
+  },
+  "typesVersions": {
+    "*": {
+      "*": [
+        "./src/*"
+      ]
+    }
+  },
+  "files": [
+    "dist/*.d.ts",
+    "dist/*.js",
+    "README.MD"
+  ],
+  "publishConfig": {
+    "access": "public"
+  },
+  "peerDependencies": {
+    "cesium": "*"
+  },
+  "dependencies": {
+    "@ino-cesium/common": "0.0.2",
+    "@ino-cesium/material": "0.0.2",
+    "kdbush": "^3.0.0",
+    "supercluster": "^8.0.1"
+  },
+  "devDependencies": {
+    "@types/supercluster": "^7.1.3"
+  },
+  "scripts": {
+    "build": "rimraf dist && rollup -c",
+    "clean": "rimraf dist",
+    "release": "pnpm publish --no-git-checks  --access public ",
+    "unpublish": "pnpm unpublish @ino-cesium/primitive --force "
+  }
+}