@ino-cesium/layers 0.0.26-beta.2 → 0.0.26-beta.4

package/README.MD

@@ -1,3 +1,3 @@
-# ino-cesium  图层加载
-
-图层加载
+# ino-cesium  图层加载
+
+图层加载

package/dist/index.d.ts

@@ -1,53 +1,90 @@
 import * as Cesium from 'cesium';
+import Cesium__default from 'cesium';
+
+interface ILayerLoader {
+    destroy: () => void;
+    isDestroyed: () => boolean;
+    remove: () => void;
+    setOpacity: (opacity: number) => void;
+    flyTo: () => void;
+}
+interface IImageryLayerLoader extends ILayerLoader {
+    layers: Cesium__default.ImageryLayer[];
+}
+
+/**
+ * @module 加载天地图图层
+ */
 
 /**
  *
  * vec：矢量底图、cva：矢量标注、img：影像底图、cia：影像标注
  * ter：地形晕渲、cta：地形标注、eva：矢量英文标注、eia：影像英文标注
- * @param viewer
- * @param token
+ * @param option
+ * @param option.viewer
+ * @param option.token
+ * @param option.vec
+ * @param option.label
+ * @param option.zIndex
  */
-declare const loadTianDiTu: (option: ILoadTiandituOptions) => {
-    layers: Cesium.ImageryLayer[];
-    remove: () => void;
-    setOpacity: (opacity: number) => void;
-};
+declare const loadTianDiTu: (option: ILoadTiandituOptions) => IImageryLayerLoader;
 interface ILoadTiandituOptions {
     viewer: Cesium.Viewer;
     token: string;
     vec?: boolean;
+    crs?: string;
     label?: boolean;
     zIndex?: number;
 }
-declare function setImageLayerTheme(viewer: Cesium.Viewer, options?: ISetImageLayerOptions): void;
-interface ISetImageLayerOptions {
-    brightness?: number;
-    contrast?: number;
-    gamma?: number;
-    hue?: number;
-    saturation?: number;
-    invertColor?: boolean;
-    filterColor?: Cesium.Color;
-}
 
-declare const load3dTiles: (lOptions: ILoad3dtilesOptions) => Promise<{
-    tileset: Cesium.Cesium3DTileset;
-    setHeightOffset: (heightOffset: number) => void;
-    remove: () => void;
-    flyTo: () => void;
-}>;
+declare const load3dTilesFromUrl: (option: ILoad3dtilesOptions) => Promise<I3dTilesLoader>;
+declare const load3dTiles: (lOptions: ILoad3dtilesOptions) => Promise<I3dTilesLoader>;
 /**
  *  设置3dTiles的偏移高度
  * @param tileset
  * @param heightOffset
  */
 declare const setHeightOffsetFor3dTiles: (tileset: Cesium.Cesium3DTileset, heightOffset: number) => void;
-declare const getAllFeaturesFrom3dTiles: (tileset: Cesium.Cesium3DTileset) => Promise<unknown>;
-declare const getAllTilesFrom3dTiles: (tileset: Cesium.Cesium3DTileset) => Promise<unknown>;
+interface I3dTilesLoader {
+    tileset: Cesium.Cesium3DTileset;
+    /**
+     * 3dTiles的高度偏移量
+     */
+    heightOffset: number;
+    remove: () => void;
+    flyTo: () => void;
+    flyToByFeatureId: (id: string) => Promise<boolean>;
+    twinkingByFeatureId: (id: string) => void;
+    twinkingByTileId: (id: string) => void;
+    setHeightOffset: (heightOffsetValue: number) => void;
+    setOpacity: (opacity: number) => void;
+    setScale: (scale: number) => void;
+    setSplitDirection: (splitDirection: Cesium.SplitDirection) => void;
+    setSelectByFeatureIds: (id?: string) => void;
+    setSelectByTileIds: (id?: string) => void;
+    setSelectColor: (color: string) => void;
+    setBrightness: (brightness: number) => void;
+    setVisible: (visible: boolean) => void;
+    setVisibleByFeatureIds: (ids: string[], visible: boolean) => void;
+    setVisibleByTileId: (ids: string[], visible: boolean) => void;
+    getFeatures: () => any[];
+    getFeaturesGroupByTileId: () => any;
+    gpuUsageMonitor: (change: (value: string) => any) => {
+        close: () => void;
+    };
+    /**
+     * 设置显存占用 单位为MB
+     * @param size
+     */
+    setGpuUsageSize: (size: number) => void;
+    getGpuUsageSize: () => number;
+}
 interface ILoad3dtilesOptions {
     viewer: Cesium.Viewer;
     url: string;
+    allTilesLoaded?: (tileFeatures: any, tileFeatureMap: any) => void;
     options: Cesium.Cesium3DTileset.ConstructorOptions;
+    token?: string;
 }
 /**
  * 3dTiles的坐标变换
@@ -98,5 +135,16 @@ interface ILoadI3sOptions {
     options: Cesium.I3SDataProvider.ConstructorOptions;
 }
 
-export { TransformsFor3dtiles, getAllFeaturesFrom3dTiles, getAllTilesFrom3dTiles, load3dTiles, loadI3s, loadModel, loadTerrain, loadTerrainFromCesium, loadTianDiTu, loads3m, removeTerrain, setHeightOffsetFor3dTiles, setImageLayerTheme };
-export type { ILoadTerrainOptions, ILoadTiandituOptions, ISetImageLayerOptions };
+declare function setImageLayerTheme(viewer: Cesium.Viewer, options?: ISetImageLayerOptions): void;
+interface ISetImageLayerOptions {
+    brightness?: number;
+    contrast?: number;
+    gamma?: number;
+    hue?: number;
+    saturation?: number;
+    invertColor?: boolean;
+    filterColor?: Cesium.Color;
+}
+
+export { TransformsFor3dtiles, load3dTiles, load3dTilesFromUrl, loadI3s, loadModel, loadTerrain, loadTerrainFromCesium, loadTianDiTu, loads3m, removeTerrain, setHeightOffsetFor3dTiles, setImageLayerTheme };
+export type { I3dTilesLoader, IImageryLayerLoader, ILayerLoader, ILoadTerrainOptions, ILoadTiandituOptions, ISetImageLayerOptions };

package/dist/index.js

@@ -1 +1 @@
-import*as e from"cesium";const r=r=>{const{viewer:t,token:o}=r,a=r.vec?"vec":"img",i=[],n=t.imageryLayers.addImageryProvider(new e.WebMapTileServiceImageryProvider({url:`//t{s}.tianditu.gov.cn/${a}_w/wmts?tk=${o}`,layer:a,style:"default",tileMatrixSetID:"w",format:"tiles",maximumLevel:18,subdomains:["0","1","2","3","4","5","6","7"]}));if(i.push(n),r.label){const r=t.imageryLayers.addImageryProvider(new e.WebMapTileServiceImageryProvider({url:`//t{s}.tianditu.gov.cn/cia_w/wmts?tk=${o}`,layer:"cia",style:"default",tileMatrixSetID:"w",format:"tiles",maximumLevel:18,subdomains:["0","1","2","3","4","5","6","7"]}));i.push(r)}return{layers:i,remove:()=>{i.forEach(e=>{t.imageryLayers.remove(e)})},setOpacity:e=>{i.forEach(r=>{r.alpha=e})}}};function t(r,t){t||(t={}),console.log(t.filterColor);const o=r.imageryLayers.get(0);if(!o)return;o.brightness=t.brightness??.6,o.contrast=t.contrast??1.8,o.gamma=t.gamma??.3,o.hue=t.hue??1,o.saturation=t.saturation||0;const a=r.scene.globe._surfaceShaderSet.baseFragmentShaderSource.sources;for(let r=0;r<a.length;r++){const o="color = czm_saturation(color, textureSaturation);\n#endif\n";let i="color = czm_saturation(color, textureSaturation);\n#endif\n";t.invertColor||(i+="\n                color.r = 1.0 - color.r;\n                color.g = 1.0 - color.g;\n                color.b = 1.0 - color.b;\n            "),t.filterColor||(t.filterColor=e.Color.fromCssColorString("rgba(100,138,230,0.5)")),i+=`\n            color.r = color.r * ${t.filterColor.red.toFixed(2)};\n            color.g = color.g * ${t.filterColor.green.toFixed(2)};\n            color.b = color.b * ${t.filterColor.blue.toFixed(2)};\n            // color.a = color.a * ${t.filterColor.alpha.toFixed(2)};\n        `,a[r]=a[r].replace(o,i)}r.scene.requestRender()}const o={cacheBytes:4294967296,maximumCacheOverflowBytes:5368709120},a=async r=>{const{viewer:t,url:a,options:n}=r,s=await e.Cesium3DTileset.fromUrl(a,{...o,...n});t.scene.primitives.add(s);return{tileset:s,setHeightOffset:e=>{i(s,e)},remove:()=>{t.scene.primitives.remove(s)},flyTo:()=>{t.flyTo(s)}}},i=(r,t)=>{l(r,e.Cartesian3.fromElements(0,0,t,new e.Cartesian3))},n=async e=>{const r=[];function t(e){if(console.log(e),!e.content||!e.content.featuresLength)return;const o=e.content;for(let e=0;e<o.featuresLength;e++)r.push(o.getFeature(e));e.children?.forEach(t)}return new Promise(o=>{e.allTilesLoaded.addEventListener(()=>{t(e.root),o(r)})})},s=e=>{const r=[];function t(e){r.push(e),e.children?.forEach(t)}return new Promise(o=>{e.allTilesLoaded.addEventListener(()=>{t(e.root),o(r)})})},l=(r,t)=>{if(t.equals(e.Cartesian3.ZERO))return;const o=r.boundingSphere.center,a=e.Transforms.eastNorthUpToFixedFrame(o),i=e.Matrix4.multiplyByPoint(a,t,new e.Cartesian3),n=e.Cartesian3.subtract(i,o,new e.Cartesian3),s=e.Matrix4.fromTranslation(n);r.modelMatrix=e.Matrix4.multiply(s,r.modelMatrix,new e.Matrix4)},c={translate:l,scale:(r,t)=>{if(t.equals(e.Cartesian3.ZERO)||t.equals(e.Cartesian3.ONE))return;const o=r.boundingSphere.center,a=e.Transforms.eastNorthUpToFixedFrame(o),i=e.Matrix4.inverse(a,new e.Matrix4),n=e.Matrix4.fromScale(t),s=e.Matrix4.multiply(n,i,new e.Matrix4),l=e.Matrix4.multiply(a,s,new e.Matrix4);r.modelMatrix=e.Matrix4.multiply(l,r.modelMatrix,new e.Matrix4)},rotate:(r,t)=>{const{x:o,y:a,z:i}=t,n=r.boundingSphere.center,s=e.Transforms.eastNorthUpToFixedFrame(n),l=e.Matrix4.inverse(s,new e.Matrix4),c=e.Matrix4.clone(e.Matrix4.IDENTITY);if(0!==o){const r=e.Matrix4.fromRotation(e.Matrix3.fromRotationX(e.Math.toRadians(o)));e.Matrix4.multiply(r,c,c)}if(0!==a){const r=e.Matrix4.fromRotation(e.Matrix3.fromRotationY(e.Math.toRadians(a)));e.Matrix4.multiply(r,c,c)}if(0!==i){const r=e.Matrix4.fromRotation(e.Matrix3.fromRotationZ(e.Math.toRadians(i)));e.Matrix4.multiply(r,c,c)}const m=e.Matrix4.multiply(c,l,new e.Matrix4),u=e.Matrix4.multiply(s,m,new e.Matrix4);r.modelMatrix=e.Matrix4.multiply(u,r.modelMatrix,new e.Matrix4)}},m=async r=>{const{viewer:t,url:o}=r,a=await e.CesiumTerrainProvider.fromUrl(o,{requestWaterMask:!0,requestVertexNormals:!0});t.scene.terrainProvider=a;return{terrainProvider:a,remove:()=>{t.scene.terrainProvider=new e.EllipsoidTerrainProvider}}},u=r=>{r.scene.terrainProvider=new e.EllipsoidTerrainProvider},d=async()=>await e.CesiumTerrainProvider.fromIonAssetId(1,{requestWaterMask:!0,requestVertexNormals:!0}),f=()=>{},x=()=>{},M=async r=>{const{viewer:t,url:o,options:a}=r,n=await e.I3SDataProvider.fromUrl(o,a);t.scene.primitives.add(n);return{i3sProvider:n,setHeightOffset:e=>{n.layers.forEach(r=>{const t=r.tileset;t&&i(t,e)})},remove:()=>{t.scene.primitives.remove(n)},flyTo:r=>{const o=e.Rectangle.center(n.extent);o.height=r;let a=n.data;e.defined(a.layers)&&a.layers.length>0&&(a=a.layers[0]),e.defined(a.fullExtent)&&e.defined(a.fullExtent.zmax)&&(o.height+=a.fullExtent.zmax);const i=e.Ellipsoid.WGS84.cartographicToCartesian(o);t.camera.flyTo({destination:i,orientation:{}})}}};export{c as TransformsFor3dtiles,n as getAllFeaturesFrom3dTiles,s as getAllTilesFrom3dTiles,a as load3dTiles,M as loadI3s,f as loadModel,m as loadTerrain,d as loadTerrainFromCesium,r as loadTianDiTu,x as loads3m,u as removeTerrain,i as setHeightOffsetFor3dTiles,t as setImageLayerTheme};
+import*as e from"cesium";import{destroyAssert as t,getUrlResourceForToken as r,getFeaturesFromTileFeature as o}from"@ino-cesium/common";const i=r=>{const{viewer:o,token:i}=r;i||(r.token="1d109683f4d84198e37a38c442d68311");let s=!1;const l=r.vec?"vec":"img",c=r.vec?"cva":"via",u=[],d=a(r.crs),m=o.imageryLayers.addImageryProvider(new e.WebMapTileServiceImageryProvider({url:`//t{s}.tianditu.gov.cn/${l}_${d}/wmts?tk=${i}`,layer:l,style:"default",tileMatrixSetID:d,format:"tiles",maximumLevel:18,subdomains:["0","1","2","3","4","5","6","7"],tileMatrixLabels:n(r.crs)}));if(u.push(m),r.label){const t=o.imageryLayers.addImageryProvider(new e.WebMapTileServiceImageryProvider({url:`//t{s}.tianditu.gov.cn/${c}_${d}/wmts?tk=${i}`,layer:c,style:"default",tileMatrixSetID:d,format:"tiles",maximumLevel:18,subdomains:["0","1","2","3","4","5","6","7"],tileMatrixLabels:n(r.crs)}));u.push(t)}const f=()=>{t("TianDiTuLoader",s),u.forEach(e=>{o.imageryLayers.remove(e)})};return{layers:u,flyTo:()=>{t("TianDiTuLoader",s),o.flyTo(u[0])},remove:f,setOpacity:e=>{t("TianDiTuLoader",s),u.forEach(t=>{t.alpha=e})},destroy:()=>{t("TianDiTuLoader",s),f(),s=!0},isDestroyed:()=>(t("TianDiTuLoader",s),s)}},a=e=>"EPSG:4326"===e?"w":"c",n=e=>"EPSG:4326"===e?["1","2","3","4","5","6","7","8","9","10","11","12","13","14","15","16","17","18"]:["0","1","2","3","4","5","6","7","8","9","10","11","12","13","14","15","16","17"],s={cacheBytes:1073741824},l=async e=>{const{url:t}=e;return c({...e,url:t})},c=async t=>{const{viewer:i,url:a,options:n,token:l}=t;let c=0,d="",f="",y="rgba(45,140,240,0.5)",x=[];const g={},p=r({url:a,token:l}),h=await e.Cesium3DTileset.fromUrl(p,{...s,...n});i.scene.primitives.add(h);const v={};h.allTilesLoaded.addEventListener(()=>{h.root.children.forEach(e=>{e._tileId=numbersId();const t=[];if(e.content){v[e._tileId]=[];const r=e.content.featuresLength;Array.from({length:r}).forEach((r,i)=>{const a=e.content.getFeature(i),n=o(a);t.push(n),g[n.id]=a})}v[e._tileId]=t}),t.allTilesLoaded&&t.allTilesLoaded(v,g)});const M=()=>{const t=e.Color.fromCssColorString(y);h.style=new e.Cesium3DTileStyle({renderState:{backFaceCulling:!1},color:{evaluateColor(r,o){if(!r)return e.Color.clone(e.Color.WHITE,o);const i=r.getProperty("id");return f?i===f?e.Color.clone(t,o):e.Color.clone(e.Color.WHITE.withAlpha(.2),o):i===d?e.Color.clone(t,o):e.Color.clone(e.Color.WHITE,o)}},show:{evaluate(e){if(!e)return!0;const t=e.getProperty("id");return!x.includes(t)}}})};M();return{tileset:h,heightOffset:c,remove:()=>{c=0,i.scene.primitives.remove(h)},flyTo:()=>{h._newBoundingSphere?i.camera.flyToBoundingSphere(h._newBoundingSphere):i.flyTo(h)},flyToByFeatureId:async e=>{if(!e)return;const t=g[e].content.tile;return new Promise(e=>{i.camera.flyToBoundingSphere(t.boundingSphere,{complete:()=>{e(!0)}})})},twinkingByTileId:e=>e,twinkingByFeatureId:e=>{if(!e)return f="",void M();f=e,M(),setTimeout(()=>{f="",M(),setTimeout(()=>{f=e,M()},500)},500)},setHeightOffset:e=>{c=e,u(h,e)},setOpacity:t=>{h.style=new e.Cesium3DTileStyle({color:{conditions:[["true",`color('white', ${t})`]]}})},setScale:t=>{m(h,new e.Cartesian3(t,t,t))},setSplitDirection:e=>{h.splitDirection=e},setSelectByFeatureIds:e=>{f="",d=e||"",M()},setSelectColor:e=>{y=e},setSelectByTileIds:e=>e,setBrightness:e=>e,setVisible:e=>{h.show=e,x.length=0},setVisibleByFeatureIds:(e,t)=>{let r=[];t?r=x.filter(t=>!e.includes(t)):(r.push(...x),r.push(...e)),x=r,M()},getFeatures:()=>Object.values(g).map(e=>o(e)),getFeaturesGroupByTileId:()=>v,setVisibleByTileId:(e,t)=>{const r=[];e.forEach(e=>{const o=Object.values(v[e]).map(e=>e.id);t?r.push(...x.filter(e=>!o.includes(e))):r.push(...o)}),t||r.push(...x),x=r,M()},gpuUsageMonitor:e=>{const t=setInterval(()=>{const t=h.totalMemoryUsageInBytes;e((t/1024/1024).toFixed(2))},1e3);return{close:()=>{t&&clearInterval(t)}}},setGpuUsageSize:e=>{h.cacheBytes=1024*e*1024},getGpuUsageSize:()=>h.cacheBytes/1024/1024}},u=(t,r)=>{d(t,e.Cartesian3.fromElements(0,0,r,new e.Cartesian3))},d=(t,r)=>{if(r.equals(e.Cartesian3.ZERO))return;const o=t.boundingSphere.center,i=e.Transforms.eastNorthUpToFixedFrame(o),a=e.Matrix4.multiplyByPoint(i,r,new e.Cartesian3),n=e.Cartesian3.subtract(a,o,new e.Cartesian3),s=e.Matrix4.fromTranslation(n);t.modelMatrix=e.Matrix4.multiply(s,t.modelMatrix,new e.Matrix4)},m=(t,r)=>{if(r.equals(e.Cartesian3.ZERO)||r.equals(e.Cartesian3.ONE))return;const o=t.boundingSphere.center,i=e.Transforms.eastNorthUpToFixedFrame(o),a=e.Matrix4.inverse(i,new e.Matrix4),n=e.Matrix4.fromScale(r),s=e.Matrix4.multiply(n,a,new e.Matrix4),l=e.Matrix4.multiply(i,s,new e.Matrix4);t.modelMatrix=e.Matrix4.multiply(l,t.modelMatrix,new e.Matrix4)},f={translate:d,scale:m,rotate:(t,r)=>{const{x:o,y:i,z:a}=r,n=t.boundingSphere.center,s=e.Transforms.eastNorthUpToFixedFrame(n),l=e.Matrix4.inverse(s,new e.Matrix4),c=e.Matrix4.clone(e.Matrix4.IDENTITY);if(0!==o){const t=e.Matrix4.fromRotation(e.Matrix3.fromRotationX(e.Math.toRadians(o)));e.Matrix4.multiply(t,c,c)}if(0!==i){const t=e.Matrix4.fromRotation(e.Matrix3.fromRotationY(e.Math.toRadians(i)));e.Matrix4.multiply(t,c,c)}if(0!==a){const t=e.Matrix4.fromRotation(e.Matrix3.fromRotationZ(e.Math.toRadians(a)));e.Matrix4.multiply(t,c,c)}const u=e.Matrix4.multiply(c,l,new e.Matrix4),d=e.Matrix4.multiply(s,u,new e.Matrix4);t.modelMatrix=e.Matrix4.multiply(d,t.modelMatrix,new e.Matrix4)}},y=async t=>{const{viewer:r,url:o}=t,i=await e.CesiumTerrainProvider.fromUrl(o,{requestWaterMask:!0,requestVertexNormals:!0});r.scene.terrainProvider=i;return{terrainProvider:i,remove:()=>{r.scene.terrainProvider=new e.EllipsoidTerrainProvider}}},x=t=>{t.scene.terrainProvider=new e.EllipsoidTerrainProvider},g=async()=>await e.CesiumTerrainProvider.fromIonAssetId(1,{requestWaterMask:!0,requestVertexNormals:!0}),p=()=>{},h=()=>{},v=async t=>{const{viewer:r,url:o,options:i}=t,a=await e.I3SDataProvider.fromUrl(o,i);r.scene.primitives.add(a);return{i3sProvider:a,setHeightOffset:e=>{a.layers.forEach(t=>{const r=t.tileset;r&&u(r,e)})},remove:()=>{r.scene.primitives.remove(a)},flyTo:t=>{const o=e.Rectangle.center(a.extent);o.height=t;let i=a.data;e.defined(i.layers)&&i.layers.length>0&&(i=i.layers[0]),e.defined(i.fullExtent)&&e.defined(i.fullExtent.zmax)&&(o.height+=i.fullExtent.zmax);const n=e.Ellipsoid.WGS84.cartographicToCartesian(o);r.camera.flyTo({destination:n,orientation:{}})}}};function M(t,r){r||(r={});const o=t.imageryLayers.get(0);if(!o)return;o.brightness=r.brightness??.6,o.contrast=r.contrast??1.8,o.gamma=r.gamma??.3,o.hue=r.hue??1,o.saturation=r.saturation||0;const i=t.scene.globe._surfaceShaderSet.baseFragmentShaderSource.sources;for(let t=0;t<i.length;t++){const o="color = czm_saturation(color, textureSaturation);\n#endif\n";let a="color = czm_saturation(color, textureSaturation);\n#endif\n";r.invertColor||(a+="\n                color.r = 1.0 - color.r;\n                color.g = 1.0 - color.g;\n                color.b = 1.0 - color.b;\n            "),r.filterColor||(r.filterColor=e.Color.fromCssColorString("rgba(100,138,230,0.5)")),a+=`\n            color.r = color.r * ${r.filterColor.red.toFixed(2)};\n            color.g = color.g * ${r.filterColor.green.toFixed(2)};\n            color.b = color.b * ${r.filterColor.blue.toFixed(2)};\n            // color.a = color.a * ${r.filterColor.alpha.toFixed(2)};\n        `,i[t]=i[t].replace(o,a)}t.scene.requestRender()}export{f as TransformsFor3dtiles,c as load3dTiles,l as load3dTilesFromUrl,v as loadI3s,p as loadModel,y as loadTerrain,g as loadTerrainFromCesium,i as loadTianDiTu,h as loads3m,x as removeTerrain,u as setHeightOffsetFor3dTiles,M as setImageLayerTheme};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@ino-cesium/layers",
   "type": "module",
-  "version": "0.0.26-beta.2",
+  "version": "0.0.26-beta.4",
   "author": "koino",
   "keywords": [
     "cesium",
@@ -24,11 +24,12 @@
     "dist/*.js",
     "README.MD"
   ],
+  "main": "./dist/index.js",
   "peerDependencies": {
     "cesium": "1.134.0"
   },
   "dependencies": {
-    "@ino-cesium/common": "0.0.26-beta.2"
+    "@ino-cesium/common": "0.0.26-beta.4"
   },
   "devDependencies": {},
   "scripts": {