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
326baff1
Commit
326baff1
authored
Jul 30, 2024
by
jlc
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
update:添加圆形空间网格案例
parent
ed547f2a
Hide whitespace changes
Inline
Side-by-side
Showing
6 changed files
with
100 additions
and
0 deletions
+100
-0
CircularSpaceGrid.png
src/assets/CircularSpaceGrid.png
+0
-0
CodeMap.js
src/examples/CodeMap.js
+2
-0
FunctionMap.js
src/examples/FunctionMap.js
+2
-0
circularSpaceGrid-function.js
.../sceneSet/circularSpaceGrid/circularSpaceGrid-function.js
+74
-0
circularSpaceGrid.vue
...examples/sceneSet/circularSpaceGrid/circularSpaceGrid.vue
+18
-0
ElementMap.js
src/views/ElementMap.js
+4
-0
No files found.
src/assets/CircularSpaceGrid.png
0 → 100644
View file @
326baff1
749 KB
src/examples/CodeMap.js
View file @
326baff1
...
@@ -26,6 +26,7 @@ import vueCodeJingweiNetwork3D from '@/examples/sceneSet/jingweiNetwork3D/jingwe
...
@@ -26,6 +26,7 @@ import vueCodeJingweiNetwork3D from '@/examples/sceneSet/jingweiNetwork3D/jingwe
import
vueCodeSceneInfo
from
'@/examples/sceneSet/sceneInfo/sceneInfo.vue?raw'
import
vueCodeSceneInfo
from
'@/examples/sceneSet/sceneInfo/sceneInfo.vue?raw'
import
vueCodeSceneScreenshot
from
'@/examples/sceneSet/sceneScreenshot/sceneScreenshot.vue?raw'
import
vueCodeSceneScreenshot
from
'@/examples/sceneSet/sceneScreenshot/sceneScreenshot.vue?raw'
import
vueCodeJingweiNetwork2D
from
'@/examples/sceneSet/jingweiNetwork2D/jingweiNetwork2D.vue?raw'
import
vueCodeJingweiNetwork2D
from
'@/examples/sceneSet/jingweiNetwork2D/jingweiNetwork2D.vue?raw'
import
vueCodeCircularSpaceGrid
from
'@/examples/sceneSet/circularSpaceGrid/circularSpaceGrid.vue?raw'
import
vueCodeEarthCoordinate
from
'@/examples/sceneSet/earthCoordinate/earthCoordinate.vue?raw'
import
vueCodeEarthCoordinate
from
'@/examples/sceneSet/earthCoordinate/earthCoordinate.vue?raw'
import
vueCodeMapx
from
'@/examples/sceneSet/mapx/mapx.vue?raw'
import
vueCodeMapx
from
'@/examples/sceneSet/mapx/mapx.vue?raw'
...
@@ -66,6 +67,7 @@ const vueCodeMap = {
...
@@ -66,6 +67,7 @@ const vueCodeMap = {
场景信息
:
vueCodeSceneInfo
,
场景信息
:
vueCodeSceneInfo
,
场景截图
:
vueCodeSceneScreenshot
,
场景截图
:
vueCodeSceneScreenshot
,
经纬网络
2
D
:
vueCodeJingweiNetwork2D
,
经纬网络
2
D
:
vueCodeJingweiNetwork2D
,
圆形空间网格
:
vueCodeCircularSpaceGrid
,
地球坐标系
:
vueCodeEarthCoordinate
,
地球坐标系
:
vueCodeEarthCoordinate
,
鹰眼图
:
vueCodeMapx
,
鹰眼图
:
vueCodeMapx
,
...
...
src/examples/FunctionMap.js
View file @
326baff1
...
@@ -26,6 +26,7 @@ import functionCodeJingweiNetwork3D from '@/examples/sceneSet/jingweiNetwork3D/j
...
@@ -26,6 +26,7 @@ import functionCodeJingweiNetwork3D from '@/examples/sceneSet/jingweiNetwork3D/j
import
functionCodeSceneInfo
from
'@/examples/sceneSet/sceneInfo/sceneInfo-function.js?raw'
import
functionCodeSceneInfo
from
'@/examples/sceneSet/sceneInfo/sceneInfo-function.js?raw'
import
functionCodeSceneScreenshot
from
'@/examples/sceneSet/sceneScreenshot/sceneScreenshot-function.js?raw'
import
functionCodeSceneScreenshot
from
'@/examples/sceneSet/sceneScreenshot/sceneScreenshot-function.js?raw'
import
functionCodeJingweiNetwork2D
from
'@/examples/sceneSet/jingweiNetwork2D/jingweiNetwork2D-function.js?raw'
import
functionCodeJingweiNetwork2D
from
'@/examples/sceneSet/jingweiNetwork2D/jingweiNetwork2D-function.js?raw'
import
functionCodeCircularSpaceGrid
from
'@/examples/sceneSet/circularSpaceGrid/circularSpaceGrid-function.js?raw'
import
functionCodeEarthCoordinate
from
'@/examples/sceneSet/earthCoordinate/earthCoordinate-function.js?raw'
import
functionCodeEarthCoordinate
from
'@/examples/sceneSet/earthCoordinate/earthCoordinate-function.js?raw'
import
functionCodeMapx
from
'@/examples/sceneSet/mapx/mapx-function.js?raw'
import
functionCodeMapx
from
'@/examples/sceneSet/mapx/mapx-function.js?raw'
...
@@ -65,6 +66,7 @@ const functionCodeMap = {
...
@@ -65,6 +66,7 @@ const functionCodeMap = {
场景信息
:
functionCodeSceneInfo
,
场景信息
:
functionCodeSceneInfo
,
场景截图
:
functionCodeSceneScreenshot
,
场景截图
:
functionCodeSceneScreenshot
,
经纬网络
2
D
:
functionCodeJingweiNetwork2D
,
经纬网络
2
D
:
functionCodeJingweiNetwork2D
,
圆形空间网格
:
functionCodeCircularSpaceGrid
,
地球坐标系
:
functionCodeEarthCoordinate
,
地球坐标系
:
functionCodeEarthCoordinate
,
鹰眼图
:
functionCodeMapx
,
鹰眼图
:
functionCodeMapx
,
...
...
src/examples/sceneSet/circularSpaceGrid/circularSpaceGrid-function.js
0 → 100644
View file @
326baff1
export
function
addCircularSpaceGrid
()
{
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
,
});
// 定义圆心位置和半径
const
center
=
Cesium
.
Cartesian3
.
fromDegrees
(
120
,
30
);
const
radius
=
100000
;
// 半径,单位为米
// 定义网格参数
const
numRings
=
10
;
// 圆环数量
const
numRadials
=
24
;
// 径向数量
// 创建圆环
for
(
let
i
=
1
;
i
<=
numRings
;
i
++
)
{
const
circleRadius
=
radius
*
i
/
numRings
;
const
circlePositions
=
[];
for
(
let
j
=
0
;
j
<=
360
;
j
++
)
{
const
angle
=
Cesium
.
Math
.
toRadians
(
j
);
const
x
=
circleRadius
*
Math
.
cos
(
angle
);
const
y
=
circleRadius
*
Math
.
sin
(
angle
);
const
position
=
Cesium
.
Cartesian3
.
add
(
center
,
new
Cesium
.
Cartesian3
(
x
,
y
,
0
),
new
Cesium
.
Cartesian3
());
circlePositions
.
push
(
position
);
}
viewer
.
entities
.
add
({
name
:
`Circle Ring
${
i
}
`
,
polyline
:
{
positions
:
circlePositions
,
width
:
1
,
material
:
Cesium
.
Color
.
WHITE
}
});
}
// 创建径向线
for
(
let
i
=
0
;
i
<
numRadials
;
i
++
)
{
const
angle
=
Cesium
.
Math
.
toRadians
(
360
*
i
/
numRadials
);
const
endPoint
=
Cesium
.
Cartesian3
.
add
(
center
,
new
Cesium
.
Cartesian3
(
radius
*
Math
.
cos
(
angle
),
radius
*
Math
.
sin
(
angle
),
0
),
new
Cesium
.
Cartesian3
()
);
viewer
.
entities
.
add
({
name
:
`Radial
${
i
}
`
,
polyline
:
{
positions
:
[
center
,
endPoint
],
width
:
1
,
material
:
Cesium
.
Color
.
WHITE
}
});
}
viewer
.
camera
.
flyTo
({
destination
:
Cesium
.
Cartesian3
.
fromDegrees
(
120
,
30
,
300000
),
orientation
:
{
heading
:
Cesium
.
Math
.
toRadians
(
0
),
pitch
:
Cesium
.
Math
.
toRadians
(
-
90
),
roll
:
0.0
}
});
};
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/sceneSet/circularSpaceGrid/circularSpaceGrid.vue
0 → 100644
View file @
326baff1
<
template
>
<div
id=
"cesiumContainer"
class=
"cesium-container"
></div>
</
template
>
<
script
setup
>
import
{
onMounted
}
from
'vue'
;
import
{
addCircularSpaceGrid
}
from
'./function'
;
onMounted
(()
=>
{
addCircularSpaceGrid
()
});
</
script
>
<
style
>
.cesium-container
{
width
:
100%
;
height
:
100vh
;
}
</
style
>
\ No newline at end of file
src/views/ElementMap.js
View file @
326baff1
...
@@ -92,6 +92,10 @@ export const elementSceneSetMap = {
...
@@ -92,6 +92,10 @@ export const elementSceneSetMap = {
title
:
'经纬网络2D'
,
title
:
'经纬网络2D'
,
pngUrl
:
'/src/assets/JingweiNetwork2D.png'
pngUrl
:
'/src/assets/JingweiNetwork2D.png'
},
},
圆形空间网格
:
{
title
:
'圆形空间网格'
,
pngUrl
:
'/src/assets/CircularSpaceGrid.png'
},
地球坐标系
:
{
地球坐标系
:
{
title
:
'地球坐标系'
,
title
:
'地球坐标系'
,
pngUrl
:
'/src/assets/EarthCoordinate.png'
pngUrl
:
'/src/assets/EarthCoordinate.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