LinYeFangHuo/src/views/chart/ContentConfigurations/components/hooks/useTargetData.hook.ts

299 lines
8.7 KiB
TypeScript

import { computed, Ref } from 'vue'
import { CreateComponentType, CreateComponentGroupType } from '@/packages/index.d'
import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore'
// 获取当前对象数据
export const useTargetData = () => {
const chartEditStore = useChartEditStore()
const targetData: Ref<CreateComponentType | CreateComponentGroupType> = computed(() => {
const list = chartEditStore.getComponentList
const targetIndex = chartEditStore.fetchTargetIndex()
return list[targetIndex]
})
// console.log("targetData",targetData.value.option.mapOptions);
// targetData.value.option.mapOptions = {
// "scene": {
// "center": {"lat":30.074253,"lng":126.353311,"alt":21803924.9,"heading":360,"pitch":-90},
// "scene3DOnly": false,
// "shadows": false,
// "removeDblClick": true,
// "sceneMode": 3,
// "showSun": true,
// "showMoon": true,
// "showSkyBox": true,
// "showSkyAtmosphere": true,
// "fog": true,
// "fxaa": true,
// "requestRenderMode": true,
// "contextOptions": {
// "requestWebgl1": false,
// "webgl": {
// "preserveDrawingBuffer": true
// }
// },
// "globe": {
// "depthTestAgainstTerrain": false,
// "baseColor": "#546a53",
// "showGroundAtmosphere": true,
// "enableLighting": false
// },
// "cameraController": {
// "zoomFactor": 3.0,
// "minimumZoomDistance": 1,
// "maximumZoomDistance": 50000000,
// "enableRotate": true,
// "enableTranslate": true,
// "enableTilt": true,
// "enableZoom": true,
// "enableCollisionDetection": true,
// "minimumCollisionTerrainHeight": 15000
// }
// },
// "control": {
// "homeButton": true,
// "baseLayerPicker": false,
// "sceneModePicker": true,
// "vrButton": false,
// "fullscreenButton": true,
// "navigationHelpButton": true,
// "animation": false,
// "timeline": false,
// "infoBox": false,
// "geocoder": false,
// "selectionIndicator": false,
// "showRenderLoopErrors": true,
// "contextmenu": {
// "hasDefault": true
// },
// "mouseDownView": true,
// "zoom": {
// "insertIndex": 1
// },
// "compass": {
// "bottom": "toolbar",
// "left": "5px"
// },
// "distanceLegend": {
// "left": "10px",
// "bottom": "2px"
// },
// "locationBar": {
// "crs": "CGCS2000_GK_Zone_3",
// "crsDecimal": 0,
// "template": "<div>经度:{lng}</div> <div>纬度:{lat}</div> <div class='hide1000'>横{crsx} 纵{crsy}</div> <div>海拔:{alt}米</div> <div class='hide700'>层级:{level}</div><div>方向:{heading}°</div> <div>俯仰角:{pitch}°</div><div class='hide700'>视高:{cameraHeight}米</div>"
// }
// },
// "method": {
// "templateValues": {
// "dataServer": "//data.mars3d.cn",
// "gltfServerUrl": "//data.mars3d.cn/gltf"
// }
// },
// "terrain": {
// "url": "//data.mars3d.cn/terrain",
// "show": true,
// "clip": true
// },
// "basemaps": [
// {
// "id": 10,
// "name": "地图底图",
// "type": "group"
// },
// {
// "pid": 10,
// "name": "天地图影像",
// "icon": "//data.mars3d.cn/img/thumbnail/basemap/tdt_img.png",
// "type": "group",
// "layers": [
// {
// "name": "底图",
// "type": "tdt",
// "layer": "img_d"
// },
// {
// "name": "注记",
// "type": "tdt",
// "layer": "img_z"
// }
// ],
// "show": false
// },
// {
// "pid": 10,
// "name": "天地图电子",
// "icon": "//data.mars3d.cn/img/thumbnail/basemap/tdt_vec.png",
// "type": "group",
// "layers": [
// {
// "name": "底图",
// "type": "tdt",
// "layer": "vec_d"
// },
// {
// "name": "注记",
// "type": "tdt",
// "layer": "vec_z"
// }
// ]
// },
// {
// "id": 2021,
// "pid": 10,
// "name": "高德影像",
// "type": "group",
// "icon": "//data.mars3d.cn/img/thumbnail/basemap/gaode_img.png",
// "layers": [
// {
// "name": "底图",
// "type": "gaode",
// "layer": "img_d"
// },
// {
// "name": "注记",
// "type": "gaode",
// "layer": "img_z"
// }
// ],
// "show": true
// },
// {
// "pid": 10,
// "name": "高德电子",
// "type": "gaode",
// "icon": "//data.mars3d.cn/img/thumbnail/basemap/gaode_vec.png",
// "layer": "vec"
// },
// {
// "pid": 10,
// "name": "百度影像",
// "type": "group",
// "icon": "//data.mars3d.cn/img/thumbnail/basemap/bd-img.png",
// "layers": [
// {
// "name": "底图",
// "type": "baidu",
// "layer": "img_d"
// },
// {
// "name": "注记",
// "type": "baidu",
// "layer": "img_z"
// }
// ]
// },
// {
// "pid": 10,
// "name": "百度电子",
// "icon": "//data.mars3d.cn/img/thumbnail/basemap/bd-vec.png",
// "type": "baidu",
// "layer": "vec"
// },
// {
// "pid": 10,
// "name": "腾讯影像",
// "icon": "//data.mars3d.cn/img/thumbnail/basemap/tencent_img.png",
// "type": "group",
// "layers": [
// {
// "name": "底图",
// "type": "tencent",
// "layer": "img_d"
// },
// {
// "name": "注记",
// "type": "tencent",
// "layer": "img_z"
// }
// ]
// },
// {
// "pid": 10,
// "name": "腾讯电子",
// "icon": "//data.mars3d.cn/img/thumbnail/basemap/tencent_vec.png",
// "type": "tencent",
// "layer": "vec"
// },
// {
// "pid": 10,
// "name": "ArcGIS影像",
// "icon": "//data.mars3d.cn/img/thumbnail/basemap/esriWorldImagery.png",
// "type": "xyz",
// "url": "https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}",
// "enablePickFeatures": false
// },
// {
// "pid": 10,
// "name": "微软影像",
// "icon": "//data.mars3d.cn/img/thumbnail/basemap/bingAerial.png",
// "type": "bing",
// "layer": "Aerial"
// },
// {
// "id": 2017,
// "pid": 10,
// "name": "蓝色底图",
// "icon": "//data.mars3d.cn/img/thumbnail/basemap/bd-c-midnight.png",
// "type": "gaode",
// "layer": "vec",
// "chinaCRS": "GCJ02",
// "invertColor": true,
// "filterColor": "#4e70a6",
// "brightness": 0.6,
// "contrast": 1.8,
// "gamma": 0.3,
// "hue": 1,
// "saturation": 0
// },
// {
// "pid": 10,
// "name": "黑色底图",
// "icon": "//data.mars3d.cn/img/thumbnail/basemap/bd-c-dark.png",
// "type": "gaode",
// "layer": "vec",
// "chinaCRS": "GCJ02",
// "invertColor": true,
// "filterColor": "#909090",
// "brightness": 0.6,
// "contrast": 1.8,
// "gamma": 0.3,
// "hue": 1,
// "saturation": 0
// },
// {
// "pid": 10,
// "name": "离线影像地图 (供参考)",
// "icon": "//data.mars3d.cn/img/thumbnail/basemap/google_img.png",
// "type": "xyz",
// "url": "{dataServer}/tile/img/{z}/{x}/{y}.jpg",
// "chinaCRS": "GCJ02",
// "maximumLevel": 13
// },
// {
// "pid": 10,
// "name": "单张图片 (本地离线)",
// "icon": "//data.mars3d.cn/img/thumbnail/basemap/offline.png",
// "type": "image",
// "url": "//data.mars3d.cn/img/map/world/world.jpg"
// },
// {
// "id": 2023,
// "pid": 10,
// "name": "无底图",
// "icon": "//data.mars3d.cn/img/thumbnail/basemap/null.png",
// "type": "grid",
// "color": "#ffffff",
// "alpha": 0.03,
// "cells": 2
// }
// ],
// "layers":[]
// };
console.log("targetData",targetData)
return { targetData, chartEditStore }
}