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
d07cf1ae
Commit
d07cf1ae
authored
Aug 01, 2024
by
lyc
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
修改了代码格式
parent
c90d3136
Show whitespace changes
Inline
Side-by-side
Showing
5 changed files
with
74 additions
and
82 deletions
+74
-82
viewTrack-function.js
src/examples/camera/viewTrack/viewTrack-function.js
+6
-26
viewTrack.vue
src/examples/camera/viewTrack/viewTrack.vue
+17
-2
box.vue
src/examples/graphicElement/box/box.vue
+0
-0
dial-function.js
src/examples/sceneSet/dial/dial-function.js
+14
-43
dial.vue
src/examples/sceneSet/dial/dial.vue
+37
-11
No files found.
src/examples/camera/viewTrack/viewTrack-function.js
View file @
d07cf1ae
var
viewer
;
var
satelliteEntity
export
function
addViewTrack
()
{
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'
viewer
=
new
window
.
Cesium
.
Viewer
(
'cesiumContainer'
,
{
infoBox
:
false
,
});
export
function
addViewTrack
(
viewer
)
{
var
start
=
new
Cesium
.
JulianDate
.
fromDate
(
new
Date
());
//把js中的时间转换为儒略时间
start
=
Cesium
.
JulianDate
.
addHours
(
start
,
8
,
new
Cesium
.
JulianDate
());
//东八区时间
// 结束时间
var
stop
=
Cesium
.
JulianDate
.
addSeconds
(
start
,
360
,
new
Cesium
.
JulianDate
());
//确保查看器处于预期的时间
viewer
.
clock
.
startTime
=
start
.
clone
();
viewer
.
clock
.
stopTime
=
stop
.
clone
();
...
...
@@ -110,25 +102,12 @@ export function addViewTrack() {
satelliteEntity
.
position
.
setInterpolationOptions
({
interpolationDegree
:
5
,
interpolationAlgorithm
:
Cesium
.
LagrangePolynomialApproximation
});
// viewer.zoomTo(satelliteEntity)
// viewer.trackedEntity = satelliteEntity;
};
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
);
})
}
export
function
viewTrack
()
{
export
function
viewTrack
(
viewer
)
{
viewer
.
camera
.
flyTo
({
destination
:
Cesium
.
Cartesian3
.
fromDegrees
(
60
,
0
,
1000000.0
)
})
viewer
.
trackedEntity
=
satelliteEntity
;
viewer
.
trackedEntity
=
satelliteEntity
}
\ No newline at end of file
src/examples/camera/viewTrack/viewTrack.vue
View file @
d07cf1ae
<
template
>
<div
id=
"cesiumContainer"
class=
"cesium-container"
>
</div>
<button
@
click=
"viewTrack"
class=
"btn-class"
>
viewTrack
</button>
<button
@
click=
"viewTrack
(viewer)
"
class=
"btn-class"
>
viewTrack
</button>
</
template
>
<
script
setup
>
import
{
onMounted
}
from
'vue'
;
import
{
addViewTrack
,
viewTrack
}
from
'./function'
;
let
viewer
onMounted
(()
=>
{
addViewTrack
()
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'
viewer
=
new
window
.
Cesium
.
Viewer
(
'cesiumContainer'
,
{
infoBox
:
false
,
});
addViewTrack
(
viewer
)
};
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
);
});
</
script
>
...
...
src/examples/graphicElement/box/box.vue
View file @
d07cf1ae
src/examples/sceneSet/dial/dial-function.js
View file @
d07cf1ae
import
{
ref
}
from
'vue'
;
let
viewer
export
var
bei
=
ref
(
1
)
export
var
timetext
=
ref
(
''
)
export
function
addDial
()
{
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'
viewer
=
new
window
.
Cesium
.
Viewer
(
'cesiumContainer'
,
{
animation
:
false
,
baseLayerPicker
:
false
,
fullscreenButton
:
false
,
vrButton
:
false
,
geocoder
:
false
,
homeButton
:
false
,
infoBox
:
false
,
sceneModePicker
:
false
,
selectionIndicator
:
false
,
timeline
:
true
,
navigationHelpButton
:
false
,
});
export
function
addDial
(
viewer
,
timetext
)
{
// 格式化时间轴
viewer
.
timeline
.
makeLabel
=
function
(
date
)
{
const
julianDT
=
new
Cesium
.
JulianDate
();
...
...
@@ -31,45 +7,39 @@ export function addDial() {
let
hour
=
gregorianDT
.
hour
+
""
;
let
minute
=
gregorianDT
.
minute
+
""
;
let
second
=
gregorianDT
.
second
+
""
;
timetext
.
value
=
`
${
gregorianDT
.
year
}
年
${
gregorianDT
.
month
}
月
${
gregorianDT
.
day
}
日
${
hour
.
padStart
(
2
,
"0"
)}
:
${
minute
.
padStart
(
2
,
"0"
)}
:
${
second
.
padStart
(
2
,
"0"
)}
`
timetext
=
`
${
gregorianDT
.
year
}
年
${
gregorianDT
.
month
}
月
${
gregorianDT
.
day
}
日
${
hour
.
padStart
(
2
,
"0"
)}
:
${
minute
.
padStart
(
2
,
"0"
)}
:
${
second
.
padStart
(
2
,
"0"
)}
`
return
`
${
gregorianDT
.
year
}
年
${
gregorianDT
.
month
}
月
${
gregorianDT
.
day
}
日
${
hour
.
padStart
(
2
,
"0"
)}
:
${
minute
.
padStart
(
2
,
"0"
)}
:
${
second
.
padStart
(
2
,
"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
);
}
export
function
forward
()
{
export
function
forward
(
viewer
)
{
let
t
=
viewer
.
clockViewModel
.
multiplier
;
viewer
.
clockViewModel
.
multiplier
=
Math
.
abs
(
t
);
viewer
.
clock
.
shouldAnimate
=
true
;
}
var
flag
=
false
;
export
function
start
()
{
export
function
start
(
viewer
)
{
flag
=
!
(
flag
);
if
(
flag
==
true
)
viewer
.
clock
.
shouldAnimate
=
true
;
else
viewer
.
clock
.
shouldAnimate
=
false
;
}
export
function
back
()
{
export
function
back
(
viewer
)
{
let
t
=
viewer
.
clockViewModel
.
multiplier
;
viewer
.
clockViewModel
.
multiplier
=
-
Math
.
abs
(
t
);
viewer
.
clock
.
shouldAnimate
=
true
;
}
export
function
multiplier
()
{
export
function
multiplier
(
viewer
)
{
viewer
.
clockViewModel
.
multiplier
*=
2
;
bei
.
value
=
viewer
.
clockViewModel
.
multiplier
let
q
=
viewer
.
clockViewModel
.
multiplier
return
q
}
export
function
divide
()
{
export
function
divide
(
viewer
,
bei
)
{
viewer
.
clockViewModel
.
multiplier
/=
2
;
bei
.
value
=
viewer
.
clockViewModel
.
multiplier
bei
=
viewer
.
clockViewModel
.
multiplier
}
export
function
reset
()
{
export
function
reset
(
viewer
)
{
viewer
.
clock
.
currentTime
=
viewer
.
clock
.
startTime
;
}
\ No newline at end of file
src/examples/sceneSet/dial/dial.vue
View file @
d07cf1ae
...
...
@@ -6,23 +6,49 @@
<div
class=
"time"
>
<img
src=
"https://raw.githubusercontent.com/jinlinchao123/Cesium-assets/main/time.png"
style=
"width: 100%; height: 100%;"
>
<button
class=
"button1"
@
click=
"forward"
>
▶
</button>
<button
class=
"button2"
v-on:click=
"start"
>
◼
</button>
<button
class=
"button3"
v-on:click=
"back"
>
◀
</button>
<button
class=
"button4"
v-on:click=
"
multiplier"
>
×
2
</button>
<button
class=
"button5"
v-on:click=
"divide
"
>
×
-2
</button>
<button
class=
"button6"
v-on:click=
"reset"
>
⚪
</button>
<p
class=
"bei"
>
{{
bei
}}
X
</p>
<button
class=
"button1"
@
click=
"forward
(viewer)
"
>
▶
</button>
<button
class=
"button2"
v-on:click=
"start
(viewer)
"
>
◼
</button>
<button
class=
"button3"
v-on:click=
"back
(viewer)
"
>
◀
</button>
<button
class=
"button4"
v-on:click=
"
qqq"
>
X
2
</button>
<button
class=
"button5"
v-on:click=
"divide
(viewer, bei)"
>
X
-2
</button>
<button
class=
"button6"
v-on:click=
"reset
(viewer)
"
>
⚪
</button>
<p
class=
"bei"
>
X
{{
bei
}}
</p>
<p
class=
"time-text"
>
{{
timetext
}}
</p>
</div>
</
template
>
<
script
setup
>
import
{
onMounted
,
ref
}
from
'vue'
;
import
{
onMounted
,
ref
,
watch
}
from
'vue'
;
import
{
addDial
,
divide
,
multiplier
,
back
,
start
,
forward
,
reset
}
from
'./function'
;
import
bei
from
'./function'
;
import
timetext
from
'./function'
;
let
viewer
=
ref
();
const
bei
=
ref
(
1
)
const
timetext
=
ref
(
''
)
onMounted
(()
=>
{
addDial
()
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'
viewer
=
new
window
.
Cesium
.
Viewer
(
'cesiumContainer'
,
{
animation
:
false
,
baseLayerPicker
:
false
,
fullscreenButton
:
false
,
vrButton
:
false
,
geocoder
:
false
,
homeButton
:
false
,
infoBox
:
false
,
sceneModePicker
:
false
,
selectionIndicator
:
false
,
timeline
:
true
,
navigationHelpButton
:
false
,
});
addDial
(
viewer
,
timetext
)
bei
.
value
=
multiplier
(
viewer
)
};
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
);
});
</
script
>
...
...
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