区块链技术博客
www.b2bchain.cn

Cesium 右键菜单求职学习资料

本文介绍了Cesium 右键菜单求职学习资料,有助于帮助完成毕业设计以及求职,是一篇很好的资料。

对技术面试,学习经验等有一些体会,在此分享。

右键菜单可以灵活显示部分应用功能,通过判断用户点击的元素,可以定制不同的菜单,为用户提供快捷操作入口。如:点击地图要素可以显示增删改查菜单,点击地图非要素区域可以显示地图全局设定菜单(地形、大气渲染、光照渲染等)。
cesium 右键菜单的实现,主要是通过监听地图右键点击事件( RIGHT_CLICK ),弹出相应的菜单选项。

1、右键菜单管理类
“`javascript
import * as Cesium from ‘cesium’
import { getSrcElement } from ‘./utils/common’

export default class RightMenu {
constructor (viewer) {
this.viewer = viewer
this.menuText = []
this.init()
}

init () {
const viewer = this.viewer
// 右键显示菜单
new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas).setInputAction((e) => {
this.loadMenu(e.position)
}, Cesium.ScreenSpaceEventType.RIGHT_CLICK)
// 左键隐藏菜单
new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas).setInputAction(() => {
this.removeMenu()
}, Cesium.ScreenSpaceEventType.LEFT_CLICK)
}

setMenu (arr) {
if (arr instanceof Array) {
this.menuText = arr
} else {
console.error(‘参数错误’)
}
}

getMenuById (id) {
const array = this.menuText
let menu = null
for (let index = 0; index < array.length; index++) {
const element = array[index]
if (element.id === id) {
menu = element
break
}
}
return menu
}

loadMenu (pos) {
this.removeMenu()
const textArr = this.menuText

右键菜单可以灵活显示部分应用功能,通过判断用户点击的元素,可以定制不同的菜单,为用户提供快捷操作入口。如:点击地图要素可以显示增删改查菜单,点击地图非要素区域可以显示地图全局设定菜单(地形、大气渲染、光照渲染等)。
cesium 右键菜单的实现,主要是通过监听地图右键点击事件( RIGHT_CLICK ),弹出相应的菜单选项。

1、右键菜单管理类
“`javascript
import * as Cesium from ‘cesium’
import { getSrcElement } from ‘./utils/common’

export default class RightMenu {
constructor (viewer) {
this.viewer = viewer
this.menuText = []
this.init()
}

init () {
const viewer = this.viewer
// 右键显示菜单
new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas).setInputAction((e) => {
this.loadMenu(e.position)
}, Cesium.ScreenSpaceEventType.RIGHT_CLICK)
// 左键隐藏菜单
new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas).setInputAction(() => {
this.removeMenu()
}, Cesium.ScreenSpaceEventType.LEFT_CLICK)
}

setMenu (arr) {
if (arr instanceof Array) {
this.menuText = arr
} else {
console.error(‘参数错误’)
}
}

getMenuById (id) {
const array = this.menuText
let menu = null
for (let index = 0; index < array.length; index++) {
const element = array[index]
if (element.id === id) {
menu = element
break
}
}
return menu
}

loadMenu (pos) {
this.removeMenu()
const textArr = this.menuText

右键菜单可以灵活显示部分应用功能,通过判断用户点击的元素,可以定制不同的菜单,为用户提供快捷操作入口。如:点击地图要素可以显示增删改查菜单,点击地图非要素区域可以显示地图全局设定菜单(地形、大气渲染、光照渲染等)。
cesium 右键菜单的实现,主要是通过监听地图右键点击事件( RIGHT_CLICK ),弹出相应的菜单选项。

1、右键菜单管理类
“`javascript
import * as Cesium from ‘cesium’
import { getSrcElement } from ‘./utils/common’

export default class RightMenu {
constructor (viewer) {
this.viewer = viewer
this.menuText = []
this.init()
}

init () {
const viewer = this.viewer
// 右键显示菜单
new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas).setInputAction((e) => {
this.loadMenu(e.position)
}, Cesium.ScreenSpaceEventType.RIGHT_CLICK)
// 左键隐藏菜单
new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas).setInputAction(() => {
this.removeMenu()
}, Cesium.ScreenSpaceEventType.LEFT_CLICK)
}

setMenu (arr) {
if (arr instanceof Array) {
this.menuText = arr
} else {
console.error(‘参数错误’)
}
}

getMenuById (id) {
const array = this.menuText
let menu = null
for (let index = 0; index < array.length; index++) {
const element = array[index]
if (element.id === id) {
menu = element
break
}
}
return menu
}

loadMenu (pos) {
this.removeMenu()
const textArr = this.menuText

部分转自互联网,侵权删除联系

赞(0) 打赏
部分文章转自网络,侵权联系删除b2bchain区块链学习技术社区 » Cesium 右键菜单求职学习资料
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

b2b链

联系我们联系我们