Compare commits
2 Commits
b529a3f893
...
987a5ee57c
| Author | SHA1 | Date |
|---|---|---|
 徐景良
|
987a5ee57c | |
|
徐景良
|
5ac4c2367b |
|
|
@ -138,6 +138,9 @@
|
|||
"shpjs":"^6.1.0",
|
||||
"js-base64":"3.7.7",
|
||||
"monaco-editor": "^0.33.0",
|
||||
"mars3d": "~3.8.8",
|
||||
"@turf/turf": "^7.1.0",
|
||||
"mars3d-cesium": "~1.124.0",
|
||||
"@codemirror/lang-javascript": "^6.2.2",
|
||||
"@codemirror/language": "^6.10.8",
|
||||
"@codemirror/state": "^6.5.1",
|
||||
|
|
|
|||
Binary file not shown.
|
After Width: | Height: | Size: 39 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 724 KiB |
|
|
@ -23,6 +23,11 @@ import '../lib/vform/designer.style.css';
|
|||
|
||||
import Antd from 'ant-design-vue';
|
||||
import { signal } from './utils/signalR';
|
||||
|
||||
// 火星地图
|
||||
import "mars3d-cesium/Build/Cesium/Widgets/widgets.css"
|
||||
import "mars3d/mars3d.css"
|
||||
|
||||
// 新增
|
||||
// 引入全局样式
|
||||
import '@/styles/pages/index.scss';
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,276 @@
|
|||
<template>
|
||||
<collapse-item name="地图场景" :expanded="true">
|
||||
|
||||
|
||||
<setting-item-box name="经度" :alone="true">
|
||||
<n-input-number v-model:value="optionData.mapOptions.scene.center.lng" :show-button="false" size="small">
|
||||
<template #suffix>°</template>
|
||||
</n-input-number>
|
||||
</setting-item-box>
|
||||
|
||||
<setting-item-box name="纬度" :alone="true">
|
||||
<n-input-number v-model:value="optionData.mapOptions.scene.center.lat" :show-button="false" size="small">
|
||||
<template #suffix>°</template>
|
||||
</n-input-number>
|
||||
</setting-item-box>
|
||||
|
||||
<setting-item-box name="高度值" :alone="true">
|
||||
<n-input-number v-model:value="optionData.mapOptions.scene.center.alt" :min="0" size="small"></n-input-number>
|
||||
</setting-item-box>
|
||||
|
||||
<setting-item-box name="方向角度" :alone="true">
|
||||
<n-input-number v-model:value="optionData.mapOptions.scene.center.heading" :min="0" size="small"></n-input-number>
|
||||
</setting-item-box>
|
||||
|
||||
<setting-item-box name="俯仰角" :alone="true">
|
||||
<n-input-number v-model:value="optionData.mapOptions.scene.center.pitch" :min="-90" size="small"></n-input-number>
|
||||
</setting-item-box>
|
||||
|
||||
|
||||
<setting-item-box name="是否显示太阳" :alone="true">
|
||||
<setting-item>
|
||||
<n-space>
|
||||
<n-switch v-model:value="optionData.mapOptions.scene.showSun" size="small" />
|
||||
<n-text>是否显示</n-text>
|
||||
</n-space>
|
||||
</setting-item>
|
||||
</setting-item-box>
|
||||
|
||||
|
||||
<setting-item-box name="是否显示月亮" :alone="true">
|
||||
<setting-item>
|
||||
<n-space>
|
||||
<n-switch v-model:value="optionData.mapOptions.scene.showMoon" size="small" />
|
||||
<n-text>是否显示</n-text>
|
||||
</n-space>
|
||||
</setting-item>
|
||||
</setting-item-box>
|
||||
|
||||
<setting-item-box name="是否显示默认天空盒" :alone="true">
|
||||
<setting-item>
|
||||
<n-space>
|
||||
<n-switch v-model:value="optionData.mapOptions.scene.showSkyBox" size="small" />
|
||||
<n-text>是否显示</n-text>
|
||||
</n-space>
|
||||
</setting-item>
|
||||
</setting-item-box>
|
||||
|
||||
<setting-item-box name="是否显示地球大气层外光圈" :alone="true">
|
||||
<setting-item>
|
||||
<n-space>
|
||||
<n-switch v-model:value="optionData.mapOptions.scene.showSkyAtmosphere" size="small" />
|
||||
<n-text>是否显示</n-text>
|
||||
</n-space>
|
||||
</setting-item>
|
||||
</setting-item-box>
|
||||
|
||||
<setting-item-box name="是否启用雾化效果" :alone="true">
|
||||
<setting-item>
|
||||
<n-space>
|
||||
<n-switch v-model:value="optionData.mapOptions.scene.fog" size="small" />
|
||||
<n-text>是否显示</n-text>
|
||||
</n-space>
|
||||
</setting-item>
|
||||
</setting-item-box>
|
||||
|
||||
<setting-item-box name="是否开启快速抗锯齿" :alone="true">
|
||||
<setting-item>
|
||||
<n-space>
|
||||
<n-switch v-model:value="optionData.mapOptions.showLabel" size="small" />
|
||||
<n-text>是否显示</n-text>
|
||||
</n-space>
|
||||
</setting-item>
|
||||
</setting-item-box>
|
||||
|
||||
</collapse-item>
|
||||
|
||||
<collapse-item name="地图控件" :expanded="true">
|
||||
|
||||
<setting-item-box name="底图切换按钮" :alone="true">
|
||||
<setting-item>
|
||||
<n-space>
|
||||
<n-switch v-model:value="optionData.mapOptions.control.baseLayerPicker" size="small" />
|
||||
<n-text>是否显示</n-text>
|
||||
</n-space>
|
||||
</setting-item>
|
||||
</setting-item-box>
|
||||
|
||||
<setting-item-box name="视角复位按钮" :alone="true">
|
||||
<setting-item>
|
||||
<n-space>
|
||||
<n-switch v-model:value="optionData.mapOptions.control.homeButton" size="small" />
|
||||
<n-text>是否显示</n-text>
|
||||
</n-space>
|
||||
</setting-item>
|
||||
</setting-item-box>
|
||||
|
||||
<setting-item-box name="二三维切换按钮" :alone="true">
|
||||
<setting-item>
|
||||
<n-space>
|
||||
<n-switch v-model:value="optionData.mapOptions.control.sceneModePicker" size="small" />
|
||||
<n-text>是否显示</n-text>
|
||||
</n-space>
|
||||
</setting-item>
|
||||
</setting-item-box>
|
||||
|
||||
<setting-item-box name="全屏按钮" :alone="true">
|
||||
<setting-item>
|
||||
<n-space>
|
||||
<n-switch v-model:value="optionData.mapOptions.control.fullscreenButton" size="small" />
|
||||
<n-text>是否显示</n-text>
|
||||
</n-space>
|
||||
</setting-item>
|
||||
</setting-item-box>
|
||||
|
||||
|
||||
|
||||
</collapse-item>
|
||||
|
||||
<collapse-item name="地形设置" :expanded="true">
|
||||
|
||||
<setting-item-box name="是否开启地形" :alone="true">
|
||||
<setting-item>
|
||||
<n-space>
|
||||
<n-switch v-model:value="optionData.mapOptions.terrain.show" size="small" />
|
||||
<n-text>是否显示</n-text>
|
||||
</n-space>
|
||||
</setting-item>
|
||||
</setting-item-box>
|
||||
|
||||
</collapse-item>
|
||||
<!--
|
||||
<collapse-item name="底图图层" :expanded="true">
|
||||
|
||||
</collapse-item> -->
|
||||
|
||||
<collapse-item name="右键菜单" :expanded="true">
|
||||
|
||||
|
||||
|
||||
</collapse-item>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { PropType } from 'vue'
|
||||
import { option, MarkerEnum, ThemeEnum, LangEnum, ViewModeEnum, ShowHideEnum, FeaturesEnum } from './config'
|
||||
import { CollapseItem, SettingItemBox, SettingItem } from '@/components/Pages/ChartItemSetting'
|
||||
|
||||
const props = defineProps({
|
||||
optionData: {
|
||||
type: Object as PropType<typeof option>,
|
||||
required: true
|
||||
}
|
||||
}
|
||||
)
|
||||
|
||||
console.log("props.optionData",props.optionData);
|
||||
|
||||
|
||||
|
||||
const themeOptions = [
|
||||
{
|
||||
value: ThemeEnum.NORMAL,
|
||||
label: '标准'
|
||||
},
|
||||
{
|
||||
value: ThemeEnum.DARK,
|
||||
label: '幻影黑'
|
||||
},
|
||||
{
|
||||
value: ThemeEnum.LIGHT,
|
||||
label: '月光银'
|
||||
},
|
||||
{
|
||||
value: ThemeEnum.WHITES_MOKE,
|
||||
label: '远山黛'
|
||||
},
|
||||
{
|
||||
value: ThemeEnum.FRESH,
|
||||
label: '草色青'
|
||||
},
|
||||
{
|
||||
value: ThemeEnum.GREY,
|
||||
label: '雅士灰'
|
||||
},
|
||||
{
|
||||
value: ThemeEnum.GRAFFITI,
|
||||
label: '涂鸦'
|
||||
},
|
||||
{
|
||||
value: ThemeEnum.MACARON,
|
||||
label: '马卡龙'
|
||||
},
|
||||
{
|
||||
value: ThemeEnum.BLUE,
|
||||
label: '靛青蓝'
|
||||
},
|
||||
{
|
||||
value: ThemeEnum.DARKBLUE,
|
||||
label: '极夜蓝'
|
||||
},
|
||||
{
|
||||
value: ThemeEnum.WINE,
|
||||
label: '酱籽'
|
||||
}
|
||||
]
|
||||
|
||||
const langOptions = [
|
||||
{
|
||||
value: LangEnum.ZH_CN,
|
||||
label: '中文简体'
|
||||
},
|
||||
{
|
||||
value: LangEnum.EN,
|
||||
label: '英文'
|
||||
},
|
||||
{
|
||||
value: LangEnum.ZH_EN,
|
||||
label: '中英文对照'
|
||||
}
|
||||
]
|
||||
|
||||
const viewModeOptions = [
|
||||
{
|
||||
value: ViewModeEnum.PLANE,
|
||||
label: '2D'
|
||||
},
|
||||
{
|
||||
value: ViewModeEnum.STEREOSCOPIC,
|
||||
label: '3D'
|
||||
}
|
||||
]
|
||||
|
||||
const featuresOptions = [
|
||||
{
|
||||
value: FeaturesEnum.BG,
|
||||
label: '区域面'
|
||||
},
|
||||
{
|
||||
value: FeaturesEnum.POINT,
|
||||
label: '标注'
|
||||
},
|
||||
{
|
||||
value: FeaturesEnum.ROAD,
|
||||
label: '道路'
|
||||
},
|
||||
{
|
||||
value: FeaturesEnum.BUILDING,
|
||||
label: '建筑物'
|
||||
}
|
||||
]
|
||||
|
||||
const MarkerOptions = [
|
||||
{
|
||||
value: MarkerEnum.CIRCLE_MARKER,
|
||||
label: '圆形标点'
|
||||
},
|
||||
{
|
||||
value: MarkerEnum.MARKER,
|
||||
label: '定位标点'
|
||||
},
|
||||
{
|
||||
value: MarkerEnum.NONE,
|
||||
label: '隐藏标点'
|
||||
}
|
||||
]
|
||||
</script>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
{
|
||||
"markers": [
|
||||
{
|
||||
"name": "某某地市",
|
||||
"value": 10,
|
||||
"position": [116.300467, 39.907761]
|
||||
},
|
||||
{
|
||||
"name": "某某地市",
|
||||
"value": 15,
|
||||
"position": [116.400567, 39.908761]
|
||||
},
|
||||
{
|
||||
"name": "某某地市",
|
||||
"value": 20,
|
||||
"position": [116.200467, 39.937761]
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
@ -0,0 +1,14 @@
|
|||
import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
|
||||
import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
|
||||
|
||||
export const MapLayerConfig: ConfigType = {
|
||||
key: 'MapLayer',
|
||||
chartKey: 'VMapLayer',
|
||||
conKey: 'VCMapLayer',
|
||||
title: '图层管理',
|
||||
category: ChatCategoryEnum.MAP,
|
||||
categoryName: ChatCategoryEnumName.MAP,
|
||||
package: PackagesCategoryEnum.CHARTS,
|
||||
chartFrame: ChartFrameEnum.COMMON,
|
||||
image: 'map-layer.png'
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
File diff suppressed because it is too large
Load Diff
|
|
@ -0,0 +1,276 @@
|
|||
<template>
|
||||
<collapse-item name="地图场景" :expanded="true">
|
||||
|
||||
|
||||
<setting-item-box name="经度" :alone="true">
|
||||
<n-input-number v-model:value="optionData.mapOptions.scene.center.lng" :show-button="false" size="small">
|
||||
<template #suffix>°</template>
|
||||
</n-input-number>
|
||||
</setting-item-box>
|
||||
|
||||
<setting-item-box name="纬度" :alone="true">
|
||||
<n-input-number v-model:value="optionData.mapOptions.scene.center.lat" :show-button="false" size="small">
|
||||
<template #suffix>°</template>
|
||||
</n-input-number>
|
||||
</setting-item-box>
|
||||
|
||||
<setting-item-box name="高度值" :alone="true">
|
||||
<n-input-number v-model:value="optionData.mapOptions.scene.center.alt" :min="0" size="small"></n-input-number>
|
||||
</setting-item-box>
|
||||
|
||||
<setting-item-box name="方向角度" :alone="true">
|
||||
<n-input-number v-model:value="optionData.mapOptions.scene.center.heading" :min="0" size="small"></n-input-number>
|
||||
</setting-item-box>
|
||||
|
||||
<setting-item-box name="俯仰角" :alone="true">
|
||||
<n-input-number v-model:value="optionData.mapOptions.scene.center.pitch" :min="-90" size="small"></n-input-number>
|
||||
</setting-item-box>
|
||||
|
||||
|
||||
<setting-item-box name="是否显示太阳" :alone="true">
|
||||
<setting-item>
|
||||
<n-space>
|
||||
<n-switch v-model:value="optionData.mapOptions.scene.showSun" size="small" />
|
||||
<n-text>是否显示</n-text>
|
||||
</n-space>
|
||||
</setting-item>
|
||||
</setting-item-box>
|
||||
|
||||
|
||||
<setting-item-box name="是否显示月亮" :alone="true">
|
||||
<setting-item>
|
||||
<n-space>
|
||||
<n-switch v-model:value="optionData.mapOptions.scene.showMoon" size="small" />
|
||||
<n-text>是否显示</n-text>
|
||||
</n-space>
|
||||
</setting-item>
|
||||
</setting-item-box>
|
||||
|
||||
<setting-item-box name="是否显示默认天空盒" :alone="true">
|
||||
<setting-item>
|
||||
<n-space>
|
||||
<n-switch v-model:value="optionData.mapOptions.scene.showSkyBox" size="small" />
|
||||
<n-text>是否显示</n-text>
|
||||
</n-space>
|
||||
</setting-item>
|
||||
</setting-item-box>
|
||||
|
||||
<setting-item-box name="是否显示地球大气层外光圈" :alone="true">
|
||||
<setting-item>
|
||||
<n-space>
|
||||
<n-switch v-model:value="optionData.mapOptions.scene.showSkyAtmosphere" size="small" />
|
||||
<n-text>是否显示</n-text>
|
||||
</n-space>
|
||||
</setting-item>
|
||||
</setting-item-box>
|
||||
|
||||
<setting-item-box name="是否启用雾化效果" :alone="true">
|
||||
<setting-item>
|
||||
<n-space>
|
||||
<n-switch v-model:value="optionData.mapOptions.scene.fog" size="small" />
|
||||
<n-text>是否显示</n-text>
|
||||
</n-space>
|
||||
</setting-item>
|
||||
</setting-item-box>
|
||||
|
||||
<setting-item-box name="是否开启快速抗锯齿" :alone="true">
|
||||
<setting-item>
|
||||
<n-space>
|
||||
<n-switch v-model:value="optionData.mapOptions.showLabel" size="small" />
|
||||
<n-text>是否显示</n-text>
|
||||
</n-space>
|
||||
</setting-item>
|
||||
</setting-item-box>
|
||||
|
||||
</collapse-item>
|
||||
|
||||
<collapse-item name="地图控件" :expanded="true">
|
||||
|
||||
<setting-item-box name="底图切换按钮" :alone="true">
|
||||
<setting-item>
|
||||
<n-space>
|
||||
<n-switch v-model:value="optionData.mapOptions.control.baseLayerPicker" size="small" />
|
||||
<n-text>是否显示</n-text>
|
||||
</n-space>
|
||||
</setting-item>
|
||||
</setting-item-box>
|
||||
|
||||
<setting-item-box name="视角复位按钮" :alone="true">
|
||||
<setting-item>
|
||||
<n-space>
|
||||
<n-switch v-model:value="optionData.mapOptions.control.homeButton" size="small" />
|
||||
<n-text>是否显示</n-text>
|
||||
</n-space>
|
||||
</setting-item>
|
||||
</setting-item-box>
|
||||
|
||||
<setting-item-box name="二三维切换按钮" :alone="true">
|
||||
<setting-item>
|
||||
<n-space>
|
||||
<n-switch v-model:value="optionData.mapOptions.control.sceneModePicker" size="small" />
|
||||
<n-text>是否显示</n-text>
|
||||
</n-space>
|
||||
</setting-item>
|
||||
</setting-item-box>
|
||||
|
||||
<setting-item-box name="全屏按钮" :alone="true">
|
||||
<setting-item>
|
||||
<n-space>
|
||||
<n-switch v-model:value="optionData.mapOptions.control.fullscreenButton" size="small" />
|
||||
<n-text>是否显示</n-text>
|
||||
</n-space>
|
||||
</setting-item>
|
||||
</setting-item-box>
|
||||
|
||||
|
||||
|
||||
</collapse-item>
|
||||
|
||||
<collapse-item name="地形设置" :expanded="true">
|
||||
|
||||
<setting-item-box name="是否开启地形" :alone="true">
|
||||
<setting-item>
|
||||
<n-space>
|
||||
<n-switch v-model:value="optionData.mapOptions.terrain.show" size="small" />
|
||||
<n-text>是否显示</n-text>
|
||||
</n-space>
|
||||
</setting-item>
|
||||
</setting-item-box>
|
||||
|
||||
</collapse-item>
|
||||
<!--
|
||||
<collapse-item name="底图图层" :expanded="true">
|
||||
|
||||
</collapse-item> -->
|
||||
|
||||
<collapse-item name="右键菜单" :expanded="true">
|
||||
|
||||
|
||||
|
||||
</collapse-item>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
import { PropType } from 'vue'
|
||||
import { option, MarkerEnum, ThemeEnum, LangEnum, ViewModeEnum, ShowHideEnum, FeaturesEnum } from './config'
|
||||
import { CollapseItem, SettingItemBox, SettingItem } from '@/components/Pages/ChartItemSetting'
|
||||
|
||||
const props = defineProps({
|
||||
optionData: {
|
||||
type: Object as PropType<typeof option>,
|
||||
required: true
|
||||
}
|
||||
}
|
||||
)
|
||||
|
||||
console.log("props.optionData",props.optionData);
|
||||
|
||||
|
||||
|
||||
const themeOptions = [
|
||||
{
|
||||
value: ThemeEnum.NORMAL,
|
||||
label: '标准'
|
||||
},
|
||||
{
|
||||
value: ThemeEnum.DARK,
|
||||
label: '幻影黑'
|
||||
},
|
||||
{
|
||||
value: ThemeEnum.LIGHT,
|
||||
label: '月光银'
|
||||
},
|
||||
{
|
||||
value: ThemeEnum.WHITES_MOKE,
|
||||
label: '远山黛'
|
||||
},
|
||||
{
|
||||
value: ThemeEnum.FRESH,
|
||||
label: '草色青'
|
||||
},
|
||||
{
|
||||
value: ThemeEnum.GREY,
|
||||
label: '雅士灰'
|
||||
},
|
||||
{
|
||||
value: ThemeEnum.GRAFFITI,
|
||||
label: '涂鸦'
|
||||
},
|
||||
{
|
||||
value: ThemeEnum.MACARON,
|
||||
label: '马卡龙'
|
||||
},
|
||||
{
|
||||
value: ThemeEnum.BLUE,
|
||||
label: '靛青蓝'
|
||||
},
|
||||
{
|
||||
value: ThemeEnum.DARKBLUE,
|
||||
label: '极夜蓝'
|
||||
},
|
||||
{
|
||||
value: ThemeEnum.WINE,
|
||||
label: '酱籽'
|
||||
}
|
||||
]
|
||||
|
||||
const langOptions = [
|
||||
{
|
||||
value: LangEnum.ZH_CN,
|
||||
label: '中文简体'
|
||||
},
|
||||
{
|
||||
value: LangEnum.EN,
|
||||
label: '英文'
|
||||
},
|
||||
{
|
||||
value: LangEnum.ZH_EN,
|
||||
label: '中英文对照'
|
||||
}
|
||||
]
|
||||
|
||||
const viewModeOptions = [
|
||||
{
|
||||
value: ViewModeEnum.PLANE,
|
||||
label: '2D'
|
||||
},
|
||||
{
|
||||
value: ViewModeEnum.STEREOSCOPIC,
|
||||
label: '3D'
|
||||
}
|
||||
]
|
||||
|
||||
const featuresOptions = [
|
||||
{
|
||||
value: FeaturesEnum.BG,
|
||||
label: '区域面'
|
||||
},
|
||||
{
|
||||
value: FeaturesEnum.POINT,
|
||||
label: '标注'
|
||||
},
|
||||
{
|
||||
value: FeaturesEnum.ROAD,
|
||||
label: '道路'
|
||||
},
|
||||
{
|
||||
value: FeaturesEnum.BUILDING,
|
||||
label: '建筑物'
|
||||
}
|
||||
]
|
||||
|
||||
const MarkerOptions = [
|
||||
{
|
||||
value: MarkerEnum.CIRCLE_MARKER,
|
||||
label: '圆形标点'
|
||||
},
|
||||
{
|
||||
value: MarkerEnum.MARKER,
|
||||
label: '定位标点'
|
||||
},
|
||||
{
|
||||
value: MarkerEnum.NONE,
|
||||
label: '隐藏标点'
|
||||
}
|
||||
]
|
||||
</script>
|
||||
|
|
@ -0,0 +1,19 @@
|
|||
{
|
||||
"markers": [
|
||||
{
|
||||
"name": "某某地市",
|
||||
"value": 10,
|
||||
"position": [116.300467, 39.907761]
|
||||
},
|
||||
{
|
||||
"name": "某某地市",
|
||||
"value": 15,
|
||||
"position": [116.400567, 39.908761]
|
||||
},
|
||||
{
|
||||
"name": "某某地市",
|
||||
"value": 20,
|
||||
"position": [116.200467, 39.937761]
|
||||
}
|
||||
]
|
||||
}
|
||||
|
|
@ -0,0 +1,14 @@
|
|||
import { ConfigType, PackagesCategoryEnum, ChartFrameEnum } from '@/packages/index.d'
|
||||
import { ChatCategoryEnum, ChatCategoryEnumName } from '../../index.d'
|
||||
|
||||
export const Mars3dConfig: ConfigType = {
|
||||
key: 'MapMars3d',
|
||||
chartKey: 'VMapMars3d',
|
||||
conKey: 'VCMapMars3d',
|
||||
title: '火星地图',
|
||||
category: ChatCategoryEnum.MAP,
|
||||
categoryName: ChatCategoryEnumName.MAP,
|
||||
package: PackagesCategoryEnum.CHARTS,
|
||||
chartFrame: ChartFrameEnum.COMMON,
|
||||
image: 'mars-3d.png'
|
||||
}
|
||||
File diff suppressed because it is too large
Load Diff
|
|
@ -1,4 +1,6 @@
|
|||
import { MapBaseConfig } from './MapBase/index'
|
||||
import { MapAmapConfig } from './MapAmap/index'
|
||||
import {Mars3dConfig} from './MapMars3d'
|
||||
import { MapLayerConfig } from './MapLayer'
|
||||
|
||||
export default [MapBaseConfig, MapAmapConfig]
|
||||
export default [MapBaseConfig, MapAmapConfig,Mars3dConfig,MapLayerConfig]
|
||||
|
|
|
|||
|
|
@ -10,5 +10,289 @@ export const useTargetData = () => {
|
|||
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 }
|
||||
}
|
||||
|
|
|
|||
|
|
@ -43,6 +43,7 @@ export const dragHandle = async (e: DragEvent) => {
|
|||
chartEditStore.setTargetSelectChart(newComponent.id)
|
||||
loadingFinish()
|
||||
} catch (error) {
|
||||
console.log("error",error);
|
||||
loadingError()
|
||||
console.log('contentedit')
|
||||
window['$message'].warning(`图表正在研发中, 敬请期待...`)
|
||||
|
|
|
|||
|
|
@ -1,4 +1,5 @@
|
|||
import { defineApplicationConfig } from '@vben/vite-config';
|
||||
import {mars3dPlugin} from 'vite-plugin-mars3d';
|
||||
|
||||
export default defineApplicationConfig({
|
||||
overrides: {
|
||||
|
|
@ -57,6 +58,8 @@ export default defineApplicationConfig({
|
|||
},
|
||||
},
|
||||
},
|
||||
plugins: [],
|
||||
plugins: [
|
||||
mars3dPlugin()
|
||||
],
|
||||
},
|
||||
});
|
||||
|
|
|
|||
Loading…
Reference in New Issue