Cesium popup窗 氣泡窗 提示窗外掛程式

2021-10-03 08:59:05 字數 2766 閱讀 5350

首先向關注我的各位小夥伴說一聲對不起,好久沒有更新csdn了,最近因為自己也在看opengl的一些學習資料和cesium的原始碼,所以耽擱了,在此也向對小夥伴們說一聲對不起。

因為二維地圖的外掛程式大部分都帶氣泡窗,但是三維裡不帶,所以得重新寫。我這裡是參照leaflet的氣泡風格寫的。

第一種:是乙個隨滑鼠移動的提示框,效果如下:那個「雙擊結束,右鍵取消上一步」 就是乙個隨滑鼠移動時提示框也動態移動的。使用情景比較多的就是用於使用者在介面上操作時,對使用者進行乙個滑鼠提示。

第二種:是乙個固定在地圖上某點的彈窗框,效果如下:這種型別的氣泡窗主要是為在地圖上定點進行屬性的展示等。當地球旋轉時,該點固定,跟隨地球進行旋轉。

以上就是氣泡窗常見的兩種型別,至於其它的用處,目前還沒遇到。如果哪位朋友遇到了可以和我說,我拓展下外掛程式。

曬出我的外掛程式結構:

主要就是乙個js、乙個css,到時做好了大家直接引用就行,我也會寫乙個簡單的使用說明文件。 

以下曬出部分**:

var moveprompt = function (viewer, opt) ;

var randomid = number((new date()).gettime());

this.id = randomid;

this.style = opt.style;

this.viewer = viewer;

if (!this.viewer) return;

this.scene = this.viewer.scene;

this.camera = this.viewer.camera;

this.mapcontainer = this.viewer.container.id;

this.rendhandler = null;

if (!this.mapcontainer) return;

this.trackpopupid = "trackpopup" + randomid;

this.promptcontentid = "promptcontent" + randomid;

this.promptdivid = "promptdiv" + randomid;

this.trackpopupcontentid = "trackpopupcontent" + randomid;

this.closebtnid = "closebtn" + randomid;

var infodiv;

var max_width = 300;

var max_height = 500;

infodiv = window.document.createelement("div");

infodiv.id = this.trackpopupid;

infodiv.classname = "trackpopup";

this.content = opt.content || ""; //提示框內容

if (!opt.type || opt.type == 1) else

window.document.getelementbyid(this.trackpopupid).style.display = "block";

this.offset = opt.offset || {};

this.infodiv = window.document.getelementbyid(this.trackpopupid);

this.trackpopupcontent = window.document.getelementbyid(this.trackpopupcontentid);

this.promptdiv = window.document.getelementbyid(this.promptdivid);

this.promptcontent = window.document.getelementbyid(this.promptcontentid);

this.trackpopuplink = window.document.getelementbyid(this.promptcontentid);

this.popupcartesian = opt.popupcartesian;

this.rendhandler = null;

this.show = (opt.show == undefined ? true : opt.show);

if (opt.type == 2)

}if (opt.type && opt.type != 1 && this.popupcartesian) );

this.rendhandler = this.viewer.scene.postrender.addeventlistener(function ()

if (res && that.show) else

}});}}

到時也麻煩大家給我個星星、關注一下我的csdn,和大家一起進步,一起學習。之前開的小專欄,由於和小專欄的管理人員的矛盾(態度惡劣),那邊不會維護了,所以那邊現在看我的文章免費了,在此也向在小專欄付費關注我的人致歉。

不同組織的窗寬窗位

頭顱,腦組織 窗寬設定為80 hu 100 hu,窗位為30 hu 40 hu,垂體及蝶鞍區病 變窗寬宜設在200 hu 250 hu,窗位45 hu 50 hu,腦出血患者可改變 窗寬位80 hu 140 hu,窗位30 hu 50 hu,腦梗死患者 常用窄窗60 hu,能提高病灶的檢出率,清楚顯...

c語言 滑窗法 滑窗演算法

滑窗演算法 與跳窗演算法 類似,滑窗 moving window 演算法也是通過限制各個時間視窗內所能接 收的最大信元數對業務量進行控制。區別是,在滑窗演算法中,時間視窗不是向前跳,而 是每過乙個信元時間向前滑動一次,滑動的長度是乙個信元的時間。以下是幾種 upc演算法。信元一旦被 upc判定是違約...

mysql分窗函式 窗函式的作用

資料偵探 與純傅利葉變換不同,工程師和研究人員需要進行離散傅利葉變換 dft 用於處理取樣資料。這些資料可能來自數字示波器 資料採集系統或其他裝置。由於用dft處理以固定取樣頻率獲得的離散資料,它的結果並不完美。採用dft 常常是增強的快速傅利葉變換演算法 fft 處理乙個正弦取樣訊號時,如功率 頻...