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
4b9b2634
Commit
4b9b2634
authored
Aug 01, 2024
by
jlc
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
update:相机缩放案例的添加
parent
dc3bc06d
Hide whitespace changes
Inline
Side-by-side
Showing
4 changed files
with
50 additions
and
8 deletions
+50
-8
CameraZoom.png
src/assets/CameraZoom.png
+0
-0
cameraZoom-function.js
src/examples/camera/cameraZoom/cameraZoom-function.js
+36
-4
cameraZoom.vue
src/examples/camera/cameraZoom/cameraZoom.vue
+13
-3
ElementMap.js
src/views/ElementMap.js
+1
-1
No files found.
src/assets/CameraZoom.png
0 → 100644
View file @
4b9b2634
518 KB
src/examples/camera/cameraZoom/cameraZoom-function.js
View file @
4b9b2634
export
function
addFog
()
{
let
viewer
;
export
function
addCameraZoom
()
{
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'
,
{
viewer
=
new
window
.
Cesium
.
Viewer
(
'cesiumContainer'
,
{
infoBox
:
false
,
});
};
document
.
head
.
appendChild
(
script
);
...
...
@@ -17,3 +17,35 @@ export function addFog() {
link
.
href
=
'https://cesium.com/downloads/cesiumjs/releases/1.119/Build/Cesium/Widgets/widgets.css'
;
document
.
head
.
appendChild
(
link
);
}
// 获取视图中心点
function
pickCenter
()
{
var
ellipsoid
=
viewer
.
camera
.
pickEllipsoid
(
new
Cesium
.
Cartesian2
(
viewer
.
canvas
.
clientWidth
/
2
,
viewer
.
canvas
.
clientHeight
/
2
));
var
curPosition
=
Cesium
.
Ellipsoid
.
WGS84
.
cartesianToCartographic
(
ellipsoid
);
var
lon
=
curPosition
.
longitude
*
180
/
Math
.
PI
;
var
lat
=
curPosition
.
latitude
*
180
/
Math
.
PI
;
return
{
lon
:
lon
,
lat
:
lat
};
}
export
function
zoomByBound
(
flag
){
const
center
=
pickCenter
()
var
height
=
viewer
.
camera
.
positionCartographic
.
height
;
const
camera
=
viewer
.
camera
;
var
boundingSph
=
new
Cesium
.
BoundingSphere
(
Cesium
.
Cartesian3
.
fromDegrees
(
center
.
lon
,
center
.
lat
,
1000
),
height
);
var
moveRate
=
0
;
if
(
flag
){
moveRate
=
0.5
}
else
{
moveRate
=
1.5
}
var
zoomParams
=
{
duration
:
0.8
,
offset
:
new
Cesium
.
HeadingPitchRange
(
camera
.
heading
,
camera
.
pitch
,
height
*
moveRate
)
}
camera
.
flyToBoundingSphere
(
boundingSph
,
zoomParams
);
}
src/examples/camera/cameraZoom/cameraZoom.vue
View file @
4b9b2634
<
template
>
<div
id=
"cesiumContainer"
class=
"cesium-container"
></div>
<div
class=
"btn-class"
>
<button
@
click=
"zoomByBound(1)"
>
放大相机视角
</button>
<button
@
click=
"zoomByBound(0)"
>
缩小相机视角
</button>
</div>
</
template
>
<
script
setup
>
import
{
onMounted
}
from
'vue'
;
import
{
addCameraZoom
}
from
'./function'
;
import
{
addCameraZoom
,
zoomByBound
}
from
'./function'
;
onMounted
(()
=>
{
addCameraZoom
()
});
...
...
@@ -11,7 +15,12 @@ onMounted(() => {
<
style
>
.cesium-container
{
width
:
100%
;
height
:
100vh
;
width
:
100%
;
height
:
100vh
;
}
.btn-class
{
position
:
absolute
;
top
:
10px
;
left
:
10px
;
}
</
style
>
\ No newline at end of file
src/views/ElementMap.js
View file @
4b9b2634
...
...
@@ -150,7 +150,7 @@ export const elementCameraMap = {
},
相机缩放
:
{
title
:
'相机缩放'
,
pngUrl
:
'/src/assets/
Mapx
.png'
pngUrl
:
'/src/assets/
CameraZoom
.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