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
f7c3057c
Commit
f7c3057c
authored
Aug 01, 2024
by
jlc
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
update:鹰眼图代码结构的修改
parent
44649df8
Show whitespace changes
Inline
Side-by-side
Showing
2 changed files
with
39 additions
and
35 deletions
+39
-35
mapx-function.js
src/examples/sceneSet/mapx/mapx-function.js
+1
-32
mapx.vue
src/examples/sceneSet/mapx/mapx.vue
+38
-3
No files found.
src/examples/sceneSet/mapx/mapx-function.js
View file @
f7c3057c
export
function
addMapx
()
{
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
viewerMain
=
new
window
.
Cesium
.
Viewer
(
'cesiumContainer'
,
{
infoBox
:
false
,
});
const
viewerEye
=
new
window
.
Cesium
.
Viewer
(
'eye'
,
{
infoBox
:
false
,
// 禁用所有小组件
baseLayerPicker
:
false
,
// 是否显示图层选择控件
animation
:
false
,
// 是否显示动画控件
timeline
:
false
,
// 是否显示时间轴控件,和cesuim中的click进行挂接的
fullscreenButton
:
false
,
// 是否显示全屏按钮
geocoder
:
false
,
// 是否显示搜索按钮
homeButton
:
false
,
// 是否显示主页按钮(回到地球初始化的状态)
navigationHelpButton
:
false
,
// 是否显示帮助提示按钮
sceneModePicker
:
false
,
// 是否显示投影方式按钮
infoBox
:
false
,
// 是否显示信息框,显示实体相关的属性信息
});
export
function
addMapx
(
viewerMain
,
viewerEye
)
{
// 禁用鹰眼地图的操作
const
setViewer
=
(
viewer
)
=>
{
let
control
=
viewer
.
scene
.
screenSpaceCameraController
;
...
...
@@ -48,12 +25,4 @@ export function addMapx() {
};
//添加主界面Cesium 视图监听事件
viewerMain
.
scene
.
preRender
.
addEventListener
(
syncViewer
);
};
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/mapx/mapx.vue
View file @
f7c3057c
...
...
@@ -2,18 +2,53 @@
<div
id=
"cesiumContainer"
class=
"cesium-container"
></div>
<div
id=
"eye"
class=
"eye-container"
></div>
</
template
>
<
script
setup
>
import
{
onMounted
}
from
'vue'
;
import
{
addMapx
}
from
'./function'
;
let
viewerMain
;
let
viewerEye
;
onMounted
(()
=>
{
addMapx
()
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'
viewerMain
=
new
window
.
Cesium
.
Viewer
(
'cesiumContainer'
,
{
infoBox
:
false
,
});
viewerEye
=
new
window
.
Cesium
.
Viewer
(
'eye'
,
{
infoBox
:
false
,
// 禁用所有小组件
baseLayerPicker
:
false
,
// 是否显示图层选择控件
animation
:
false
,
// 是否显示动画控件
timeline
:
false
,
// 是否显示时间轴控件,和cesuim中的click进行挂接的
fullscreenButton
:
false
,
// 是否显示全屏按钮
geocoder
:
false
,
// 是否显示搜索按钮
homeButton
:
false
,
// 是否显示主页按钮(回到地球初始化的状态)
navigationHelpButton
:
false
,
// 是否显示帮助提示按钮
sceneModePicker
:
false
,
// 是否显示投影方式按钮
infoBox
:
false
,
// 是否显示信息框,显示实体相关的属性信息
});
addMapx
(
viewerMain
,
viewerEye
)
};
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
;
}
.eye-container
{
position
:
absolute
;
...
...
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