From 7cb20acd982c50d64c72c04c20c78bd634a32132 Mon Sep 17 00:00:00 2001 From: zhulongchuan <1624729110@qq.com> Date: Mon, 10 Nov 2025 16:29:22 +0800 Subject: [PATCH] =?UTF-8?q?cesium=E5=9C=B0=E5=9B=BEtoken=E6=9B=B4=E6=96=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/views/cesium/index.vue | 4 +- src/views/cesiums/components/useCesium.ts | 75 ++++++++++++----------- src/views/model/index1.vue | 6 +- src/views/sand/index.vue | 6 +- 4 files changed, 48 insertions(+), 43 deletions(-) diff --git a/src/views/cesium/index.vue b/src/views/cesium/index.vue index aafa079..28d32ce 100644 --- a/src/views/cesium/index.vue +++ b/src/views/cesium/index.vue @@ -34,8 +34,8 @@ onMounted(() => { infoBox: false, creditContainer: unvisibleCreditRef.value, imageryProvider: new ArcGisMapServerImageryProvider({ - // url: `https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer` - url: "http://t0.tianditu.com/img_w/wmts?service=wmts&tk=347521453441f82bd83c6f0b15240e50&request=GetTile&version=1.0.0&LAYER=img&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default&format=tiles", + url: `https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer`, + // url: "http://t0.tianditu.com/img_w/wmts?service=wmts&tk=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiIxYTVlOWM2ZC0xN2VlLTRmZjUtYmJiNS01YzUwMjYxYTE1NmYiLCJpZCI6MzU4ODQwLCJpYXQiOjE3NjI3NjA2MTN9.d27-IbfWPjOPId_POQF8XUA1TRekfyZP9CMogmXFw38&request=GetTile&version=1.0.0&LAYER=img&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default&format=tiles", layer: "tdtBasicLayer", style: "default", format: "image/jpeg", diff --git a/src/views/cesiums/components/useCesium.ts b/src/views/cesiums/components/useCesium.ts index 2119a71..f732c21 100644 --- a/src/views/cesiums/components/useCesium.ts +++ b/src/views/cesiums/components/useCesium.ts @@ -21,46 +21,47 @@ export function useCesium(containerId: string) { if (viewer.value) return; try { - // Cesium.Ion.defaultAccessToken = 'your-cesium-ion-access-token'; + Cesium.Ion.defaultAccessToken = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiIxYTVlOWM2ZC0xN2VlLTRmZjUtYmJiNS01YzUwMjYxYTE1NmYiLCJpZCI6MzU4ODQwLCJpYXQiOjE3NjI3NjA2MTN9.d27-IbfWPjOPId_POQF8XUA1TRekfyZP9CMogmXFw38'; - // viewer.value = new Cesium.Viewer(containerId, { - // terrainProvider: await Cesium.createWorldTerrainAsync(), - // animation: false, - // timeline: false, - // baseLayerPicker: false, - // geocoder: false, - // homeButton: false, - // sceneModePicker: false, - // navigationHelpButton: false, - // fullscreenButton: false, - // infoBox: false - // }); + viewer.value = new Cesium.Viewer(containerId, { + terrainProvider: await Cesium.createWorldTerrainAsync(), + animation: false, + timeline: false, + baseLayerPicker: false, + geocoder: false, + homeButton: false, + sceneModePicker: false, + navigationHelpButton: false, + fullscreenButton: false, + infoBox: false + }); - viewer.value = new Cesium.Viewer(containerId, { - navigationHelpButton: false, - sceneModePicker: true, - // 搜索键 - // geocoder: false, - // home键 - homeButton: true, - // 全屏按钮 - fullscreenButton: false, + // viewer.value = new Cesium.Viewer(containerId, { + // navigationHelpButton: false, + // sceneModePicker: true, + // // 搜索键 + // // geocoder: false, + // // home键 + // homeButton: true, + // // 全屏按钮 + // fullscreenButton: false, - imageryProvider: new Cesium.WebMapTileServiceImageryProvider({ - url: "http://t0.tianditu.com/img_w/wmts?service=wmts&tk=347521453441f82bd83c6f0b15240e50&request=GetTile&version=1.0.0&LAYER=img&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default&format=tiles", - layer: "tdtBasicLayer", - style: "default", - format: "image/jpeg", - tileMatrixSetID: "GoogleMapsCompatible", - maximumLevel: 18, - }), - // 地图选择器 - // baseLayerPicker: false, - selectionIndicator: false, //鼠标点击wms选择框 - infoBox: false, - timeline: false, - animation: false - }); + // imageryProvider: new Cesium.WebMapTileServiceImageryProvider({ + // url: `https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer`, + // // url: "http://t0.tianditu.com/img_w/wmts?service=wmts&tk=347521453441f82bd83c6f0b15240e50&request=GetTile&version=1.0.0&LAYER=img&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default&format=tiles", + // layer: "tdtBasicLayer", + // style: "default", + // format: "image/jpeg", + // tileMatrixSetID: "GoogleMapsCompatible", + // maximumLevel: 18, + // }), + // // 地图选择器 + // // baseLayerPicker: false, + // selectionIndicator: false, //鼠标点击wms选择框 + // infoBox: false, + // timeline: false, + // animation: false + // }); // 初始化工具类 viewTool.value = new ViewTool(viewer.value); markerTool.value = new MarkerTool(viewer.value); diff --git a/src/views/model/index1.vue b/src/views/model/index1.vue index bc0510c..61cb817 100644 --- a/src/views/model/index1.vue +++ b/src/views/model/index1.vue @@ -35,7 +35,8 @@ export default defineComponent({ fullscreenButton: false, imageryProvider: new Cesium.WebMapTileServiceImageryProvider({ - url: "http://t0.tianditu.com/img_w/wmts?service=wmts&tk=347521453441f82bd83c6f0b15240e50&request=GetTile&version=1.0.0&LAYER=img&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default&format=tiles", + url: `https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer`, + // url: "http://t0.tianditu.com/img_w/wmts?service=wmts&tk=347521453441f82bd83c6f0b15240e50&request=GetTile&version=1.0.0&LAYER=img&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default&format=tiles", layer: "tdtBasicLayer", style: "default", format: "image/jpeg", @@ -56,7 +57,8 @@ export default defineComponent({ }; const addLabel = (viewer:any) =>{ let labelLayer = new Cesium.WebMapTileServiceImageryProvider({ - url: "http://t0.tianditu.com/cia_w/wmts?service=wmts&tk=e3af6e89f787c2469373e3aea76f4d36&request=GetTile&version=1.0.0&LAYER=cia&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default.jpg", + url: `https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer`, + // url: "http://t0.tianditu.com/cia_w/wmts?service=wmts&tk=e3af6e89f787c2469373e3aea76f4d36&request=GetTile&version=1.0.0&LAYER=cia&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default.jpg", layer: "tdtImgAnnoLayer", style: "default", format: "image/jpeg", diff --git a/src/views/sand/index.vue b/src/views/sand/index.vue index bc0510c..a2803b0 100644 --- a/src/views/sand/index.vue +++ b/src/views/sand/index.vue @@ -35,7 +35,8 @@ export default defineComponent({ fullscreenButton: false, imageryProvider: new Cesium.WebMapTileServiceImageryProvider({ - url: "http://t0.tianditu.com/img_w/wmts?service=wmts&tk=347521453441f82bd83c6f0b15240e50&request=GetTile&version=1.0.0&LAYER=img&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default&format=tiles", + url: `https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer`, + // url: "http://t0.tianditu.com/img_w/wmts?service=wmts&tk=347521453441f82bd83c6f0b15240e50&request=GetTile&version=1.0.0&LAYER=img&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default&format=tiles", layer: "tdtBasicLayer", style: "default", format: "image/jpeg", @@ -56,7 +57,8 @@ export default defineComponent({ }; const addLabel = (viewer:any) =>{ let labelLayer = new Cesium.WebMapTileServiceImageryProvider({ - url: "http://t0.tianditu.com/cia_w/wmts?service=wmts&tk=e3af6e89f787c2469373e3aea76f4d36&request=GetTile&version=1.0.0&LAYER=cia&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default.jpg", + url: `https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer`, + // url: "http://t0.tianditu.com/cia_w/wmts?service=wmts&tk=e3af6e89f787c2469373e3aea76f4d36&request=GetTile&version=1.0.0&LAYER=cia&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default.jpg", layer: "tdtImgAnnoLayer", style: "default", format: "image/jpeg",