viewer = window.map = new Cesium.Viewer('mapView', {
animation: false,
baseLayerPicker: false,
fullscreenButton: false,
geocoder: false,
homeButton: false,
infoBox: false,
sceneModePicker: false,
scene3DOnly: false,
selectionIndicator: false,
timeline: false,
navigationHelpButton: false,
baselLayerPicker: false,
shadows: true
})
viewer._cesiumWidget._creditContainer.style.display = 'none'
viewer.scene.screenSpaceCameraController.tiltEventTypes = [Cesium.CameraEventType.RIGHT_DRAG]
viewer.scene.screenSpaceCameraController.zoomEventTypes = [Cesium.CameraEventType.WHEEL]
let helper = new Cesium.EventHelper()
const RemoveCallback = helper.add(viewer.scene.globe.tileLoadProgressEvent, (e) => {
if (e == 0) {
console.log('onload')
RemoveCallback()
}
})
viewer.screenSpaceEventHandler.setInputAction((e) => {
let cartesian = viewer.camera.pickEllipsoid(e.position, viewer.scene.globe.ellipsoid)
if (cartesian) {
let cartographic = viewer.scene.globe.ellipsoid.cartesianToCartographic(cartesian)
let longitudeString = Cesium.Math.toDegrees(cartographic.longitude).toFixed(2)
let latitudeString = Cesium.Math.toDegrees(cartographic.latitude).toFixed(2)
console.log('点击位置经度:' + longitudeString + ',纬度:' + latitudeString)
}
}, Cesium.ScreenSpaceEventType.LEFT_CLICK)
viewer.scene.canvas.addEventListener('mousemove', (e) => {
let screenPosition = new Cesium.Cartesian2(e.clientX, e.clientY)
let ray = viewer.camera.getPickRay(screenPosition)
let globePosition = viewer.scene.globe.pick(ray, viewer.scene)
if (globePosition) {
let cartographic = Cesium.Cartographic.fromCartesian(globePosition)
let longitudeString = Cesium.Math.toDegrees(cartographic.longitude).toFixed(2);
let latitudeString = Cesium.Math.toDegrees(cartographic.latitude).toFixed(2);
console.log('鼠标位置经度:' + longitudeString + ',纬度:' + latitudeString);
}
})
viewer.camera.changed.addEventListener(() => {
let height = viewer.camera.positionCartographic.height
console.log('视图中心位置的高度:', height );
})
viewer.camera.moveEnd.addEventListener(() => {
let centerCartographic = viewer.camera.positionCartographic
let centerLongitude = Cesium.Math.toDegrees(centerCartographic.longitude)
let centerLatitude = Cesium.Math.toDegrees(centerCartographic.latitude)
let centerHeight = centerCartographic.height
console.log('视图中心位置的经度:', centerLongitude);
console.log('视图中心位置的纬度:', centerLatitude);
console.log('视图中心位置的高度:', centerHeight);
})

https://blog.csdn.net/u010358183/article/details/121610901
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· DeepSeek “源神”启动!「GitHub 热点速览」
· 我与微信审核的“相爱相杀”看个人小程序副业
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· C# 集成 DeepSeek 模型实现 AI 私有化(本地部署与 API 调用教程)
· spring官宣接入deepseek,真的太香了~
2022-03-01 Django入门 | 官方文档带你快速入门
2022-03-01 Django入门(二)
2022-03-01 Django入门(一)