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.pswp.cn/news/713947.shtml
繁體地址,請注明出處:http://hk.pswp.cn/news/713947.shtml
英文地址,請注明出處:http://en.pswp.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…