vue + cesium初始化地图 + 鼠标经过地图(点、线等其他实体)样式

vue + cesium初始化地图 + 鼠标经过地图(点、线等其他实体)样式

export function initMap(mapViewer) {Cesium.Ion.defaultAccessToken = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiI0OTUzOGJhMy1iNzVjLTQwZjItYWYyNy03YjA4MjM0YWE2MWMiLCJpZCI6OTYwNDksImlhdCI6MTY1NDEzMTI3MH0.PfjYnGe-B8P3jVpaP-DrToNFT5CM1-Ukbn1VWA4wFAY";let viewer = new Cesium.Viewer("cesium-con", mapViewer);window.viewer = viewer;//抗锯齿if (Cesium.FeatureDetection.supportsImageRenderingPixelated()) {//判断是否支持图像渲染像素化处理viewer.resolutionScale = window.devicePixelRatio;}viewer.scene.fxaa = true;viewer.scene.postProcessStages.fxaa.enabled = true;viewer.scene.globe.depthTestAgainstTerrain = false;// viewer.scene.globe.depthTestAgainstTerrain = true;viewer._cesiumWidget._creditContainer.style.display = "none"; // 去掉版权信息viewer.scene.skyBox.show = false; //隐藏天空盒viewer.scene.backgroundColor = new Cesium.Color(0.0, 0.0, 0.0, 0.0); //设置背景透明viewer.scene.skyAtmosphere.show = false; //隐藏大气圈viewer.scene.sun.show = false; //隐藏太阳viewer.scene.moon.show = false; //隐藏月亮// viewer.cesiumWidget.screenSpaceEventHandler.removeInputAction(//   Cesium.ScreenSpaceEventType.LEFT_DOUBLE_CLICK// ); // 取消双击// 初始化动画// viewer.camera.setView({//   destination: Cesium.Cartesian3.fromDegrees(0, 0, 15000000),//   orientation: {//     heading: 0.2079384332084935,//     roll: 0.00031509431759868534,//     pitch: -1.0//   },//   duration: 3// });// viewer.imageryLayers.get(0).alpha = 0.01// viewer.scene.globe.baseColor = Cesium.Color.fromCssColorString('#05285cb3')// viewer._container.style.cursor = 'crosshair'viewer.scene.screenSpaceCameraController.minimumZoomDistance = 650;//相机的高度的最小值viewer.scene.screenSpaceCameraController.maximumZoomDistance = 22000000;  //相机高度的最大值infoToolPop = new InfoTool(viewer);const handler = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas) // event事件处理程序handler.setInputAction((e) => {const currentMoveObj = viewer.scene.pick(e.endPosition)if (currentMoveObj) {// 鼠标滑过模型viewer.enableCursorStyle = falseviewer._element.style.cursor = ''document.documentElement.style.cursor = 'pointer'// document.body.classList.add('draw-cursor') // 设置为自定义的图标} else {// 鼠标滑过场景viewer.enableCursorStyle = truedocument.documentElement.style.cursor = ''// document.body.classList.remove('draw-cursor')}}, Cesium.ScreenSpaceEventType.MOUSE_MOVE)return viewer
}

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/713947.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Unity(第二十二部)官方的反向动力学一般使用商城的IK插件,这个用的不多

反向动力学(Inverse Kinematic,简称IK)是一种通过子节点带动父节点运动的方法。 正向动力学 在骨骼动画中,大多数动画是通过将骨架中的关节角度旋转到预定值来生成的,子关节的位置根据父关节的旋转而改变,这…

编写脚本一键安装rsyslog

脚本分解 环境检测部分 检查操作系统 #!/bin/bash# 检查是否为 Debian 类型 if [ -f /etc/debian_version ]; thenecho "当前操作系统是 Debian 类型"SYSLOG_SERVICE"rsyslog"INSTALL_COMMAND"apt-get install -y"CONFIG_FILE"/etc/rsys…

Vmware esxi虚拟主机状态无效,无法注销重启等操作修复解决

问题 装有ESXI系统的服务器在强制关机启动后,显示虚拟机状态是无效的,并且无法进行任何操作。 解决办法 对出问题的虚拟机重新注册 1、开启esxi系统的ssh功能 2、取消注册出问题的虚拟机 找到问题的虚拟机 [rootlocalhost:~] vim-cmd vmsvc/getal…

烧脑问题解决办法:如何选择一款合适自己的手机流量卡

现在社会人们越来越离不开手机了,手机给我们生活带来了翻天覆地的变化,手机需要最多的就是流量了,所以选择一款合适自己的手机流量卡就显得尤为重要了,今天小编就给大家来分享一下我的经验,希望对大家能有帮助&#xf…

python基础-基本数据类型深入-2.1

目录 元组 什么是元组(tuple) 元组练习-1 元组的基本操作 元组常用内建函数 列表和元组的区别与总结 元组练习-2 元组练习-3 元组 什么是元组(tuple) 与列表(list)一样,元组&#xff0…

【Web安全靶场】sqli-labs-master 54-65 Challenges 与62关二分法和like模糊搜索

sqli-labs-master 54-65 Challenges 其他关卡和靶场见专栏… 文章目录 sqli-labs-master 54-65 Challenges第五十四关-联合注入第五十五关-联合注入第五十六关-联合注入第五十七关-联合注入第五十八关-报错注入第五十九关-报错注入第六十关-报错注入第六十一关-报错注入第六十…

grid的删除

/u01/11.2.0/grid 为 grid 用户的安装主目录 1、删除 crs 配置信息 root: cd /u01/11.2.0/grid/crs/install perl rootcrs.pl -deconfig -force 2、删除 crs 配置信息,并卸载软件 cd /u01/11.2.0/grid/deinstall ./deinstall grid user: ./deinstall -home /…

Mysql与StarRocks语法上的不同

🐓 序言 StarRocks 是新一代极速全场景 MPP (Massively Parallel Processing) 数据库。StarRocks 的愿景是能够让用户的数据分析变得更加简单和敏捷。用户无需经过复杂的预处理,可以用StarRocks 来支持多种数据分析场景的极速分析。 🐓 语法…

嵌入式驱动学习第一周——linux的休眠与唤醒

前言 本文介绍进程的休眠与唤醒。 嵌入式驱动学习专栏将详细记录博主学习驱动的详细过程,未来预计四个月将高强度更新本专栏,喜欢的可以关注本博主并订阅本专栏,一起讨论一起学习。现在关注就是老粉啦! 行文目录 前言1. 阻塞和非阻…

第二节 数学知识补充

一、线性代数 向量的 L 2 L_2 L2​范数(Euclidean范数/Frobenius范数)&矩阵的元素形式范数 向量的 L 2 L_2 L2​范数: ∣ ∣ x ∣ ∣ 2 ( ∣ x 1 ∣ 2 ⋯ ∣ x m ∣ 2 ) 1 2 ||x||_2(|x_1|^2\cdots|x_m|^2)^{\frac12} ∣∣x∣∣2​(∣…

Verilog参数、Verilog参数和属性冲突、整数处理

Verilog参数 Verilog参数执行以下操作: •允许您创建易于重用和扩展的参数化代码。 •使代码更可读、更紧凑、更易于维护。 •将此类功能描述为: ○ 总线尺寸 ○ 建模设计单元中某些重复元素的数量 •是常数。对于参数化模块的每个实例化&#xf…

电脑桌面便签哪个好,好用的电脑桌面便签推荐

在如今信息爆炸的时代,人们的工作和生活节奏越来越快,记事和备忘变得尤为重要。而电脑桌面便签作为一种方便快捷的记录工具,备受广大用户青睐。那么,电脑桌面便签哪个好,哪个更加出色呢? 作为一名人事专员…

CryoEM - 使用 cryoSPARC 基于单颗粒图像从头重构蛋白质三维结构

欢迎关注我的CSDN:https://spike.blog.csdn.net/ 本文地址:https://blog.csdn.net/caroline_wendy/article/details/136384544 基于冷冻电镜单颗粒图像重构蛋白质三维结构,利用冷冻电镜技术测定生物大分子结构的方法。原理是从冷冻电镜获得大量同一种蛋白质分子的二维投影图…

【数据结构】实现队列

大家好,我是苏貝,本篇博客带大家了解队列,如果你觉得我写的还不错的话,可以给我一个赞👍吗,感谢❤️ 目录 一. 队列的概念及结构二. 队列的实现队列的结构体初始化销毁队尾插入队头删除显示第一个节点的值…

【Java程序员面试专栏 算法思维】六 高频面试算法题:动态规划

一轮的算法训练完成后,对相关的题目有了一个初步理解了,接下来进行专题训练,以下这些题目就是汇总的高频题目,本篇主要聊聊回溯算法,主要就是排列组合问题,所以放到一篇Blog中集中练习 题目关键字解题思路时间空间零钱兑换动态规划+双重循环dp[i]表示兑换金额为i元的最少…

从0开始学习NEON(0)

1、前言 ​ 最近在学习NEON指令集,主要学习"单指令流,多数据流"的编程方式,在这之前主要是针对cuda编程进行学习。最近的一部分工作转移到了arm主板上,接触到了 ncnn这个开源项目,不得不佩服nihui的强大。在…

C# 线性插值

线性插值是一种常用的插值算法,适用于许多实际场景。 传感器数据处理:在传感器数据处理中,可能会出现数据点不连续或不均匀的情况。使用线性插值可以根据已知的数据点来估算在两个数据点之间的数值,从而填补数据中的缺失或不连续之…

iOS消息转发流程

当向Objc对象发送消息时,如果找到对象对应的方法,就会进入消息转发流程,给开发者提供一些最后的机会处理消息无法发送问题,以免出现程序崩溃。 1. 回调对象的resolveInstanceMethod方法,在这个方法中,允许开…

阿里云定价_ECS产品价格_云服务器收费标准 - 阿里云官方活动

2024年最新阿里云服务器租用费用优惠价格表,轻量2核2G3M带宽轻量服务器一年61元,折合5元1个月,新老用户同享99元一年服务器,2核4G5M服务器ECS优惠价199元一年,2核4G4M轻量服务器165元一年,2核4G服务器30元3…

logo设计软件及网站汇总

文章目录 一、智能设计logo的网站二、常用的logo设计软件 一、智能设计logo的网站 Canva:Canva是一个在线设计平台,提供了丰富的模板和设计工具,可以帮助用户轻松设计出专业水平的logo。 DesignEvo:DesignEvo是一个专业的在线log…