BIGEMAP卫星地图_高清卫星地图_北斗高清地图_地图软件_矢量地图数据_专题地图

Billboard

定位在三維場景中的視區對齊圖像,使用BillboardCollection創建和渲染。創建公告牌并通過調用BillboardCollection#add設置其初始屬性。


廣告牌示例
new Billboard()
Throws
  • DeveloperError : scaleByDistance.far必須大于scaleByDistance.near
  • DeveloperError : translucencybydistance.far必須大于translucencybydistance.near。
  • DeveloperError : pixeloffsetscaleByDistance.far必須大于pixeloffsetscaleByDistance.near。
  • DeveloperError : 距離displayCondition.far必須大于距離displayCondition.near
See:

Members

alignedAxis : Cartesian3

獲取或設置世界空間中對齊的軸。對齊軸是廣告牌上方向向量指向的單位向量。默認值是零向量,這意味著廣告牌與屏幕上方向向量對齊。
Examples:
// Example 1.
// Have the billboard up vector point north
billboard.alignedAxis = bmgl.Cartesian3.UNIT_Z;
// Example 2.
// Have the billboard point east.
billboard.alignedAxis = bmgl.Cartesian3.UNIT_Z;
billboard.rotation = -bmgl.Math.PI_OVER_TWO;
// Example 3.
// Reset the aligned axis
billboard.alignedAxis = bmgl.Cartesian3.ZERO;

color : Color

獲取或設置與廣告牌紋理相乘的顏色。 這有兩個常見的用例。 首先,許多不同的廣告牌可以使用相同的白色紋理,每個廣告牌具有不同的顏色,以創建彩色的廣告牌。 其次,顏色的Alpha分量可用于使廣告牌透明,如下所示。 0.0的Alpha使廣告牌透明,而1.0的Alpha使廣告牌不透明。

default
alpha : 0.5

紅色,綠色,藍色和alpha值由valueredgreenbluealpha屬性指示,如示例1所示。 分量范圍從0.0(無強度)到1.0(全強度)。
Examples:
// Example 1. Assign yellow.
b.color = bmgl.Color.YELLOW;
// Example 2. Make a billboard 50% translucent.
b.color = new bmgl.Color(1.0, 1.0, 1.0, 0.5);

disableDepthTestDistance : Number

獲取或設置與要禁用深度測試的照相機之間的距離,例如,防止對地形進行剪切。當設置為零時,始終應用深度測試。當設置為數字正無窮大時,深度測試永遠不會應用。

distanceDisplayCondition : DistanceDisplayCondition

獲取或設置一個條件,該條件指定此公告牌將顯示在距相機的距離處。
Default Value: undefined

eyeOffset : Cartesian3

獲取或設置在眼睛坐標中應用于此公告牌的三維笛卡爾偏移量。眼睛坐標系是左手坐標系,其中x指向觀看者的右側,y指向上方,z指向屏幕。眼睛坐標使用與世界和模型坐標相同的比例,通常是米。

眼睛偏移通常用于在同一位置安排多個廣告牌或對象,例如,在其相應的3D模型上方安排一個廣告牌。

下面,廣告牌位于地球的中心,但是眼睛的偏移使它總是出現在地球的頂部,而不管觀眾或地球的方向如何。

b.eyeOffset = new Cartesian3(0.0, 8000000.0, 0.0);

height : Number

獲取或設置廣告牌的高度。如果未定義,將使用圖像高度。

heightReference : HeightReference

獲取或設置此公告牌的高度引用。
Default Value: HeightReference.NONE

horizontalOrigin : HorizontalOrigin

獲取或設置此公告牌的水平原點,該原點確定公告牌是位于其定位點位置的左側、中心還是右側。


Example:
// Use a bottom, left origin
b.horizontalOrigin = bmgl.HorizontalOrigin.LEFT;
b.verticalOrigin = bmgl.VerticalOrigin.BOTTOM;

id : Object

獲取或設置拾取公告牌時返回的用戶定義對象。

image : String

獲取或設置要用于此廣告牌的圖像。如果已經為給定圖像創建了紋理,則使用現有紋理。

此屬性可以設置為已加載的圖像、自動加載為圖像的URL、畫布或其他公告牌的圖像屬性(來自同一公告牌集合)。

Example:
// load an image from a URL
b.image = 'some/image/url.png';

// assuming b1 and b2 are billboards in the same billboard collection,
// use the same image for both billboards.
b2.image = b1.image;

pixelOffset : Cartesian2

獲取或設置屏幕空間中距此公告牌原點的像素偏移量。這通常用于在同一位置對齊多個廣告牌和標簽,例如圖像和文本。屏幕空間原點是畫布的左上角;x從左到右增加,y從上到下增加。

default
b.pixeloffset = new Cartesian2(50, 25);
廣告牌的原點用黃色點表示。

pixelOffsetScaleByDistance : NearFarScalar

獲取或設置基于公告牌與相機的距離的公告牌的近像素和遠像素偏移縮放屬性。廣告牌的像素偏移量將在NearFarScalar#nearValueNearFarScalar#farValue之間縮放,而相機距離在指定NearFarScalar#nearNearFarScalar#far的上下限內。在這些范圍之外,廣告牌的像素偏移比例仍保持固定到最近的界限。如果未定義,將禁用PixeLoffSetscaleByDistance。
Examples:
// Example 1.
// Set a billboard's pixel offset scale to 0.0 when the
// camera is 1500 meters from the billboard and scale pixel offset to 10.0 pixels
// in the y direction the camera distance approaches 8.0e6 meters.
b.pixelOffset = new bmgl.Cartesian2(0.0, 1.0);
b.pixelOffsetScaleByDistance = new bmgl.NearFarScalar(1.5e2, 0.0, 8.0e6, 10.0);
// Example 2.
// disable pixel offset by distance
b.pixelOffsetScaleByDistance = undefined;

position : Cartesian3

獲取或設置此公告牌的笛卡爾位置。

(readonly) ready : Boolean

true時,此公告牌準備好呈現,即圖像已下載并創建WebGL資源。
Default Value: false

rotation : Number

獲取或設置以弧度表示的旋轉角度。

scale : Number

獲取或設置與公告牌圖像大小(像素)相乘的統一比例。1.0的比例不會改變廣告牌的大小;大于1.0的比例會放大廣告牌;小于1.0的正比例會縮小廣告牌。

{
從左到右,上圖中的比例分別為0.51.02.0

scaleByDistance : NearFarScalar

根據公告牌與照相機的距離獲取或設置公告牌的近比例和遠比例屬性。廣告牌的比例將在NearFarScalar#nearValueNearFarScalar#farValue之間插入,而攝像機距離在指定NearFarScalar#nearNearFarScalar#far的上下限內。在這些范圍之外,廣告牌的比例仍然被限制在最近的范圍內。如果未定義,將禁用scaleByDistance。
Examples:
// Example 1.
// Set a billboard's scaleByDistance to scale by 1.5 when the
// camera is 1500 meters from the billboard and disappear as
// the camera distance approaches 8.0e6 meters.
b.scaleByDistance = new bmgl.NearFarScalar(1.5e2, 1.5, 8.0e6, 0.0);
// Example 2.
// disable scaling by distance
b.scaleByDistance = undefined;

show : Boolean

確定是否顯示此公告牌。使用此選項可隱藏或顯示公告牌,而不是將其刪除并重新添加到集合中。
Default Value: true

sizeInMeters : Boolean

獲取或設置廣告牌大小是以米還是像素為單位。true以米為單位調整廣告牌大小;否則,大小以像素為單位。
Default Value: false

translucencyByDistance : NearFarScalar

根據公告牌與相機的距離獲取或設置公告牌的近半透明屬性和遠半透明屬性。廣告牌的半透明將插入NearFarScalar#nearValueNearFarScalar#farValue之間,而攝像機距離則在指定NearFarScalar#nearNearFarScalar#far的上下限內。在這些范圍之外,廣告牌的半透明性保持在最近的范圍內。如果未定義,半透明Y距離將被禁用。
Examples:
// Example 1.
// Set a billboard's translucency to 1.0 when the
// camera is 1500 meters from the billboard and disappear as
// the camera distance approaches 8.0e6 meters.
b.translucencyByDistance = new bmgl.NearFarScalar(1.5e2, 1.0, 8.0e6, 0.0);
// Example 2.
// disable translucency by distance
b.translucencyByDistance = undefined;

verticalOrigin : VerticalOrigin

獲取或設置此公告牌的垂直原點,該原點確定公告牌是位于其定位點的上方、下方還是中心。


Example:
// Use a bottom, left origin
b.horizontalOrigin = bmgl.HorizontalOrigin.LEFT;
b.verticalOrigin = bmgl.VerticalOrigin.BOTTOM;

width : Number

獲取或設置公告牌的寬度。如果未定義,將使用圖像寬度。

Methods

computeScreenSpacePosition(scene, result) → {Cartesian2}
計算廣告牌原點的屏幕空間位置,同時考慮眼睛和像素偏移。屏幕空間原點是畫布的左上角;x從左到右增加,y從上到下增加。
Parameters:
scene (Scene) 現場。
result (Cartesian2) 存儲結果的對象。
Example
console.log(b.computeScreenSpacePosition(scene).toString());
Throws
See:
equals(other) → {Boolean}
確定此公告牌是否等于另一個公告牌。如果廣告牌的所有屬性都相同,則它們是相等的。不同收藏中的廣告牌可以相等。
Parameters:
other (Billboard) 比較平等的廣告牌。
setImage(id, image)

設置要用于此廣告牌的圖像。 如果已經為給定的id創建了紋理,則使用現有的紋理。

此功能對于動態創建在許多廣告牌之間共享的紋理很有用。 只有第一個廣告牌會實際調用該函數并創建紋理,而使用相同ID創建的后續廣告牌將僅重用現有紋理。

要從URL加載圖像,設置Billboard#image屬性更為方便。

Parameters:
id (String) 圖像的ID。這可以是唯一標識圖像的任何字符串。
image ((Image | Canvas | String | Resource | Billboard~CreateImageCallback)) 要加載的圖像。此參數可以是已加載的圖像或畫布、自動加載為圖像的URL,也可以是在尚未加載圖像時調用以創建圖像的函數。
Example
// create a billboard image dynamically
function drawImage(id) {
  // create and draw an image using a canvas
  var canvas = document.createElement('canvas');
  var context2D = canvas.getContext('2d');
  // ... draw image
  return canvas;
}
// drawImage will be called to create the texture
b.setImage('myImage', drawImage);

// subsequent billboards created in the same collection using the same id will use the existing
// texture, without the need to create the canvas or draw the image
b2.setImage('myImage', drawImage);
setImageSubRegion(id, subRegion)
使用具有給定ID的圖像的子區域作為此公告牌的圖像,從左下角開始以像素度量。
Parameters:
id (String) 要使用的圖像的ID。
subRegion (BoundingRectangle) 圖像的子區域。
Throws

Type Definitions

CreateImageCallback(id) → {Image|Canvas|Promise.<(Image|Canvas)>}
創建圖像的函數。
Parameters:
id (String) 要加載的圖像的標識符。
主站蜘蛛池模板: 新中式家具,广东新中式家具,广州新中式家具,佛山新中式家具,顺德新中式家具,乐从新中式家具,新中式家具厂家直销--唐明雅居 | 雷达液位计_耐磨热电偶_蒸汽_柴油,汽油_天然气流量计_巴歇尔槽_一体化温度变送器-江苏翔腾仪表有限公司 | 吉林省创智汇成包装有限公司,长春高档礼盒,长春包装盒厂家,长春精品包装盒 | 联智通达_工控一体机_工业触摸一体机_工业一体机_工业触控一体机_POS机主板_工控主板_国产化主板_RK3588主板厂商-联智通达 | 切割片-砂轮片-抛光片-磨片-方格片-百叶片生产厂家定制加工-达蒙砂轮价格优惠 | 做网站_网站建设_专业上海网站制作_网至普网站建设 | 智汇工业-智慧工业、智能制造及工业智能、工业互联门户网站,专业的工业“互联网+”传媒 | 重庆成考网_重庆成人高考网 | 液压万能试验机价格_电子万能试验机|摩擦磨损试验机厂家-济南辰达试验机制造有限公司 | 网站主页 - 河北天成药业股份有限公司 | 气泡式洗菜机-气泡喷淋清洗机-喷淋清洗风干线-诸城市迪凯工业装备有限公司 | 自动龙门裁断机-四柱|液压裁断机-吸塑裁断机-东莞市源德机械科技有限公司 | 智能灰熔融性测试仪,微机自动定硫仪,快速自动测硫仪-鹤壁市恒科仪器仪表有限公司 | 合金锤头_破碎机锤头_耐磨锤头_巩义市东辰实业有限公司 | 优质课网_收录全国及各省市最新优质课视频,说课视频,名师课例课堂实录,高效课堂教学视频,观摩展示公开示范优秀课视频,教学大赛视频! | 江西食用油批发_江西食用油厂家_菜籽油厂家-江西省家泰粮油科技有限公司 | 赛车微信群二维码平台下载【找群网zhaoqun5.com】 | 杀菌剂_除藻剂_杀菌灭藻剂_1227杀菌剂_中北精细化工 | 监控工程,安防监控公司,北京监控安装,北京安装监控,安装摄像头,北京监控维保,监控施工,北京监控维修,监控弱电工程,监控器安装,监控维护保养,监控工程设计,北京监控设备维修,监控报警安装,北京北方合力科技有限公司 | 沈阳东鹰实业有限公司【官网】-聚氨酯清扫器-胶带输送机保护装置 | 液晶拼接屏_三星46寸/55寸/LG液晶拼接屏_深圳拼接墙厂家_电视大屏幕液晶拼接_高清工业级液晶监视器 | 深圳LED显示屏厂家_室内户外LED显示屏_彩屏电子有限公司 | 菏泽圣邦仪器仪表开发有限公司| 无铅锡膏,无铅锡膏厂家,有铅锡膏厂家,高温锡膏厂家,环保锡丝,贴片红胶-东莞市科舜电子科技有限公司 | 专业无机盐,化工产品检测公司,水处理剂检测公司,第三方水质检测机构—准诺检测 | 领先的一站式_专利申请代理知识产权服务平台_乐知网 | 机器人码垛机-纸箱套袋机-水平缠绕机-贴标机-开箱机-装盒机-杭州贝立智能设备有限公司 | 水硬度在线分析仪-氟离子|悬浮固体浓度分析仪-ldo分析仪-上海植茂 | 著名刑事诉讼律师_刑事辩护律师★王平聚【清华博士/刑法教授】 | 江西蔬菜配送,南昌蔬菜配送,南昌食堂承包,江西饭堂承包-江西菜篮子农产品发展有限公司 | 上海办公室租赁-写字楼出租、创意产业园区厂房招商、孵化器众创联合办公空间出租网 | 湿电电源,静电除尘电源,电捕焦电源-山东仕瑞电气科技有限公司 | 无线计量仪表-电力物联网仪表-CE认证电表| 清洁公司| 保洁公司| 东莞清洁| 东莞保洁|壹壹清洁 | 内蒙古国际门窗幕墙展览会 | 重庆监控-监控系统-大型弱电工程-重庆万建电子工程有限责任公司是智能化一级工程公司 | 乌兰察布市集宁牧田饲料科技有限公司-乌兰察布奶牛饲料|饲料原料加工|精品羊料 | 停车场设计|地下停车场规划设计|智能停车位地下车库设计施工装修|深圳创安顺停车库规划设计有限公司 | 竖豆网-网站建设、小程序商城、软件定制开发 | 紫外线光疗仪|白癜风光疗仪|牛皮癣治疗仪|308纳米led|SIGMA|上海希格玛高技术有限公司 | 指挥调度|调度系统|应急指挥调度|应急指挥|可视化调度|多媒体指挥调度|融合通信|综合调度|应急指挥系统|IP调度系统-北京瑞光极远数码科技有限公司 |