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
c90d3136
Commit
c90d3136
authored
Aug 01, 2024
by
jlc
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
update:水面案例代码的修改
parent
de46332d
Hide whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
66 additions
and
61 deletions
+66
-61
waterSurface-function.js
src/examples/weather/waterSurface/waterSurface-function.js
+42
-58
waterSurface.vue
src/examples/weather/waterSurface/waterSurface.vue
+24
-3
No files found.
src/examples/weather/waterSurface/waterSurface-function.js
View file @
c90d3136
export
function
addWaterSurface
()
{
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
,
});
viewer
.
scene
.
primitives
.
add
(
new
Cesium
.
Primitive
({
geometryInstances
:
new
Cesium
.
GeometryInstance
({
geometry
:
new
Cesium
.
RectangleGeometry
({
rectangle
:
Cesium
.
Rectangle
.
fromDegrees
(
100
,
30
,
101
,
31
),
vertexFormat
:
Cesium
.
EllipsoidSurfaceAppearance
.
VERTEX_FORMAT
,
height
:
0
,
}),
export
function
addWaterSurface
(
viewer
)
{
viewer
.
scene
.
primitives
.
add
(
new
Cesium
.
Primitive
({
geometryInstances
:
new
Cesium
.
GeometryInstance
({
geometry
:
new
Cesium
.
RectangleGeometry
({
rectangle
:
Cesium
.
Rectangle
.
fromDegrees
(
100
,
30
,
101
,
31
),
vertexFormat
:
Cesium
.
EllipsoidSurfaceAppearance
.
VERTEX_FORMAT
,
height
:
0
,
}),
appearance
:
new
Cesium
.
EllipsoidSurfaceAppearance
({
material
:
new
Cesium
.
Material
({
fabric
:
{
type
:
"Water"
,
uniforms
:
{
baseWaterColor
:
new
Cesium
.
Color
(
64
/
255.0
,
157
/
255.0
,
253
/
255.0
,
0.6
),
normalMap
:
"https://webgishome-pic.oss-cn-chengdu.aliyuncs.com/cesium/waterMaterial.jpg"
,
frequency
:
1000.0
,
animationSpeed
:
0.1
,
amplitude
:
10
,
specularIntensity
:
8
,
}
,
}),
appearance
:
new
Cesium
.
EllipsoidSurfaceAppearance
({
material
:
new
Cesium
.
Material
(
{
fabric
:
{
type
:
"Water"
,
uniforms
:
{
baseWaterColor
:
new
Cesium
.
Color
(
64
/
255.0
,
157
/
255.0
,
253
/
255.0
,
0.6
)
,
normalMap
:
"https://webgishome-pic.oss-cn-chengdu.aliyuncs.com/cesium/waterMaterial.jpg"
,
frequency
:
1000.0
,
animationSpeed
:
0.1
,
amplitude
:
10
,
specularIntensity
:
8
,
},
}
)
,
},
}),
})
);
viewer
.
camera
.
setView
({
destination
:
Cesium
.
Cartesian3
.
fromDegrees
(
100.5
,
30.5
,
150000
),
orientation
:
{
heading
:
6.283185
,
//相机绕z轴旋转。左右摇头。
pitch
:
30
,
//相机绕y轴旋转。上下点头。
roll
:
0.0
,
//相机绕x轴旋转。左右歪头。
},
});
};
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
);
viewer
.
camera
.
setView
({
destination
:
Cesium
.
Cartesian3
.
fromDegrees
(
100.5
,
30.5
,
150000
),
orientation
:
{
heading
:
6.283185
,
//相机绕z轴旋转。左右摇头。
pitch
:
30
,
//相机绕y轴旋转。上下点头。
roll
:
0.0
,
//相机绕x轴旋转。左右歪头。
},
});
}
src/examples/weather/waterSurface/waterSurface.vue
View file @
c90d3136
<
template
>
<div
id=
"cesiumContainer"
class=
"cesium-container"
></div>
</
template
>
<
script
setup
>
import
{
onMounted
}
from
'vue'
;
import
{
addWaterSurface
}
from
'./function'
;
let
viewer
;
onMounted
(()
=>
{
addWaterSurface
()
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
,
});
addWaterSurface
(
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
>
<
style
>
.cesium-container
{
width
:
100%
;
height
:
100vh
;
width
:
100%
;
height
:
100vh
;
}
</
style
>
\ No newline at end of file
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