12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697989910010110210310410510610710810911011111211311411511611711811912012112212312412512612712812913013113213313413513613713813914014114214314414514614714814915015115215315415515615715815916016116216316416516616716816917017117217317417517617717817918018118218318418518618718818919019119219319419519619719819920020120220320420520620720820921021121221321421521621721821922022122222322422522622722822923023123223323423523623723823924024124224324424524624724824925025125225325425525625725825926026126226326426526626726826927027127227327427527627727827928028128228328428528628728828929029129229329429529629729829930030130230330430530630730830931031131231331431531631731831932032132232332432532632732832933033133233333433533633733833934034134234334434534634734834935035135235335435535635735835936036136236336436536636736836937037137237337437537637737837938038138238338438538638738838939039139239339439539639739839940040140240340440540640740840941041141241341441541641741841942042142242342442542642742842943043143243343443543643743843944044144244344444544644744844945045145245345445545645745845946046146246346446546646746846947047147247347447547647747847948048148248348448548648748848949049149249349449549649749849950050150250350450550650750850951051151251351451551651751851952052152252352452552652752852953053153253353453553653753853954054154254354454554654754854955055155255355455555655755855956056156256356456556656756856957057157257357457557657757857958058158258358458558658758858959059159259359459559659759859960060160260360460560660760860961061161261361461561661761861962062162262362462562662762862963063163263363463563663763863964064164264364464564664764864965065165265365465565665765865966066166266366466566666766866967067167267367467567667767867968068168268368468568668768868969069169269369469569669769869970070170270370470570670770870971071171271371471571671771871972072172272372472572672772872973073173273373473573673773873974074174274374474574674774874975075175275375475575675775875976076176276376476576676776876977077177277377477577677777877978078178278378478578678778878979079179279379479579679779879980080180280380480580680780880981081181281381481581681781881982082182282382482582682782882983083183283383483583683783883984084184284384484584684784884985085185285385485585685785885986086186286386486586686786886987087187287387487587687787887988088188288388488588688788888989089189289389489589689789889990090190290390490590690790890991091191291391491591691791891992092192292392492592692792892993093193293393493593693793893994094194294394494594694794894995095195295395495595695795895996096196296396496596696796896997097197297397497597697797897998098198298398498598698798898999099199299399499599699799899910001001100210031004100510061007100810091010101110121013101410151016101710181019102010211022102310241025102610271028102910301031103210331034103510361037103810391040104110421043104410451046104710481049105010511052105310541055105610571058105910601061106210631064106510661067106810691070107110721073107410751076107710781079108010811082108310841085108610871088108910901091109210931094109510961097109810991100110111021103110411051106110711081109111011111112111311141115111611171118111911201121112211231124112511261127112811291130113111321133113411351136113711381139114011411142114311441145114611471148114911501151115211531154115511561157115811591160116111621163116411651166116711681169117011711172117311741175117611771178117911801181118211831184118511861187118811891190119111921193119411951196119711981199120012011202120312041205120612071208120912101211121212131214121512161217121812191220122112221223122412251226122712281229123012311232123312341235123612371238123912401241124212431244124512461247124812491250125112521253125412551256125712581259126012611262126312641265126612671268126912701271127212731274127512761277127812791280128112821283128412851286128712881289129012911292129312941295129612971298129913001301130213031304130513061307130813091310131113121313131413151316131713181319132013211322132313241325132613271328132913301331133213331334133513361337133813391340134113421343134413451346134713481349135013511352135313541355135613571358135913601361136213631364136513661367136813691370137113721373137413751376137713781379138013811382138313841385138613871388138913901391139213931394139513961397139813991400140114021403140414051406140714081409141014111412141314141415141614171418141914201421142214231424142514261427142814291430143114321433143414351436143714381439144014411442144314441445144614471448144914501451145214531454145514561457145814591460146114621463146414651466146714681469147014711472147314741475147614771478147914801481148214831484148514861487148814891490149114921493149414951496149714981499150015011502150315041505150615071508150915101511151215131514151515161517151815191520152115221523152415251526152715281529153015311532153315341535153615371538153915401541154215431544154515461547154815491550155115521553155415551556155715581559156015611562156315641565156615671568156915701571157215731574157515761577157815791580158115821583158415851586158715881589159015911592159315941595159615971598159916001601160216031604160516061607160816091610161116121613161416151616 |
- import clone from '../Core/clone.js';
- import defaultValue from '../Core/defaultValue.js';
- import defined from '../Core/defined.js';
- import defineProperties from '../Core/defineProperties.js';
- import DeveloperError from '../Core/DeveloperError.js';
- import Resource from '../Core/Resource.js';
- import when from '../ThirdParty/when.js';
- import ConditionsExpression from './ConditionsExpression.js';
- import Expression from './Expression.js';
- /**
- * A style that is applied to a {@link Cesium3DTileset}.
- * <p>
- * Evaluates an expression defined using the
- * {@link https://github.com/AnalyticalGraphicsInc/3d-tiles/tree/master/specification/Styling|3D Tiles Styling language}.
- * </p>
- *
- * @alias Cesium3DTileStyle
- * @constructor
- *
- * @param {Resource|String|Object} [style] The url of a style or an object defining a style.
- *
- * @example
- * tileset.style = new Cesium.Cesium3DTileStyle({
- * color : {
- * conditions : [
- * ['${Height} >= 100', 'color("purple", 0.5)'],
- * ['${Height} >= 50', 'color("red")'],
- * ['true', 'color("blue")']
- * ]
- * },
- * show : '${Height} > 0',
- * meta : {
- * description : '"Building id ${id} has height ${Height}."'
- * }
- * });
- *
- * @example
- * tileset.style = new Cesium.Cesium3DTileStyle({
- * color : 'vec4(${Temperature})',
- * pointSize : '${Temperature} * 2.0'
- * });
- *
- * @see {@link https://github.com/AnalyticalGraphicsInc/3d-tiles/tree/master/specification/Styling|3D Tiles Styling language}
- */
- function Cesium3DTileStyle(style) {
- this._style = {};
- this._ready = false;
- this._show = undefined;
- this._color = undefined;
- this._pointSize = undefined;
- this._pointOutlineColor = undefined;
- this._pointOutlineWidth = undefined;
- this._labelColor = undefined;
- this._labelOutlineColor = undefined;
- this._labelOutlineWidth = undefined;
- this._font = undefined;
- this._labelStyle = undefined;
- this._labelText = undefined;
- this._backgroundColor = undefined;
- this._backgroundPadding = undefined;
- this._backgroundEnabled = undefined;
- this._scaleByDistance = undefined;
- this._translucencyByDistance = undefined;
- this._distanceDisplayCondition = undefined;
- this._heightOffset = undefined;
- this._anchorLineEnabled = undefined;
- this._anchorLineColor = undefined;
- this._image = undefined;
- this._disableDepthTestDistance = undefined;
- this._horizontalOrigin = undefined;
- this._verticalOrigin = undefined;
- this._labelHorizontalOrigin = undefined;
- this._labelVerticalOrigin = undefined;
- this._meta = undefined;
- this._colorShaderFunction = undefined;
- this._showShaderFunction = undefined;
- this._pointSizeShaderFunction = undefined;
- this._colorShaderFunctionReady = false;
- this._showShaderFunctionReady = false;
- this._pointSizeShaderFunctionReady = false;
- this._colorShaderTranslucent = false;
- var promise;
- if (typeof style === 'string' || style instanceof Resource) {
- var resource = Resource.createIfNeeded(style);
- promise = resource.fetchJson(style);
- } else {
- promise = when.resolve(style);
- }
- var that = this;
- this._readyPromise = promise.then(function(styleJson) {
- setup(that, styleJson);
- return that;
- });
- }
- function setup(that, styleJson) {
- styleJson = defaultValue(clone(styleJson, true), that._style);
- that._style = styleJson;
- that.show = styleJson.show;
- that.color = styleJson.color;
- that.pointSize = styleJson.pointSize;
- that.pointOutlineColor = styleJson.pointOutlineColor;
- that.pointOutlineWidth = styleJson.pointOutlineWidth;
- that.labelColor = styleJson.labelColor;
- that.labelOutlineColor = styleJson.labelOutlineColor;
- that.labelOutlineWidth = styleJson.labelOutlineWidth;
- that.labelStyle = styleJson.labelStyle;
- that.font = styleJson.font;
- that.labelText = styleJson.labelText;
- that.backgroundColor = styleJson.backgroundColor;
- that.backgroundPadding = styleJson.backgroundPadding;
- that.backgroundEnabled = styleJson.backgroundEnabled;
- that.scaleByDistance = styleJson.scaleByDistance;
- that.translucencyByDistance = styleJson.translucencyByDistance;
- that.distanceDisplayCondition = styleJson.distanceDisplayCondition;
- that.heightOffset = styleJson.heightOffset;
- that.anchorLineEnabled = styleJson.anchorLineEnabled;
- that.anchorLineColor = styleJson.anchorLineColor;
- that.image = styleJson.image;
- that.disableDepthTestDistance = styleJson.disableDepthTestDistance;
- that.horizontalOrigin = styleJson.horizontalOrigin;
- that.verticalOrigin = styleJson.verticalOrigin;
- that.labelHorizontalOrigin = styleJson.labelHorizontalOrigin;
- that.labelVerticalOrigin = styleJson.labelVerticalOrigin;
- var meta = {};
- if (defined(styleJson.meta)) {
- var defines = styleJson.defines;
- var metaJson = defaultValue(styleJson.meta, defaultValue.EMPTY_OBJECT);
- for (var property in metaJson) {
- if (metaJson.hasOwnProperty(property)) {
- meta[property] = new Expression(metaJson[property], defines);
- }
- }
- }
- that._meta = meta;
- that._ready = true;
- }
- function getExpression(tileStyle, value) {
- var defines = defaultValue(tileStyle._style, defaultValue.EMPTY_OBJECT).defines;
- if (!defined(value)) {
- return undefined;
- } else if (typeof value === 'boolean' || typeof value === 'number') {
- return new Expression(String(value));
- } else if (typeof value === 'string') {
- return new Expression(value, defines);
- } else if (defined(value.conditions)) {
- return new ConditionsExpression(value, defines);
- }
- return value;
- }
- function getJsonFromExpression(expression) {
- if (!defined(expression)) {
- return undefined;
- } else if (defined(expression.expression)) {
- return expression.expression;
- } else if (defined(expression.conditionsExpression)) {
- return clone(expression.conditionsExpression, true);
- }
- return expression;
- }
- defineProperties(Cesium3DTileStyle.prototype, {
- /**
- * Gets the object defining the style using the
- * {@link https://github.com/AnalyticalGraphicsInc/3d-tiles/tree/master/specification/Styling|3D Tiles Styling language}.
- *
- * @memberof Cesium3DTileStyle.prototype
- *
- * @type {Object}
- * @readonly
- *
- * @default {}
- *
- * @exception {DeveloperError} The style is not loaded. Use Cesium3DTileStyle.readyPromise or wait for Cesium3DTileStyle.ready to be true.
- */
- style : {
- get : function() {
- //>>includeStart('debug', pragmas.debug);
- if (!this._ready) {
- throw new DeveloperError('The style is not loaded. Use Cesium3DTileStyle.readyPromise or wait for Cesium3DTileStyle.ready to be true.');
- }
- //>>includeEnd('debug');
- return this._style;
- }
- },
- /**
- * When <code>true</code>, the style is ready and its expressions can be evaluated. When
- * a style is constructed with an object, as opposed to a url, this is <code>true</code> immediately.
- *
- * @memberof Cesium3DTileStyle.prototype
- *
- * @type {Boolean}
- * @readonly
- *
- * @default false
- */
- ready : {
- get : function() {
- return this._ready;
- }
- },
- /**
- * Gets the promise that will be resolved when the the style is ready and its expressions can be evaluated.
- *
- * @memberof Cesium3DTileStyle.prototype
- *
- * @type {Promise.<Cesium3DTileStyle>}
- * @readonly
- */
- readyPromise : {
- get : function() {
- return this._readyPromise;
- }
- },
- /**
- * Gets or sets the {@link StyleExpression} object used to evaluate the style's <code>show</code> property. Alternatively a boolean, string, or object defining a show style can be used.
- * The getter will return the internal {@link Expression} or {@link ConditionsExpression}, which may differ from the value provided to the setter.
- * <p>
- * The expression must return or convert to a <code>Boolean</code>.
- * </p>
- * <p>
- * This expression is applicable to all tile formats.
- * </p>
- *
- * @memberof Cesium3DTileStyle.prototype
- *
- * @type {StyleExpression}
- *
- * @exception {DeveloperError} The style is not loaded. Use {@link Cesium3DTileStyle#readyPromise} or wait for {@link Cesium3DTileStyle#ready} to be true.
- *
- * @example
- * var style = new Cesium3DTileStyle({
- * show : '(regExp("^Chest").test(${County})) && (${YearBuilt} >= 1970)'
- * });
- * style.show.evaluate(feature); // returns true or false depending on the feature's properties
- *
- * @example
- * var style = new Cesium.Cesium3DTileStyle();
- * // Override show expression with a custom function
- * style.show = {
- * evaluate : function(feature) {
- * return true;
- * }
- * };
- *
- * @example
- * var style = new Cesium.Cesium3DTileStyle();
- * // Override show expression with a boolean
- * style.show = true;
- * };
- *
- * @example
- * var style = new Cesium.Cesium3DTileStyle();
- * // Override show expression with a string
- * style.show = '${Height} > 0';
- * };
- *
- * @example
- * var style = new Cesium.Cesium3DTileStyle();
- * // Override show expression with a condition
- * style.show = {
- * conditions: [
- * ['${height} > 2', 'false'],
- * ['true', 'true']
- * ];
- * };
- */
- show : {
- get : function() {
- //>>includeStart('debug', pragmas.debug);
- if (!this._ready) {
- throw new DeveloperError('The style is not loaded. Use Cesium3DTileStyle.readyPromise or wait for Cesium3DTileStyle.ready to be true.');
- }
- //>>includeEnd('debug');
- return this._show;
- },
- set : function(value) {
- this._show = getExpression(this, value);
- this._style.show = getJsonFromExpression(this._show);
- this._showShaderFunctionReady = false;
- }
- },
- /**
- * Gets or sets the {@link StyleExpression} object used to evaluate the style's <code>color</code> property. Alternatively a string or object defining a color style can be used.
- * The getter will return the internal {@link Expression} or {@link ConditionsExpression}, which may differ from the value provided to the setter.
- * <p>
- * The expression must return a <code>Color</code>.
- * </p>
- * <p>
- * This expression is applicable to all tile formats.
- * </p>
- *
- * @memberof Cesium3DTileStyle.prototype
- *
- * @type {StyleExpression}
- *
- * @exception {DeveloperError} The style is not loaded. Use {@link Cesium3DTileStyle#readyPromise} or wait for {@link Cesium3DTileStyle#ready} to be true.
- *
- * @example
- * var style = new Cesium3DTileStyle({
- * color : '(${Temperature} > 90) ? color("red") : color("white")'
- * });
- * style.color.evaluateColor(feature, result); // returns a Cesium.Color object
- *
- * @example
- * var style = new Cesium.Cesium3DTileStyle();
- * // Override color expression with a custom function
- * style.color = {
- * evaluateColor : function(feature, result) {
- * return Cesium.Color.clone(Cesium.Color.WHITE, result);
- * }
- * };
- *
- * @example
- * var style = new Cesium.Cesium3DTileStyle();
- * // Override color expression with a string
- * style.color = 'color("blue")';
- *
- * @example
- * var style = new Cesium.Cesium3DTileStyle();
- * // Override color expression with a condition
- * style.color = {
- * conditions : [
- * ['${height} > 2', 'color("cyan")'],
- * ['true', 'color("blue")']
- * ]
- * };
- */
- color : {
- get : function() {
- //>>includeStart('debug', pragmas.debug);
- if (!this._ready) {
- throw new DeveloperError('The style is not loaded. Use Cesium3DTileStyle.readyPromise or wait for Cesium3DTileStyle.ready to be true.');
- }
- //>>includeEnd('debug');
- return this._color;
- },
- set : function(value) {
- this._color = getExpression(this, value);
- this._style.color = getJsonFromExpression(this._color);
- this._colorShaderFunctionReady = false;
- }
- },
- /**
- * Gets or sets the {@link StyleExpression} object used to evaluate the style's <code>pointSize</code> property. Alternatively a string or object defining a point size style can be used.
- * The getter will return the internal {@link Expression} or {@link ConditionsExpression}, which may differ from the value provided to the setter.
- * <p>
- * The expression must return a <code>Number</code>.
- * </p>
- * <p>
- * This expression is only applicable to point features in a Vector tile or a Point Cloud tile.
- * </p>
- *
- * @memberof Cesium3DTileStyle.prototype
- *
- * @type {StyleExpression}
- *
- * @exception {DeveloperError} The style is not loaded. Use {@link Cesium3DTileStyle#readyPromise} or wait for {@link Cesium3DTileStyle#ready} to be true.
- *
- * @example
- * var style = new Cesium3DTileStyle({
- * pointSize : '(${Temperature} > 90) ? 2.0 : 1.0'
- * });
- * style.pointSize.evaluate(feature); // returns a Number
- *
- * @example
- * var style = new Cesium.Cesium3DTileStyle();
- * // Override pointSize expression with a custom function
- * style.pointSize = {
- * evaluate : function(feature) {
- * return 1.0;
- * }
- * };
- *
- * @example
- * var style = new Cesium.Cesium3DTileStyle();
- * // Override pointSize expression with a number
- * style.pointSize = 1.0;
- *
- * @example
- * var style = new Cesium.Cesium3DTileStyle();
- * // Override pointSize expression with a string
- * style.pointSize = '${height} / 10';
- *
- * @example
- * var style = new Cesium.Cesium3DTileStyle();
- * // Override pointSize expression with a condition
- * style.pointSize = {
- * conditions : [
- * ['${height} > 2', '1.0'],
- * ['true', '2.0']
- * ]
- * };
- */
- pointSize : {
- get : function() {
- //>>includeStart('debug', pragmas.debug);
- if (!this._ready) {
- throw new DeveloperError('The style is not loaded. Use Cesium3DTileStyle.readyPromise or wait for Cesium3DTileStyle.ready to be true.');
- }
- //>>includeEnd('debug');
- return this._pointSize;
- },
- set : function(value) {
- this._pointSize = getExpression(this, value);
- this._style.pointSize = getJsonFromExpression(this._pointSize);
- this._pointSizeShaderFunctionReady = false;
- }
- },
- /**
- * Gets or sets the {@link StyleExpression} object used to evaluate the style's <code>pointOutlineColor</code> property. Alternatively a string or object defining a color style can be used.
- * The getter will return the internal {@link Expression} or {@link ConditionsExpression}, which may differ from the value provided to the setter.
- * <p>
- * The expression must return a <code>Color</code>.
- * </p>
- * <p>
- * This expression is only applicable to point features in a Vector tile.
- * </p>
- *
- * @memberof Cesium3DTileStyle.prototype
- *
- * @type {StyleExpression}
- *
- * @exception {DeveloperError} The style is not loaded. Use {@link Cesium3DTileStyle#readyPromise} or wait for {@link Cesium3DTileStyle#ready} to be true.
- *
- * @experimental This feature is using part of the 3D Tiles spec that is not final and is subject to change without Cesium's standard deprecation policy.
- *
- * @example
- * var style = new Cesium.Cesium3DTileStyle();
- * // Override pointOutlineColor expression with a string
- * style.pointOutlineColor = 'color("blue")';
- *
- * @example
- * var style = new Cesium.Cesium3DTileStyle();
- * // Override pointOutlineColor expression with a condition
- * style.pointOutlineColor = {
- * conditions : [
- * ['${height} > 2', 'color("cyan")'],
- * ['true', 'color("blue")']
- * ]
- * };
- */
- pointOutlineColor : {
- get : function() {
- //>>includeStart('debug', pragmas.debug);
- if (!this._ready) {
- throw new DeveloperError('The style is not loaded. Use Cesium3DTileStyle.readyPromise or wait for Cesium3DTileStyle.ready to be true.');
- }
- //>>includeEnd('debug');
- return this._pointOutlineColor;
- },
- set : function(value) {
- this._pointOutlineColor = getExpression(this, value);
- this._style.pointOutlineColor = getJsonFromExpression(this._pointOutlineColor);
- }
- },
- /**
- * Gets or sets the {@link StyleExpression} object used to evaluate the style's <code>pointOutlineWidth</code> property. Alternatively a string or object defining a number style can be used.
- * The getter will return the internal {@link Expression} or {@link ConditionsExpression}, which may differ from the value provided to the setter.
- * <p>
- * The expression must return a <code>Number</code>.
- * </p>
- * <p>
- * This expression is only applicable to point features in a Vector tile.
- * </p>
- *
- * @memberof Cesium3DTileStyle.prototype
- *
- * @type {StyleExpression}
- *
- * @exception {DeveloperError} The style is not loaded. Use {@link Cesium3DTileStyle#readyPromise} or wait for {@link Cesium3DTileStyle#ready} to be true.
- *
- * @experimental This feature is using part of the 3D Tiles spec that is not final and is subject to change without Cesium's standard deprecation policy.
- *
- * @example
- * var style = new Cesium.Cesium3DTileStyle();
- * // Override pointOutlineWidth expression with a string
- * style.pointOutlineWidth = '5';
- *
- * @example
- * var style = new Cesium.Cesium3DTileStyle();
- * // Override pointOutlineWidth expression with a condition
- * style.pointOutlineWidth = {
- * conditions : [
- * ['${height} > 2', '5'],
- * ['true', '0']
- * ]
- * };
- */
- pointOutlineWidth : {
- get : function() {
- //>>includeStart('debug', pragmas.debug);
- if (!this._ready) {
- throw new DeveloperError('The style is not loaded. Use Cesium3DTileStyle.readyPromise or wait for Cesium3DTileStyle.ready to be true.');
- }
- //>>includeEnd('debug');
- return this._pointOutlineWidth;
- },
- set : function(value) {
- this._pointOutlineWidth = getExpression(this, value);
- this._style.pointOutlineWidth = getJsonFromExpression(this._pointOutlineWidth);
- }
- },
- /**
- * Gets or sets the {@link StyleExpression} object used to evaluate the style's <code>labelColor</code> property. Alternatively a string or object defining a color style can be used.
- * The getter will return the internal {@link Expression} or {@link ConditionsExpression}, which may differ from the value provided to the setter.
- * <p>
- * The expression must return a <code>Color</code>.
- * </p>
- * <p>
- * This expression is only applicable to point features in a Vector tile.
- * </p>
- *
- * @memberof Cesium3DTileStyle.prototype
- *
- * @type {StyleExpression}
- *
- * @exception {DeveloperError} The style is not loaded. Use {@link Cesium3DTileStyle#readyPromise} or wait for {@link Cesium3DTileStyle#ready} to be true.
- *
- * @experimental This feature is using part of the 3D Tiles spec that is not final and is subject to change without Cesium's standard deprecation policy.
- *
- * @example
- * var style = new Cesium.Cesium3DTileStyle();
- * // Override labelColor expression with a string
- * style.labelColor = 'color("blue")';
- *
- * @example
- * var style = new Cesium.Cesium3DTileStyle();
- * // Override labelColor expression with a condition
- * style.labelColor = {
- * conditions : [
- * ['${height} > 2', 'color("cyan")'],
- * ['true', 'color("blue")']
- * ]
- * };
- */
- labelColor : {
- get : function() {
- //>>includeStart('debug', pragmas.debug);
- if (!this._ready) {
- throw new DeveloperError('The style is not loaded. Use Cesium3DTileStyle.readyPromise or wait for Cesium3DTileStyle.ready to be true.');
- }
- //>>includeEnd('debug');
- return this._labelColor;
- },
- set : function(value) {
- this._labelColor = getExpression(this, value);
- this._style.labelColor = getJsonFromExpression(this._labelColor);
- }
- },
- /**
- * Gets or sets the {@link StyleExpression} object used to evaluate the style's <code>labelOutlineColor</code> property. Alternatively a string or object defining a color style can be used.
- * The getter will return the internal {@link Expression} or {@link ConditionsExpression}, which may differ from the value provided to the setter.
- * <p>
- * The expression must return a <code>Color</code>.
- * </p>
- * <p>
- * This expression is only applicable to point features in a Vector tile.
- * </p>
- *
- * @memberof Cesium3DTileStyle.prototype
- *
- * @type {StyleExpression}
- *
- * @exception {DeveloperError} The style is not loaded. Use {@link Cesium3DTileStyle#readyPromise} or wait for {@link Cesium3DTileStyle#ready} to be true.
- *
- * @experimental This feature is using part of the 3D Tiles spec that is not final and is subject to change without Cesium's standard deprecation policy.
- *
- * @example
- * var style = new Cesium.Cesium3DTileStyle();
- * // Override labelOutlineColor expression with a string
- * style.labelOutlineColor = 'color("blue")';
- *
- * @example
- * var style = new Cesium.Cesium3DTileStyle();
- * // Override labelOutlineColor expression with a condition
- * style.labelOutlineColor = {
- * conditions : [
- * ['${height} > 2', 'color("cyan")'],
- * ['true', 'color("blue")']
- * ]
- * };
- */
- labelOutlineColor : {
- get : function() {
- //>>includeStart('debug', pragmas.debug);
- if (!this._ready) {
- throw new DeveloperError('The style is not loaded. Use Cesium3DTileStyle.readyPromise or wait for Cesium3DTileStyle.ready to be true.');
- }
- //>>includeEnd('debug');
- return this._labelOutlineColor;
- },
- set : function(value) {
- this._labelOutlineColor = getExpression(this, value);
- this._style.labelOutlineColor = getJsonFromExpression(this._labelOutlineColor);
- }
- },
- /**
- * Gets or sets the {@link StyleExpression} object used to evaluate the style's <code>labelOutlineWidth</code> property. Alternatively a string or object defining a number style can be used.
- * The getter will return the internal {@link Expression} or {@link ConditionsExpression}, which may differ from the value provided to the setter.
- * <p>
- * The expression must return a <code>Number</code>.
- * </p>
- * <p>
- * This expression is only applicable to point features in a Vector tile.
- * </p>
- *
- * @memberof Cesium3DTileStyle.prototype
- *
- * @type {StyleExpression}
- *
- * @exception {DeveloperError} The style is not loaded. Use {@link Cesium3DTileStyle#readyPromise} or wait for {@link Cesium3DTileStyle#ready} to be true.
- *
- * @experimental This feature is using part of the 3D Tiles spec that is not final and is subject to change without Cesium's standard deprecation policy.
- *
- * @example
- * var style = new Cesium.Cesium3DTileStyle();
- * // Override labelOutlineWidth expression with a string
- * style.labelOutlineWidth = '5';
- *
- * @example
- * var style = new Cesium.Cesium3DTileStyle();
- * // Override labelOutlineWidth expression with a condition
- * style.labelOutlineWidth = {
- * conditions : [
- * ['${height} > 2', '5'],
- * ['true', '0']
- * ]
- * };
- */
- labelOutlineWidth : {
- get : function() {
- //>>includeStart('debug', pragmas.debug);
- if (!this._ready) {
- throw new DeveloperError('The style is not loaded. Use Cesium3DTileStyle.readyPromise or wait for Cesium3DTileStyle.ready to be true.');
- }
- //>>includeEnd('debug');
- return this._labelOutlineWidth;
- },
- set : function(value) {
- this._labelOutlineWidth = getExpression(this, value);
- this._style.labelOutlineWidth = getJsonFromExpression(this._labelOutlineWidth);
- }
- },
- /**
- * Gets or sets the {@link StyleExpression} object used to evaluate the style's <code>font</code> property. Alternatively a string or object defining a string style can be used.
- * The getter will return the internal {@link Expression} or {@link ConditionsExpression}, which may differ from the value provided to the setter.
- * <p>
- * The expression must return a <code>String</code>.
- * </p>
- * <p>
- * This expression is only applicable to point features in a Vector tile.
- * </p>
- *
- * @memberof Cesium3DTileStyle.prototype
- *
- * @type {StyleExpression}
- *
- * @exception {DeveloperError} The style is not loaded. Use {@link Cesium3DTileStyle#readyPromise} or wait for {@link Cesium3DTileStyle#ready} to be true.
- *
- * @experimental This feature is using part of the 3D Tiles spec that is not final and is subject to change without Cesium's standard deprecation policy.
- *
- * @example
- * var style = new Cesium3DTileStyle({
- * font : '(${Temperature} > 90) ? "30px Helvetica" : "24px Helvetica"'
- * });
- * style.font.evaluate(feature); // returns a String
- *
- * @example
- * var style = new Cesium.Cesium3DTileStyle();
- * // Override font expression with a custom function
- * style.font = {
- * evaluate : function(feature) {
- * return '24px Helvetica';
- * }
- * };
- */
- font : {
- get : function() {
- //>>includeStart('debug', pragmas.debug);
- if (!this._ready) {
- throw new DeveloperError('The style is not loaded. Use Cesium3DTileStyle.readyPromise or wait for Cesium3DTileStyle.ready to be true.');
- }
- //>>includeEnd('debug');
- return this._font;
- },
- set : function(value) {
- this._font = getExpression(this, value);
- this._style.font = getJsonFromExpression(this._font);
- }
- },
- /**
- * Gets or sets the {@link StyleExpression} object used to evaluate the style's <code>label style</code> property. Alternatively a string or object defining a number style can be used.
- * The getter will return the internal {@link Expression} or {@link ConditionsExpression}, which may differ from the value provided to the setter.
- * <p>
- * The expression must return a <code>LabelStyle</code>.
- * </p>
- * <p>
- * This expression is only applicable to point features in a Vector tile.
- * </p>
- *
- * @memberof Cesium3DTileStyle.prototype
- *
- * @type {StyleExpression}
- *
- * @exception {DeveloperError} The style is not loaded. Use {@link Cesium3DTileStyle#readyPromise} or wait for {@link Cesium3DTileStyle#ready} to be true.
- *
- * @experimental This feature is using part of the 3D Tiles spec that is not final and is subject to change without Cesium's standard deprecation policy.
- *
- * @example
- * var style = new Cesium3DTileStyle({
- * labelStyle : '(${Temperature} > 90) ? ' + LabelStyle.FILL_AND_OUTLINE + ' : ' + LabelStyle.FILL
- * });
- * style.labelStyle.evaluate(feature); // returns a LabelStyle
- *
- * @example
- * var style = new Cesium.Cesium3DTileStyle();
- * // Override labelStyle expression with a custom function
- * style.labelStyle = {
- * evaluate : function(feature) {
- * return LabelStyle.FILL;
- * }
- * };
- */
- labelStyle : {
- get : function() {
- //>>includeStart('debug', pragmas.debug);
- if (!this._ready) {
- throw new DeveloperError('The style is not loaded. Use Cesium3DTileStyle.readyPromise or wait for Cesium3DTileStyle.ready to be true.');
- }
- //>>includeEnd('debug');
- return this._labelStyle;
- },
- set : function(value) {
- this._labelStyle = getExpression(this, value);
- this._style.labelStyle = getJsonFromExpression(this._labelStyle);
- }
- },
- /**
- * Gets or sets the {@link StyleExpression} object used to evaluate the style's <code>labelText</code> property. Alternatively a string or object defining a string style can be used.
- * The getter will return the internal {@link Expression} or {@link ConditionsExpression}, which may differ from the value provided to the setter.
- * <p>
- * The expression must return a <code>String</code>.
- * </p>
- * <p>
- * This expression is only applicable to point features in a Vector tile.
- * </p>
- *
- * @memberof Cesium3DTileStyle.prototype
- *
- * @type {StyleExpression}
- *
- * @exception {DeveloperError} The style is not loaded. Use {@link Cesium3DTileStyle#readyPromise} or wait for {@link Cesium3DTileStyle#ready} to be true.
- *
- * @experimental This feature is using part of the 3D Tiles spec that is not final and is subject to change without Cesium's standard deprecation policy.
- *
- * @example
- * var style = new Cesium3DTileStyle({
- * labelText : '(${Temperature} > 90) ? ">90" : "<=90"'
- * });
- * style.labelText.evaluate(feature); // returns a String
- *
- * @example
- * var style = new Cesium.Cesium3DTileStyle();
- * // Override labelText expression with a custom function
- * style.labelText = {
- * evaluate : function(feature) {
- * return 'Example label text';
- * }
- * };
- */
- labelText : {
- get : function() {
- //>>includeStart('debug', pragmas.debug);
- if (!this._ready) {
- throw new DeveloperError('The style is not loaded. Use Cesium3DTileStyle.readyPromise or wait for Cesium3DTileStyle.ready to be true.');
- }
- //>>includeEnd('debug');
- return this._labelText;
- },
- set : function(value) {
- this._labelText = getExpression(this, value);
- this._style.labelText = getJsonFromExpression(this._labelText);
- }
- },
- /**
- * Gets or sets the {@link StyleExpression} object used to evaluate the style's <code>backgroundColor</code> property. Alternatively a string or object defining a color style can be used.
- * The getter will return the internal {@link Expression} or {@link ConditionsExpression}, which may differ from the value provided to the setter.
- * <p>
- * The expression must return a <code>Color</code>.
- * </p>
- * <p>
- * This expression is only applicable to point features in a Vector tile.
- * </p>
- *
- * @memberof Cesium3DTileStyle.prototype
- *
- * @type {StyleExpression}
- *
- * @exception {DeveloperError} The style is not loaded. Use {@link Cesium3DTileStyle#readyPromise} or wait for {@link Cesium3DTileStyle#ready} to be true.
- *
- * @experimental This feature is using part of the 3D Tiles spec that is not final and is subject to change without Cesium's standard deprecation policy.
- *
- * @example
- * var style = new Cesium.Cesium3DTileStyle();
- * // Override backgroundColor expression with a string
- * style.backgroundColor = 'color("blue")';
- *
- * @example
- * var style = new Cesium.Cesium3DTileStyle();
- * // Override backgroundColor expression with a condition
- * style.backgroundColor = {
- * conditions : [
- * ['${height} > 2', 'color("cyan")'],
- * ['true', 'color("blue")']
- * ]
- * };
- */
- backgroundColor : {
- get : function() {
- //>>includeStart('debug', pragmas.debug);
- if (!this._ready) {
- throw new DeveloperError('The style is not loaded. Use Cesium3DTileStyle.readyPromise or wait for Cesium3DTileStyle.ready to be true.');
- }
- //>>includeEnd('debug');
- return this._backgroundColor;
- },
- set : function(value) {
- this._backgroundColor = getExpression(this, value);
- this._style.backgroundColor = getJsonFromExpression(this._backgroundColor);
- }
- },
- /**
- * Gets or sets the {@link StyleExpression} object used to evaluate the style's <code>backgroundPadding</code> property. Alternatively a string or object defining a vec2 style can be used.
- * The getter will return the internal {@link Expression} or {@link ConditionsExpression}, which may differ from the value provided to the setter.
- * <p>
- * The expression must return a <code>Cartesian2</code>.
- * </p>
- * <p>
- * This expression is only applicable to point features in a Vector tile.
- * </p>
- *
- * @memberof Cesium3DTileStyle.prototype
- *
- * @type {StyleExpression}
- *
- * @exception {DeveloperError} The style is not loaded. Use {@link Cesium3DTileStyle#readyPromise} or wait for {@link Cesium3DTileStyle#ready} to be true.
- *
- * @experimental This feature is using part of the 3D Tiles spec that is not final and is subject to change without Cesium's standard deprecation policy.
- *
- * @example
- * var style = new Cesium.Cesium3DTileStyle();
- * // Override backgroundPadding expression with a string
- * style.backgroundPadding = 'vec2(5.0, 7.0)';
- * style.backgroundPadding.evaluate(feature); // returns a Cartesian2
- */
- backgroundPadding : {
- get : function() {
- //>>includeStart('debug', pragmas.debug);
- if (!this._ready) {
- throw new DeveloperError('The style is not loaded. Use Cesium3DTileStyle.readyPromise or wait for Cesium3DTileStyle.ready to be true.');
- }
- //>>includeEnd('debug');
- return this._backgroundPadding;
- },
- set : function(value) {
- this._backgroundPadding = getExpression(this, value);
- this._style.backgroundPadding = getJsonFromExpression(this._backgroundPadding);
- }
- },
- /**
- * Gets or sets the {@link StyleExpression} object used to evaluate the style's <code>backgroundEnabled</code> property. Alternatively a string or object defining a boolean style can be used.
- * The getter will return the internal {@link Expression} or {@link ConditionsExpression}, which may differ from the value provided to the setter.
- * <p>
- * The expression must return a <code>Boolean</code>.
- * </p>
- * <p>
- * This expression is only applicable to point features in a Vector tile.
- * </p>
- *
- * @memberof Cesium3DTileStyle.prototype
- *
- * @type {StyleExpression}
- *
- * @exception {DeveloperError} The style is not loaded. Use {@link Cesium3DTileStyle#readyPromise} or wait for {@link Cesium3DTileStyle#ready} to be true.
- *
- * @experimental This feature is using part of the 3D Tiles spec that is not final and is subject to change without Cesium's standard deprecation policy.
- *
- * @example
- * var style = new Cesium.Cesium3DTileStyle();
- * // Override backgroundEnabled expression with a string
- * style.backgroundEnabled = 'true';
- *
- * @example
- * var style = new Cesium.Cesium3DTileStyle();
- * // Override backgroundEnabled expression with a condition
- * style.backgroundEnabled = {
- * conditions : [
- * ['${height} > 2', 'true'],
- * ['true', 'false']
- * ]
- * };
- */
- backgroundEnabled : {
- get : function() {
- //>>includeStart('debug', pragmas.debug);
- if (!this._ready) {
- throw new DeveloperError('The style is not loaded. Use Cesium3DTileStyle.readyPromise or wait for Cesium3DTileStyle.ready to be true.');
- }
- //>>includeEnd('debug');
- return this._backgroundEnabled;
- },
- set : function(value) {
- this._backgroundEnabled = getExpression(this, value);
- this._style.backgroundEnabled = getJsonFromExpression(this._backgroundEnabled);
- }
- },
- /**
- * Gets or sets the {@link StyleExpression} object used to evaluate the style's <code>scaleByDistance</code> property. Alternatively a string or object defining a vec4 style can be used.
- * The getter will return the internal {@link Expression} or {@link ConditionsExpression}, which may differ from the value provided to the setter.
- * <p>
- * The expression must return a <code>Cartesian4</code>.
- * </p>
- * <p>
- * This expression is only applicable to point features in a Vector tile.
- * </p>
- *
- * @memberof Cesium3DTileStyle.prototype
- *
- * @type {StyleExpression}
- *
- * @exception {DeveloperError} The style is not loaded. Use {@link Cesium3DTileStyle#readyPromise} or wait for {@link Cesium3DTileStyle#ready} to be true.
- *
- * @experimental This feature is using part of the 3D Tiles spec that is not final and is subject to change without Cesium's standard deprecation policy.
- *
- * @example
- * var style = new Cesium.Cesium3DTileStyle();
- * // Override scaleByDistance expression with a string
- * style.scaleByDistance = 'vec4(1.5e2, 2.0, 1.5e7, 0.5)';
- * style.scaleByDistance.evaluate(feature); // returns a Cartesian4
- */
- scaleByDistance : {
- get : function() {
- //>>includeStart('debug', pragmas.debug);
- if (!this._ready) {
- throw new DeveloperError('The style is not loaded. Use Cesium3DTileStyle.readyPromise or wait for Cesium3DTileStyle.ready to be true.');
- }
- //>>includeEnd('debug');
- return this._scaleByDistance;
- },
- set : function(value) {
- this._scaleByDistance = getExpression(this, value);
- this._style.scaleByDistance = getJsonFromExpression(this._scaleByDistance);
- }
- },
- /**
- * Gets or sets the {@link StyleExpression} object used to evaluate the style's <code>translucencyByDistance</code> property. Alternatively a string or object defining a vec4 style can be used.
- * The getter will return the internal {@link Expression} or {@link ConditionsExpression}, which may differ from the value provided to the setter.
- * <p>
- * The expression must return a <code>Cartesian4</code>.
- * </p>
- * <p>
- * This expression is only applicable to point features in a Vector tile.
- * </p>
- *
- * @memberof Cesium3DTileStyle.prototype
- *
- * @type {StyleExpression}
- *
- * @exception {DeveloperError} The style is not loaded. Use {@link Cesium3DTileStyle#readyPromise} or wait for {@link Cesium3DTileStyle#ready} to be true.
- *
- * @experimental This feature is using part of the 3D Tiles spec that is not final and is subject to change without Cesium's standard deprecation policy.
- *
- * @example
- * var style = new Cesium.Cesium3DTileStyle();
- * // Override translucencyByDistance expression with a string
- * style.translucencyByDistance = 'vec4(1.5e2, 1.0, 1.5e7, 0.2)';
- * style.translucencyByDistance.evaluate(feature); // returns a Cartesian4
- */
- translucencyByDistance : {
- get : function() {
- //>>includeStart('debug', pragmas.debug);
- if (!this._ready) {
- throw new DeveloperError('The style is not loaded. Use Cesium3DTileStyle.readyPromise or wait for Cesium3DTileStyle.ready to be true.');
- }
- //>>includeEnd('debug');
- return this._translucencyByDistance;
- },
- set : function(value) {
- this._translucencyByDistance = getExpression(this, value);
- this._style.translucencyByDistance = getJsonFromExpression(this._translucencyByDistance);
- }
- },
- /**
- * Gets or sets the {@link StyleExpression} object used to evaluate the style's <code>distanceDisplayCondition</code> property. Alternatively a string or object defining a vec2 style can be used.
- * The getter will return the internal {@link Expression} or {@link ConditionsExpression}, which may differ from the value provided to the setter.
- * <p>
- * The expression must return a <code>Cartesian2</code>.
- * </p>
- * <p>
- * This expression is only applicable to point features in a Vector tile.
- * </p>
- *
- * @memberof Cesium3DTileStyle.prototype
- *
- * @type {StyleExpression}
- *
- * @exception {DeveloperError} The style is not loaded. Use {@link Cesium3DTileStyle#readyPromise} or wait for {@link Cesium3DTileStyle#ready} to be true.
- *
- * @experimental This feature is using part of the 3D Tiles spec that is not final and is subject to change without Cesium's standard deprecation policy.
- *
- * @example
- * var style = new Cesium.Cesium3DTileStyle();
- * // Override distanceDisplayCondition expression with a string
- * style.distanceDisplayCondition = 'vec2(0.0, 5.5e6)';
- * style.distanceDisplayCondition.evaluate(feature); // returns a Cartesian2
- */
- distanceDisplayCondition : {
- get : function() {
- //>>includeStart('debug', pragmas.debug);
- if (!this._ready) {
- throw new DeveloperError('The style is not loaded. Use Cesium3DTileStyle.readyPromise or wait for Cesium3DTileStyle.ready to be true.');
- }
- //>>includeEnd('debug');
- return this._distanceDisplayCondition;
- },
- set : function(value) {
- this._distanceDisplayCondition = getExpression(this, value);
- this._style.distanceDisplayCondition = getJsonFromExpression(this._distanceDisplayCondition);
- }
- },
- /**
- * Gets or sets the {@link StyleExpression} object used to evaluate the style's <code>heightOffset</code> property. Alternatively a string or object defining a number style can be used.
- * The getter will return the internal {@link Expression} or {@link ConditionsExpression}, which may differ from the value provided to the setter.
- * <p>
- * The expression must return a <code>Number</code>.
- * </p>
- * <p>
- * This expression is only applicable to point features in a Vector tile.
- * </p>
- *
- * @memberof Cesium3DTileStyle.prototype
- *
- * @type {StyleExpression}
- *
- * @exception {DeveloperError} The style is not loaded. Use {@link Cesium3DTileStyle#readyPromise} or wait for {@link Cesium3DTileStyle#ready} to be true.
- *
- * @experimental This feature is using part of the 3D Tiles spec that is not final and is subject to change without Cesium's standard deprecation policy.
- *
- * @example
- * var style = new Cesium.Cesium3DTileStyle();
- * // Override heightOffset expression with a string
- * style.heightOffset = '2.0';
- *
- * @example
- * var style = new Cesium.Cesium3DTileStyle();
- * // Override heightOffset expression with a condition
- * style.heightOffset = {
- * conditions : [
- * ['${height} > 2', '4.0'],
- * ['true', '2.0']
- * ]
- * };
- */
- heightOffset : {
- get : function() {
- //>>includeStart('debug', pragmas.debug);
- if (!this._ready) {
- throw new DeveloperError('The style is not loaded. Use Cesium3DTileStyle.readyPromise or wait for Cesium3DTileStyle.ready to be true.');
- }
- //>>includeEnd('debug');
- return this._heightOffset;
- },
- set : function(value) {
- this._heightOffset = getExpression(this, value);
- this._style.heightOffset = getJsonFromExpression(this._heightOffset);
- }
- },
- /**
- * Gets or sets the {@link StyleExpression} object used to evaluate the style's <code>anchorLineEnabled</code> property. Alternatively a string or object defining a boolean style can be used.
- * The getter will return the internal {@link Expression} or {@link ConditionsExpression}, which may differ from the value provided to the setter.
- * <p>
- * The expression must return a <code>Boolean</code>.
- * </p>
- * <p>
- * This expression is only applicable to point features in a Vector tile.
- * </p>
- *
- * @memberof Cesium3DTileStyle.prototype
- *
- * @type {StyleExpression}
- *
- * @exception {DeveloperError} The style is not loaded. Use {@link Cesium3DTileStyle#readyPromise} or wait for {@link Cesium3DTileStyle#ready} to be true.
- *
- * @experimental This feature is using part of the 3D Tiles spec that is not final and is subject to change without Cesium's standard deprecation policy.
- *
- * @example
- * var style = new Cesium.Cesium3DTileStyle();
- * // Override anchorLineEnabled expression with a string
- * style.anchorLineEnabled = 'true';
- *
- * @example
- * var style = new Cesium.Cesium3DTileStyle();
- * // Override anchorLineEnabled expression with a condition
- * style.anchorLineEnabled = {
- * conditions : [
- * ['${height} > 2', 'true'],
- * ['true', 'false']
- * ]
- * };
- */
- anchorLineEnabled : {
- get : function() {
- //>>includeStart('debug', pragmas.debug);
- if (!this._ready) {
- throw new DeveloperError('The style is not loaded. Use Cesium3DTileStyle.readyPromise or wait for Cesium3DTileStyle.ready to be true.');
- }
- //>>includeEnd('debug');
- return this._anchorLineEnabled;
- },
- set : function(value) {
- this._anchorLineEnabled = getExpression(this, value);
- this._style.anchorLineEnabled = getJsonFromExpression(this._anchorLineEnabled);
- }
- },
- /**
- * Gets or sets the {@link StyleExpression} object used to evaluate the style's <code>anchorLineColor</code> property. Alternatively a string or object defining a color style can be used.
- * The getter will return the internal {@link Expression} or {@link ConditionsExpression}, which may differ from the value provided to the setter.
- * <p>
- * The expression must return a <code>Color</code>.
- * </p>
- * <p>
- * This expression is only applicable to point features in a Vector tile.
- * </p>
- *
- * @memberof Cesium3DTileStyle.prototype
- *
- * @type {StyleExpression}
- *
- * @exception {DeveloperError} The style is not loaded. Use {@link Cesium3DTileStyle#readyPromise} or wait for {@link Cesium3DTileStyle#ready} to be true.
- *
- * @experimental This feature is using part of the 3D Tiles spec that is not final and is subject to change without Cesium's standard deprecation policy.
- *
- * @example
- * var style = new Cesium.Cesium3DTileStyle();
- * // Override anchorLineColor expression with a string
- * style.anchorLineColor = 'color("blue")';
- *
- * @example
- * var style = new Cesium.Cesium3DTileStyle();
- * // Override anchorLineColor expression with a condition
- * style.anchorLineColor = {
- * conditions : [
- * ['${height} > 2', 'color("cyan")'],
- * ['true', 'color("blue")']
- * ]
- * };
- */
- anchorLineColor : {
- get : function() {
- //>>includeStart('debug', pragmas.debug);
- if (!this._ready) {
- throw new DeveloperError('The style is not loaded. Use Cesium3DTileStyle.readyPromise or wait for Cesium3DTileStyle.ready to be true.');
- }
- //>>includeEnd('debug');
- return this._anchorLineColor;
- },
- set : function(value) {
- this._anchorLineColor = getExpression(this, value);
- this._style.anchorLineColor = getJsonFromExpression(this._anchorLineColor);
- }
- },
- /**
- * Gets or sets the {@link StyleExpression} object used to evaluate the style's <code>image</code> property. Alternatively a string or object defining a string style can be used.
- * The getter will return the internal {@link Expression} or {@link ConditionsExpression}, which may differ from the value provided to the setter.
- * <p>
- * The expression must return a <code>String</code>.
- * </p>
- * <p>
- * This expression is only applicable to point features in a Vector tile.
- * </p>
- *
- * @memberof Cesium3DTileStyle.prototype
- *
- * @type {StyleExpression}
- *
- * @exception {DeveloperError} The style is not loaded. Use {@link Cesium3DTileStyle#readyPromise} or wait for {@link Cesium3DTileStyle#ready} to be true.
- *
- * @experimental This feature is using part of the 3D Tiles spec that is not final and is subject to change without Cesium's standard deprecation policy.
- *
- * @example
- * var style = new Cesium3DTileStyle({
- * image : '(${Temperature} > 90) ? "/url/to/image1" : "/url/to/image2"'
- * });
- * style.image.evaluate(feature); // returns a String
- *
- * @example
- * var style = new Cesium.Cesium3DTileStyle();
- * // Override image expression with a custom function
- * style.image = {
- * evaluate : function(feature) {
- * return '/url/to/image';
- * }
- * };
- */
- image : {
- get : function() {
- //>>includeStart('debug', pragmas.debug);
- if (!this._ready) {
- throw new DeveloperError('The style is not loaded. Use Cesium3DTileStyle.readyPromise or wait for Cesium3DTileStyle.ready to be true.');
- }
- //>>includeEnd('debug');
- return this._image;
- },
- set : function(value) {
- this._image = getExpression(this, value);
- this._style.image = getJsonFromExpression(this._image);
- }
- },
- /**
- * Gets or sets the {@link StyleExpression} object used to evaluate the style's <code>disableDepthTestDistance</code> property. Alternatively a string or object defining a number style can be used.
- * The getter will return the internal {@link Expression} or {@link ConditionsExpression}, which may differ from the value provided to the setter.
- * <p>
- * The expression must return a <code>Number</code>.
- * </p>
- * <p>
- * This expression is only applicable to point features in a Vector tile.
- * </p>
- *
- * @memberof Cesium3DTileStyle.prototype
- *
- * @type {StyleExpression}
- *
- * @exception {DeveloperError} The style is not loaded. Use {@link Cesium3DTileStyle#readyPromise} or wait for {@link Cesium3DTileStyle#ready} to be true.
- *
- * @experimental This feature is using part of the 3D Tiles spec that is not final and is subject to change without Cesium's standard deprecation policy.
- *
- * @example
- * var style = new Cesium.Cesium3DTileStyle();
- * // Override disableDepthTestDistance expression with a string
- * style.disableDepthTestDistance = '1000.0';
- * style.disableDepthTestDistance.evaluate(feature); // returns a Number
- */
- disableDepthTestDistance : {
- get : function() {
- //>>includeStart('debug', pragmas.debug);
- if (!this._ready) {
- throw new DeveloperError('The style is not loaded. Use Cesium3DTileStyle.readyPromise or wait for Cesium3DTileStyle.ready to be true.');
- }
- //>>includeEnd('debug');
- return this._disableDepthTestDistance;
- },
- set : function(value) {
- this._disableDepthTestDistance = getExpression(this, value);
- this._style.disableDepthTestDistance = getJsonFromExpression(this._disableDepthTestDistance);
- }
- },
- /**
- * Gets or sets the {@link StyleExpression} object used to evaluate the style's <code>horizontalOrigin</code> property. Alternatively a string or object defining a number style can be used.
- * The getter will return the internal {@link Expression} or {@link ConditionsExpression}, which may differ from the value provided to the setter.
- * <p>
- * The expression must return a <code>HorizontalOrigin</code>.
- * </p>
- * <p>
- * This expression is only applicable to point features in a Vector tile.
- * </p>
- *
- * @memberof Cesium3DTileStyle.prototype
- *
- * @type {StyleExpression}
- *
- * @exception {DeveloperError} The style is not loaded. Use {@link Cesium3DTileStyle#readyPromise} or wait for {@link Cesium3DTileStyle#ready} to be true.
- *
- * @experimental This feature is using part of the 3D Tiles spec that is not final and is subject to change without Cesium's standard deprecation policy.
- *
- * @example
- * var style = new Cesium3DTileStyle({
- * horizontalOrigin : HorizontalOrigin.LEFT
- * });
- * style.horizontalOrigin.evaluate(feature); // returns a HorizontalOrigin
- *
- * @example
- * var style = new Cesium.Cesium3DTileStyle();
- * // Override horizontalOrigin expression with a custom function
- * style.horizontalOrigin = {
- * evaluate : function(feature) {
- * return HorizontalOrigin.CENTER;
- * }
- * };
- */
- horizontalOrigin : {
- get : function() {
- //>>includeStart('debug', pragmas.debug);
- if (!this._ready) {
- throw new DeveloperError('The style is not loaded. Use Cesium3DTileStyle.readyPromise or wait for Cesium3DTileStyle.ready to be true.');
- }
- //>>includeEnd('debug');
- return this._horizontalOrigin;
- },
- set : function(value) {
- this._horizontalOrigin = getExpression(this, value);
- this._style.horizontalOrigin = getJsonFromExpression(this._horizontalOrigin);
- }
- },
- /**
- * Gets or sets the {@link StyleExpression} object used to evaluate the style's <code>verticalOrigin</code> property. Alternatively a string or object defining a number style can be used.
- * The getter will return the internal {@link Expression} or {@link ConditionsExpression}, which may differ from the value provided to the setter.
- * <p>
- * The expression must return a <code>VerticalOrigin</code>.
- * </p>
- * <p>
- * This expression is only applicable to point features in a Vector tile.
- * </p>
- *
- * @memberof Cesium3DTileStyle.prototype
- *
- * @type {StyleExpression}
- *
- * @exception {DeveloperError} The style is not loaded. Use {@link Cesium3DTileStyle#readyPromise} or wait for {@link Cesium3DTileStyle#ready} to be true.
- *
- * @experimental This feature is using part of the 3D Tiles spec that is not final and is subject to change without Cesium's standard deprecation policy.
- *
- * @example
- * var style = new Cesium3DTileStyle({
- * verticalOrigin : VerticalOrigin.TOP
- * });
- * style.verticalOrigin.evaluate(feature); // returns a VerticalOrigin
- *
- * @example
- * var style = new Cesium.Cesium3DTileStyle();
- * // Override verticalOrigin expression with a custom function
- * style.verticalOrigin = {
- * evaluate : function(feature) {
- * return VerticalOrigin.CENTER;
- * }
- * };
- */
- verticalOrigin : {
- get : function() {
- //>>includeStart('debug', pragmas.debug);
- if (!this._ready) {
- throw new DeveloperError('The style is not loaded. Use Cesium3DTileStyle.readyPromise or wait for Cesium3DTileStyle.ready to be true.');
- }
- //>>includeEnd('debug');
- return this._verticalOrigin;
- },
- set : function(value) {
- this._verticalOrigin = getExpression(this, value);
- this._style.verticalOrigin = getJsonFromExpression(this._verticalOrigin);
- }
- },
- /**
- Gets or sets the {@link StyleExpression} object used to evaluate the style's <code>labelHorizontalOrigin</code> property. Alternatively a string or object defining a number style can be used.
- * The getter will return the internal {@link Expression} or {@link ConditionsExpression}, which may differ from the value provided to the setter.
- * <p>
- * The expression must return a <code>HorizontalOrigin</code>.
- * </p>
- * <p>
- * This expression is only applicable to point features in a Vector tile.
- * </p>
- *
- * @memberof Cesium3DTileStyle.prototype
- *
- * @type {StyleExpression}
- *
- * @exception {DeveloperError} The style is not loaded. Use {@link Cesium3DTileStyle#readyPromise} or wait for {@link Cesium3DTileStyle#ready} to be true.
- *
- * @experimental This feature is using part of the 3D Tiles spec that is not final and is subject to change without Cesium's standard deprecation policy.
- *
- * @example
- * var style = new Cesium3DTileStyle({
- * labelHorizontalOrigin : HorizontalOrigin.LEFT
- * });
- * style.labelHorizontalOrigin.evaluate(feature); // returns a HorizontalOrigin
- *
- * @example
- * var style = new Cesium.Cesium3DTileStyle();
- * // Override labelHorizontalOrigin expression with a custom function
- * style.labelHorizontalOrigin = {
- * evaluate : function(feature) {
- * return HorizontalOrigin.CENTER;
- * }
- * };
- */
- labelHorizontalOrigin : {
- get : function() {
- //>>includeStart('debug', pragmas.debug);
- if (!this._ready) {
- throw new DeveloperError('The style is not loaded. Use Cesium3DTileStyle.readyPromise or wait for Cesium3DTileStyle.ready to be true.');
- }
- //>>includeEnd('debug');
- return this._labelHorizontalOrigin;
- },
- set : function(value) {
- this._labelHorizontalOrigin = getExpression(this, value);
- this._style.labelHorizontalOrigin = getJsonFromExpression(this._labelHorizontalOrigin);
- }
- },
- /**
- * Gets or sets the {@link StyleExpression} object used to evaluate the style's <code>labelVerticalOrigin</code> property. Alternatively a string or object defining a number style can be used.
- * The getter will return the internal {@link Expression} or {@link ConditionsExpression}, which may differ from the value provided to the setter.
- * <p>
- * The expression must return a <code>VerticalOrigin</code>.
- * </p>
- * <p>
- * This expression is only applicable to point features in a Vector tile.
- * </p>
- *
- * @memberof Cesium3DTileStyle.prototype
- *
- * @type {StyleExpression}
- *
- * @exception {DeveloperError} The style is not loaded. Use {@link Cesium3DTileStyle#readyPromise} or wait for {@link Cesium3DTileStyle#ready} to be true.
- *
- * @experimental This feature is using part of the 3D Tiles spec that is not final and is subject to change without Cesium's standard deprecation policy.
- *
- * @example
- * var style = new Cesium3DTileStyle({
- * labelVerticalOrigin : VerticalOrigin.TOP
- * });
- * style.labelVerticalOrigin.evaluate(feature); // returns a VerticalOrigin
- *
- * @example
- * var style = new Cesium.Cesium3DTileStyle();
- * // Override labelVerticalOrigin expression with a custom function
- * style.labelVerticalOrigin = {
- * evaluate : function(feature) {
- * return VerticalOrigin.CENTER;
- * }
- * };
- */
- labelVerticalOrigin : {
- get : function() {
- //>>includeStart('debug', pragmas.debug);
- if (!this._ready) {
- throw new DeveloperError('The style is not loaded. Use Cesium3DTileStyle.readyPromise or wait for Cesium3DTileStyle.ready to be true.');
- }
- //>>includeEnd('debug');
- return this._labelVerticalOrigin;
- },
- set : function(value) {
- this._labelVerticalOrigin = getExpression(this, value);
- this._style.labelVerticalOrigin = getJsonFromExpression(this._labelVerticalOrigin);
- }
- },
- /**
- * Gets or sets the object containing application-specific expression that can be explicitly
- * evaluated, e.g., for display in a UI.
- *
- * @memberof Cesium3DTileStyle.prototype
- *
- * @type {StyleExpression}
- *
- * @exception {DeveloperError} The style is not loaded. Use {@link Cesium3DTileStyle#readyPromise} or wait for {@link Cesium3DTileStyle#ready} to be true.
- *
- * @example
- * var style = new Cesium3DTileStyle({
- * meta : {
- * description : '"Building id ${id} has height ${Height}."'
- * }
- * });
- * style.meta.description.evaluate(feature); // returns a String with the substituted variables
- */
- meta : {
- get : function() {
- //>>includeStart('debug', pragmas.debug);
- if (!this._ready) {
- throw new DeveloperError('The style is not loaded. Use Cesium3DTileStyle.readyPromise or wait for Cesium3DTileStyle.ready to be true.');
- }
- //>>includeEnd('debug');
- return this._meta;
- },
- set : function(value) {
- this._meta = value;
- }
- }
- });
- /**
- * Gets the color shader function for this style.
- *
- * @param {String} functionName Name to give to the generated function.
- * @param {String} attributePrefix Prefix that is added to any variable names to access vertex attributes.
- * @param {Object} shaderState Stores information about the generated shader function, including whether it is translucent.
- *
- * @returns {String} The shader function.
- *
- * @private
- */
- Cesium3DTileStyle.prototype.getColorShaderFunction = function(functionName, attributePrefix, shaderState) {
- if (this._colorShaderFunctionReady) {
- shaderState.translucent = this._colorShaderTranslucent;
- // Return the cached result, may be undefined
- return this._colorShaderFunction;
- }
- this._colorShaderFunctionReady = true;
- this._colorShaderFunction = defined(this.color) ? this.color.getShaderFunction(functionName, attributePrefix, shaderState, 'vec4') : undefined;
- this._colorShaderTranslucent = shaderState.translucent;
- return this._colorShaderFunction;
- };
- /**
- * Gets the show shader function for this style.
- *
- * @param {String} functionName Name to give to the generated function.
- * @param {String} attributePrefix Prefix that is added to any variable names to access vertex attributes.
- * @param {Object} shaderState Stores information about the generated shader function, including whether it is translucent.
- *
- * @returns {String} The shader function.
- *
- * @private
- */
- Cesium3DTileStyle.prototype.getShowShaderFunction = function(functionName, attributePrefix, shaderState) {
- if (this._showShaderFunctionReady) {
- // Return the cached result, may be undefined
- return this._showShaderFunction;
- }
- this._showShaderFunctionReady = true;
- this._showShaderFunction = defined(this.show) ? this.show.getShaderFunction(functionName, attributePrefix, shaderState, 'bool') : undefined;
- return this._showShaderFunction;
- };
- /**
- * Gets the pointSize shader function for this style.
- *
- * @param {String} functionName Name to give to the generated function.
- * @param {String} attributePrefix Prefix that is added to any variable names to access vertex attributes.
- * @param {Object} shaderState Stores information about the generated shader function, including whether it is translucent.
- *
- * @returns {String} The shader function.
- *
- * @private
- */
- Cesium3DTileStyle.prototype.getPointSizeShaderFunction = function(functionName, attributePrefix, shaderState) {
- if (this._pointSizeShaderFunctionReady) {
- // Return the cached result, may be undefined
- return this._pointSizeShaderFunction;
- }
- this._pointSizeShaderFunctionReady = true;
- this._pointSizeShaderFunction = defined(this.pointSize) ? this.pointSize.getShaderFunction(functionName, attributePrefix, shaderState, 'float') : undefined;
- return this._pointSizeShaderFunction;
- };
- export default Cesium3DTileStyle;
|