Skip to content
Projects
Groups
Snippets
Help
This project
Loading...
Sign in / Register
Toggle navigation
C
cesium-frame
Overview
Overview
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
jlc
cesium-frame
Commits
6359692e
Commit
6359692e
authored
Jul 29, 2024
by
jlc
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
update:坐标轴案例的添加
parent
ebd62502
Show whitespace changes
Inline
Side-by-side
Showing
6 changed files
with
139 additions
and
24 deletions
+139
-24
CoordinateAxis.png
src/assets/CoordinateAxis.png
+0
-0
CodeMap.js
src/examples/CodeMap.js
+22
-12
FunctionMap.js
src/examples/FunctionMap.js
+22
-12
coordinateAxis-function.js
...es/movingTarget/coordinateAxis/coordinateAxis-function.js
+69
-0
coordinateAxis.vue
src/examples/movingTarget/coordinateAxis/coordinateAxis.vue
+18
-0
ElementMap.js
src/views/ElementMap.js
+8
-0
No files found.
src/assets/CoordinateAxis.png
0 → 100644
View file @
6359692e
609 KB
src/examples/CodeMap.js
View file @
6359692e
// 测站
import
vueCodeAddStation
from
'@/examples/measureStation/addStation/addStation.vue?raw'
import
vueCodeStationCoordinate
from
'@/examples/measureStation/stationCoordinate/stationCoordinate.vue?raw'
// 动目标
import
vueCodeAircraft
from
'@/examples/movingTarget/aircraft/aircraft.vue?raw'
import
vueCodeCoordinateAxis
from
'@/examples/movingTarget/coordinateAxis/coordinateAxis.vue?raw'
import
vueCodeRocket
from
'@/examples/movingTarget/rocket/rocket.vue?raw'
// 图元
import
vueCodePoint
from
'@/examples/graphicElement/point/point.vue?raw'
import
vueCodePoint
from
'@/examples/graphicElement/point/point.vue?raw'
import
vueCodeLine
from
'@/examples/graphicElement/line/line.vue?raw'
import
vueCodeLine
from
'@/examples/graphicElement/line/line.vue?raw'
import
vueCodeMultiLine
from
'@/examples/graphicElement/multiLine/multiLine.vue?raw'
import
vueCodeMultiLine
from
'@/examples/graphicElement/multiLine/multiLine.vue?raw'
import
vueCodePlane
from
'@/examples/graphicElement/plane/plane.vue?raw'
import
vueCodePlane
from
'@/examples/graphicElement/plane/plane.vue?raw'
import
vueCodeCirclesAndEllipses
from
'@/examples/graphicElement/circlesAndEllipses/circlesAndEllipses.vue?raw'
import
vueCodeCirclesAndEllipses
from
'@/examples/graphicElement/circlesAndEllipses/circlesAndEllipses.vue?raw'
import
vueCodeBox
from
'@/examples/graphicElement/box/box.vue?raw'
import
vueCodeBox
from
'@/examples/graphicElement/box/box.vue?raw'
import
vueCodeStraightArrow
from
'@/examples/graphicElement/straightArrow/straightArrow.vue?raw'
import
vueCodeStraightArrow
from
'@/examples/graphicElement/straightArrow/straightArrow.vue?raw'
// 天气
import
vueCodeRain
from
'@/examples/weather/rain/rain.vue?raw'
import
vueCodeRain
from
'@/examples/weather/rain/rain.vue?raw'
import
vueCodeSnow
from
'@/examples/weather/snow/snow.vue?raw'
import
vueCodeSnow
from
'@/examples/weather/snow/snow.vue?raw'
import
vueCodeFog
from
'@/examples/weather/fog/fog.vue?raw'
import
vueCodeFog
from
'@/examples/weather/fog/fog.vue?raw'
import
vueCodeWaterSurface
from
'@/examples/weather/waterSurface/waterSurface.vue?raw'
import
vueCodeWaterSurface
from
'@/examples/weather/waterSurface/waterSurface.vue?raw'
import
vueCodeAddStation
from
'@/examples/measureStation/addStation/addStation.vue?raw'
import
vueCodeStationCoordinate
from
'@/examples/measureStation/stationCoordinate/stationCoordinate.vue?raw'
import
vueCodeAircraft
from
'@/examples/movingTarget/aircraft/aircraft.vue?raw'
import
vueCodeRocket
from
'@/examples/movingTarget/rocket/rocket.vue?raw'
const
vueCodeMap
=
{
const
vueCodeMap
=
{
// 测站
添加测站
:
vueCodeAddStation
,
测站坐标系
:
vueCodeStationCoordinate
,
// 动目标
飞机
:
vueCodeAircraft
,
坐标轴
:
vueCodeCoordinateAxis
,
火箭发射
:
vueCodeRocket
,
// 图元
点
:
vueCodePoint
,
点
:
vueCodePoint
,
线
:
vueCodeLine
,
线
:
vueCodeLine
,
多颜色线
:
vueCodeMultiLine
,
多颜色线
:
vueCodeMultiLine
,
...
@@ -27,16 +42,11 @@ const vueCodeMap = {
...
@@ -27,16 +42,11 @@ const vueCodeMap = {
盒子
:
vueCodeBox
,
盒子
:
vueCodeBox
,
直线箭头
:
vueCodeStraightArrow
,
直线箭头
:
vueCodeStraightArrow
,
// 天气
雨
:
vueCodeRain
,
雨
:
vueCodeRain
,
雪
:
vueCodeSnow
,
雪
:
vueCodeSnow
,
雾
:
vueCodeFog
,
雾
:
vueCodeFog
,
水面
:
vueCodeWaterSurface
,
水面
:
vueCodeWaterSurface
,
添加测站
:
vueCodeAddStation
,
测站坐标系
:
vueCodeStationCoordinate
,
飞机
:
vueCodeAircraft
,
火箭发射
:
vueCodeRocket
}
}
export
function
findVueCodeById
(
id
){
export
function
findVueCodeById
(
id
){
...
...
src/examples/FunctionMap.js
View file @
6359692e
// 测站
import
functionCodeAddStation
from
'@/examples/measureStation/addStation/addStation-function.js?raw'
import
functionCodeStationCoordinate
from
'@/examples/measureStation/stationCoordinate/stationCoordinate-function.js?raw'
// 动目标
import
functionCodeAircraft
from
'@/examples/movingTarget/aircraft/aircraft-function.js?raw'
import
functionCodeCoordinateAxis
from
'@/examples/movingTarget/coordinateAxis/coordinateAxis-function.js?raw'
import
functionCodeRocket
from
'@/examples/movingTarget/rocket/rocket-function.js?raw'
// 图元
import
functionCodePoint
from
'@/examples/graphicElement/point/point-function.js?raw'
import
functionCodePoint
from
'@/examples/graphicElement/point/point-function.js?raw'
import
functionCodeLine
from
'@/examples/graphicElement/line/line-function.js?raw'
import
functionCodeLine
from
'@/examples/graphicElement/line/line-function.js?raw'
import
functionCodeMultiLine
from
'@/examples/graphicElement/multiLine/multiLine-function.js?raw'
import
functionCodeMultiLine
from
'@/examples/graphicElement/multiLine/multiLine-function.js?raw'
import
functionCodePlane
from
'@/examples/graphicElement/plane/plane-function.js?raw'
import
functionCodePlane
from
'@/examples/graphicElement/plane/plane-function.js?raw'
import
functionCodeCirclesAndEllipses
from
'@/examples/graphicElement/circlesAndEllipses/circlesAndEllipses-function.js?raw'
import
functionCodeCirclesAndEllipses
from
'@/examples/graphicElement/circlesAndEllipses/circlesAndEllipses-function.js?raw'
import
functionBox
from
'@/examples/graphicElement/box/box-function.js?raw'
import
functionBox
from
'@/examples/graphicElement/box/box-function.js?raw'
import
functionStraightArrow
from
'@/examples/graphicElement/straightArrow/straightArrow-function.js?raw'
import
functionStraightArrow
from
'@/examples/graphicElement/straightArrow/straightArrow-function.js?raw'
// 天气
import
functionCodeRain
from
'@/examples/weather/rain/rain-function.js?raw'
import
functionCodeRain
from
'@/examples/weather/rain/rain-function.js?raw'
import
functionCodeSnow
from
'@/examples/weather/snow/snow-function.js?raw'
import
functionCodeSnow
from
'@/examples/weather/snow/snow-function.js?raw'
import
functionCodeFog
from
'@/examples/weather/fog/fog-function.js?raw'
import
functionCodeFog
from
'@/examples/weather/fog/fog-function.js?raw'
import
functionCodeWaterSurface
from
'@/examples/weather/waterSurface/waterSurface-function.js?raw'
import
functionCodeWaterSurface
from
'@/examples/weather/waterSurface/waterSurface-function.js?raw'
import
functionCodeAddStation
from
'@/examples/measureStation/addStation/addStation-function.js?raw'
import
functionCodeStationCoordinate
from
'@/examples/measureStation/stationCoordinate/stationCoordinate-function.js?raw'
import
functionCodeAircraft
from
'@/examples/movingTarget/aircraft/aircraft-function.js?raw'
import
functionCodeRocket
from
'@/examples/movingTarget/rocket/rocket-function.js?raw'
const
functionCodeMap
=
{
const
functionCodeMap
=
{
// 测站
添加测站
:
functionCodeAddStation
,
测站坐标系
:
functionCodeStationCoordinate
,
// 动目标
飞机
:
functionCodeAircraft
,
坐标轴
:
functionCodeCoordinateAxis
,
火箭发射
:
functionCodeRocket
,
// 图元
点
:
functionCodePoint
,
点
:
functionCodePoint
,
线
:
functionCodeLine
,
线
:
functionCodeLine
,
多颜色线
:
functionCodeMultiLine
,
多颜色线
:
functionCodeMultiLine
,
...
@@ -27,16 +42,11 @@ const functionCodeMap = {
...
@@ -27,16 +42,11 @@ const functionCodeMap = {
盒子
:
functionBox
,
盒子
:
functionBox
,
直线箭头
:
functionStraightArrow
,
直线箭头
:
functionStraightArrow
,
// 天气
雨
:
functionCodeRain
,
雨
:
functionCodeRain
,
雪
:
functionCodeSnow
,
雪
:
functionCodeSnow
,
雾
:
functionCodeFog
,
雾
:
functionCodeFog
,
水面
:
functionCodeWaterSurface
,
水面
:
functionCodeWaterSurface
,
添加测站
:
functionCodeAddStation
,
测站坐标系
:
functionCodeStationCoordinate
,
飞机
:
functionCodeAircraft
,
火箭发射
:
functionCodeRocket
}
}
export
function
findFunctionCodeById
(
id
){
export
function
findFunctionCodeById
(
id
){
...
...
src/examples/movingTarget/coordinateAxis/coordinateAxis-function.js
0 → 100644
View file @
6359692e
export
function
addCoordinateAxis
()
{
const
script
=
document
.
createElement
(
'script'
);
script
.
src
=
'https://cesium.com/downloads/cesiumjs/releases/1.99/Build/Cesium/Cesium.js'
;
script
.
onload
=
()
=>
{
window
.
Cesium
.
Ion
.
defaultAccessToken
=
'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiI3Njg4ZWU5Yi1iZDhiLTRhYmUtOTRiYS04YjM5NmUwNjVmMDMiLCJpZCI6MjI3MzQ3LCJpYXQiOjE3MjA1MjA4Mjh9.E5XW4LnwgfVAaBC-znaYr61m4yK0-j2qEQhi9qwFFPE'
const
viewer
=
new
window
.
Cesium
.
Viewer
(
'cesiumContainer'
,
{
infoBox
:
false
,
shouldAnimate
:
true
});
const
czml
=
[
{
id
:
"document"
,
name
:
"SpaceX"
,
version
:
"1.0"
,
clock
:
{
interval
:
"2019-08-28T04:00:00Z/2019-08-28T04:20:00Z"
,
currentTime
:
"2019-08-28T04:00:00.00Z"
,
multiplier
:
1
,
range
:
"LOOP_STOP"
,
step
:
"SYSTEM_CLOCK_MULTIPLIER"
}
},
{
id
:
"point"
,
name
:
"point"
,
position
:
{
cartographicDegrees
:
[
120.0
,
30.0
,
0
],
},
point
:
{
color
:
{
rgba
:
[
255
,
255
,
255
,
255
],
},
outlineColor
:
{
rgba
:
[
255
,
0
,
0
,
255
],
},
outlineWidth
:
4
,
pixelSize
:
20
,
},
},
];
var
dataSourcePromise
=
viewer
.
dataSources
.
add
(
Cesium
.
CzmlDataSource
.
load
(
czml
));
dataSourcePromise
.
then
(
function
(
dataSource
)
{
// 根据模型所在的实体去进行加载
viewer
.
trackedEntity
=
dataSource
.
entities
.
getById
(
'point'
);
let
matrix
=
viewer
.
trackedEntity
?.
computeModelMatrix
(
Cesium
.
JulianDate
.
fromIso8601
(
'2019-08-28T04:00:00.00Z'
))
// 通过调试的实体来绘制模型坐标轴
viewer
.
scene
.
primitives
.
add
(
new
Cesium
.
DebugModelMatrixPrimitive
({
// 加载模型偏移矩阵的图元
modelMatrix
:
matrix
,
// 设置偏移矩阵
length
:
100000
,
width
:
10
})
);
}).
catch
(
function
(
error
)
{
console
.
error
(
error
);
});
};
document
.
head
.
appendChild
(
script
);
const
link
=
document
.
createElement
(
'link'
);
link
.
rel
=
'stylesheet'
;
link
.
href
=
'https://cesium.com/downloads/cesiumjs/releases/1.119/Build/Cesium/Widgets/widgets.css'
;
document
.
head
.
appendChild
(
link
);
}
src/examples/movingTarget/coordinateAxis/coordinateAxis.vue
0 → 100644
View file @
6359692e
<
template
>
<div
id=
"cesiumContainer"
class=
"cesium-container"
></div>
</
template
>
<
script
setup
>
import
{
onMounted
}
from
'vue'
;
import
{
addCoordinateAxis
}
from
'./function'
;
onMounted
(()
=>
{
addCoordinateAxis
()
});
</
script
>
<
style
>
.cesium-container
{
width
:
100%
;
height
:
100vh
;
}
</
style
>
\ No newline at end of file
src/views/ElementMap.js
View file @
6359692e
...
@@ -17,10 +17,18 @@ export const elementStationMap = {
...
@@ -17,10 +17,18 @@ export const elementStationMap = {
}
}
export
const
elementMovingMap
=
{
export
const
elementMovingMap
=
{
车
:
{
title
:
'车'
,
pngUrl
:
'/src/assets/Aircraft.png'
},
飞机
:
{
飞机
:
{
title
:
'飞机'
,
title
:
'飞机'
,
pngUrl
:
'/src/assets/Aircraft.png'
pngUrl
:
'/src/assets/Aircraft.png'
},
},
坐标轴
:
{
title
:
'坐标轴'
,
pngUrl
:
'/src/assets/CoordinateAxis.png'
},
火箭发射
:
{
火箭发射
:
{
title
:
'火箭发射'
,
title
:
'火箭发射'
,
pngUrl
:
'/src/assets/Rocket.png'
pngUrl
:
'/src/assets/Rocket.png'
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment