数字孪生Web 后台dt( digital twin)2.0版本 统一命名格式
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
 
 
 
 
 

1309 lines
30 KiB

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>MVVM - XbsjEarth Documentation</title>
<!--[if lt IE 9]>
<script src="javascript/html5.js"></script>
<![endif]-->
<link href="styles/jsdoc-default.css" rel="stylesheet">
<link href="styles/prism.css" rel="stylesheet">
</head>
<body>
<div id="main">
<h1 class="page-title">
<!-- <a href="index.html"><img src="Images/CesiumLogo.png" class="cesiumLogo"></a> -->
<a href="index.html">EarthSDK</a>
MVVM
<div class="titleCenterer"></div>
</h1>
<section>
<header>
</header>
<article>
<div class="container-overview">
<div class="source-link rightLinks">
</div>
<div class="description">用来实现响应式数据对象或者属性绑定的方法集合</div>
<dl class="details">
</dl>
</div>
<h3 class="subsection-title">Methods</h3>
<div class="nameContainer">
<h4 class="name" id=".bind">
<a href="#.bind" class="doc-link"></a>
<span class="type-signature attribute-static">static</span>MVVM.bind<span class="signature">(reactObject1, reactProperty1, reactObject2, reactProperty2, <span class="optional">params</span>)</span>
<div class="source-link rightLinks">
</div>
</h4>
</div>
<div class="description">
双向绑定的属性,如果一方发生变化,另一方同样会跟随变化
</div>
<table class="params">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name"><code>reactObject1</code></td>
<td class="type">
<span class="param-type">object</span>
</td>
<td class="description last">
第一个绑定对象,可以是vue对象,或者是XbsjEarth中的对象</td>
</tr>
<tr>
<td class="name"><code>reactProperty1</code></td>
<td class="type">
<span class="param-type">string</span>
</td>
<td class="description last">
第一个绑定对象的属性名,必须是字符串类型,形式如:'prop1.prop2.prop3'</td>
</tr>
<tr>
<td class="name"><code>reactObject2</code></td>
<td class="type">
<span class="param-type">object</span>
</td>
<td class="description last">
第二个绑定对象,可以是vue对象,或者是XbsjEarth中的对象</td>
</tr>
<tr>
<td class="name"><code>reactProperty2</code></td>
<td class="type">
<span class="param-type">string</span>
</td>
<td class="description last">
第二个绑定对象的属性名,必须是字符串类型,形式如:'prop1.prop2.prop3'</td>
</tr>
<tr>
<td class="name"><code>params</code></td>
<td class="type">
<span class="param-type">object</span>
</td>
<td class="description last">
<span class="optional">optional</span>
额外参数,暂时保留</td>
</tr>
</tbody>
</table>
<dl class="details">
</dl>
<div class="nameContainer">
<h4 class="name" id=".bindDegreeRadian">
<a href="#.bindDegreeRadian" class="doc-link"></a>
<span class="type-signature attribute-static">static</span>MVVM.bindDegreeRadian<span class="signature">(degreeObject, degreeProperty, radianObject, radianProperty)</span>
<div class="source-link rightLinks">
</div>
</h4>
</div>
<div class="description">
双向数据绑定,前者为角度属性,后者为弧度属性。注意:绑定的只能是number类型的值!
</div>
<table class="params">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name"><code>degreeObject</code></td>
<td class="type">
<span class="param-type">object</span>
</td>
<td class="description last">
第一个绑定对象,可以是vue对象,或者是XbsjEarth中的对象</td>
</tr>
<tr>
<td class="name"><code>degreeProperty</code></td>
<td class="type">
<span class="param-type">string</span>
</td>
<td class="description last">
第一个绑定对象的属性名,必须是字符串类型,形式如:'prop1.prop2.prop3'</td>
</tr>
<tr>
<td class="name"><code>radianObject</code></td>
<td class="type">
<span class="param-type">object</span>
</td>
<td class="description last">
第二个绑定对象,可以是vue对象,或者是XbsjEarth中的对象</td>
</tr>
<tr>
<td class="name"><code>radianProperty</code></td>
<td class="type">
<span class="param-type">string</span>
</td>
<td class="description last">
第二个绑定对象的属性名,必须是字符串类型,形式如:'prop1.prop2.prop3'</td>
</tr>
</tbody>
</table>
<dl class="details">
</dl>
<div class="nameContainer">
<h4 class="name" id=".bindPosition">
<a href="#.bindPosition" class="doc-link"></a>
<span class="type-signature attribute-static">static</span>MVVM.bindPosition<span class="signature">(degreesObject, degreesPropery, radiansObject, radiansProperty)</span>
<div class="source-link rightLinks">
</div>
</h4>
</div>
<div class="description">
双向数据绑定,前者为角度属性,后者为弧度属性。注意:绑定的只能是一个长度为3的数组。该数组中的元素必须是number类型。
</div>
<table class="params">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name"><code>degreesObject</code></td>
<td class="type">
<span class="param-type">object</span>
</td>
<td class="description last">
第一个绑定对象,可以是vue对象,或者是XbsjEarth中的对象</td>
</tr>
<tr>
<td class="name"><code>degreesPropery</code></td>
<td class="type">
<span class="param-type">string</span>
</td>
<td class="description last">
第一个绑定对象的属性名,必须是字符串类型,形式如:'prop1.prop2.prop3'</td>
</tr>
<tr>
<td class="name"><code>radiansObject</code></td>
<td class="type">
<span class="param-type">object</span>
</td>
<td class="description last">
第二个绑定对象,可以是vue对象,或者是XbsjEarth中的对象</td>
</tr>
<tr>
<td class="name"><code>radiansProperty</code></td>
<td class="type">
<span class="param-type">string</span>
</td>
<td class="description last">
第二个绑定对象的属性名,必须是字符串类型,形式如:'prop1.prop2.prop3'</td>
</tr>
</tbody>
</table>
<dl class="details">
</dl>
<div class="nameContainer">
<h4 class="name" id=".bindRotation">
<a href="#.bindRotation" class="doc-link"></a>
<span class="type-signature attribute-static">static</span>MVVM.bindRotation<span class="signature">(degreesObject, degreesPropery, radiansObject, radiansProperty)</span>
<div class="source-link rightLinks">
</div>
</h4>
</div>
<div class="description">
双向数据绑定,前者为角度属性,后者为弧度属性。注意:绑定的只能是一个长度为3的数组。该数组中的元素必须是number类型。
</div>
<table class="params">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name"><code>degreesObject</code></td>
<td class="type">
<span class="param-type">object</span>
</td>
<td class="description last">
第一个绑定对象,可以是vue对象,或者是XbsjEarth中的对象</td>
</tr>
<tr>
<td class="name"><code>degreesPropery</code></td>
<td class="type">
<span class="param-type">string</span>
</td>
<td class="description last">
第一个绑定对象的属性名,必须是字符串类型,形式如:'prop1.prop2.prop3'</td>
</tr>
<tr>
<td class="name"><code>radiansObject</code></td>
<td class="type">
<span class="param-type">object</span>
</td>
<td class="description last">
第二个绑定对象,可以是vue对象,或者是XbsjEarth中的对象</td>
</tr>
<tr>
<td class="name"><code>radiansProperty</code></td>
<td class="type">
<span class="param-type">string</span>
</td>
<td class="description last">
第二个绑定对象的属性名,必须是字符串类型,形式如:'prop1.prop2.prop3'</td>
</tr>
</tbody>
</table>
<dl class="details">
</dl>
<div class="nameContainer">
<h4 class="name" id=".track">
<a href="#.track" class="doc-link"></a>
<span class="type-signature attribute-static">static</span>MVVM.track<span class="signature">(reactObject1, reactProperty1, reactObject2, reactProperty2, <span class="optional">params</span>)</span>
<div class="source-link rightLinks">
</div>
</h4>
</div>
<div class="description">
单向绑定的属性,reactObject1[reactProperty1]将跟踪reactObject2[reactProperty2],但reactObject1发生变化reactObject2并不会跟踪!
</div>
<table class="params">
<thead>
<tr>
<th>Name</th>
<th>Type</th>
<th class="last">Description</th>
</tr>
</thead>
<tbody>
<tr>
<td class="name"><code>reactObject1</code></td>
<td class="type">
<span class="param-type">object</span>
</td>
<td class="description last">
第一个绑定对象,可以是vue对象,或者是XbsjEarth中的对象</td>
</tr>
<tr>
<td class="name"><code>reactProperty1</code></td>
<td class="type">
<span class="param-type">string</span>
</td>
<td class="description last">
第一个绑定对象的属性名,必须是字符串类型,形式如:'prop1.prop2.prop3'</td>
</tr>
<tr>
<td class="name"><code>reactObject2</code></td>
<td class="type">
<span class="param-type">object</span>
</td>
<td class="description last">
第二个绑定对象,可以是vue对象,或者是XbsjEarth中的对象</td>
</tr>
<tr>
<td class="name"><code>reactProperty2</code></td>
<td class="type">
<span class="param-type">string</span>
</td>
<td class="description last">
第二个绑定对象的属性名,必须是字符串类型,形式如:'prop1.prop2.prop3'</td>
</tr>
<tr>
<td class="name"><code>params</code></td>
<td class="type">
<span class="param-type">object</span>
</td>
<td class="description last">
<span class="optional">optional</span>
额外参数,暂时保留</td>
</tr>
</tbody>
</table>
<dl class="details">
</dl>
<div class="nameContainer">
<h4 class="name" id=".watch">
<a href="#.watch" class="doc-link"></a>
<span class="type-signature attribute-static">static</span>MVVM.watch<span class="signature">()</span>
<div class="source-link rightLinks">
</div>
</h4>
</div>
<div class="description">
watch <br/>
用来实现对响应式属性对象的监控,需要1-3个参数,具体使用请看示例。<br/>
注意这里的watch不能跟踪vue的属性,vue的属性跟踪,请使用Vue.$watch来操作。
</div>
<dl class="details">
<h5>Example:</h5>
<pre><code class="language-javascript">// 示例1:只需要一个参数,该参数是一个回调函数,函数中任意一个用到的响应式属性发生变化,
// 函数即会响应。但需要注意,如果函数中有很多响应式属性时,这种方式容易引起死循环。
// 相当于a变化,会引起b的变化;b的变化,又到至a继续变化。这样就导致了死循环。
var uw = XE.MVVM.watch(() => {
console.log('当前位置:' + path1.currentD);
});
// 示例2:需要三个参数,第一个参数是监控的对象,第二个参数是该对象的属性,注意要用字符串表示
// 第三个参数是一个回调函数,当属性的值发生变化时,该函数会响应。
var uw2 = XE.MVVM.watch(path1, 'currentD', () => {
console.log('当前位置:' + path1.currentD);
});
// 示例3:需要两个参数,第一个参数是监控的对象
// 第二个参数是一个回调函数,当监控对象内部发生变化时,该函数会响应。
// 比如path.positions是一个位置数组,如果数组的长度,内容发生变化,就会引起函数调用。
var uw3 = XE.MVVM.watch(path1.positions, () => {
console.log('positions发生变化!');
});
// 示例4:需要两个参数,第一个参数是回调函数,需要有返回值
// 第二个参数是一个回调函数,当第一个参数构成的回调函数的返回值发生变化时,该回调函数就会响应。
var uw4 = XE.MVVM.watch(() => {
return path1.show;
}, show => {
console.log(`路径状态:${show ? '显示' : '隐藏'}`);
});</code></pre>
</dl>
</article>
</section>
<footer>
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.6.2</a>
</footer>
</div>
<div class="nav">
<div class="menu">
<input type="text" class="classFilter" id="ClassFilter" placeholder="Search">
<ul id="ClassList"><li data-name="AmbientOcclusionStage"><a href="AmbientOcclusionStage.html">AmbientOcclusionStage</a></li><li data-name="Analyzation"><a href="Analyzation.html">Analyzation</a></li><li data-name="CutFillComputing"><a href="Analyzation.CutFillComputing.html">CutFillComputing</a></li><li data-name="Measurement"><a href="Analyzation.Measurement.html">Measurement</a></li><li data-name="BlackAndWhiteStage"><a href="BlackAndWhiteStage.html">BlackAndWhiteStage</a></li><li data-name="BloomStage"><a href="BloomStage.html">BloomStage</a></li><li data-name="BrightnessStage"><a href="BrightnessStage.html">BrightnessStage</a></li><li data-name="Camera"><a href="Camera.html">Camera</a></li><li data-name="Immersion"><a href="Camera.Immersion.html">Immersion</a></li><li data-name="Interaction"><a href="Camera.Interaction.html">Interaction</a></li><li data-name="Navigator"><a href="Camera.Navigator.html">Navigator</a></li><li data-name="Viewport"><a href="Camera.Viewport.html">Viewport</a></li><li data-name="CameraFlight"><a href="CameraFlight.html">CameraFlight</a></li><li data-name="CameraTrack"><a href="CameraFlight.CameraTrack.html">CameraTrack</a></li><li data-name="CameraView"><a href="CameraView.html">CameraView</a></li><li data-name="Manager"><a href="CameraView.Manager.html">Manager</a></li><li data-name="Status"><a href="CameraView.Status.html">Status</a></li><li data-name="View"><a href="CameraView.View.html">View</a></li><li data-name="DepthOfFieldStage"><a href="DepthOfFieldStage.html">DepthOfFieldStage</a></li><li data-name="Earth"><a href="Earth.html">Earth</a></li><li data-name="Effect"><a href="Effect.html">Effect</a></li><li data-name="ForceSunPos"><a href="Effect.ForceSunPos.html">ForceSunPos</a></li><li data-name="Shadow"><a href="Effect.Shadow.html">Shadow</a></li><li data-name="HTML"><a href="HTML.html">HTML</a></li><li data-name="LensFlareStage"><a href="LensFlareStage.html">LensFlareStage</a></li><li data-name="MapVLayer"><a href="MapVLayer.MapVLayer.html">MapVLayer</a></li><li data-name="MapVRenderer"><a href="MapVRenderer.MapVRenderer.html">MapVRenderer</a></li><li data-name="Misc"><a href="Misc.html">Misc</a></li><li data-name="Debug"><a href="Misc.Debug.html">Debug</a></li><li data-name="MosaicStage"><a href="MosaicStage.html">MosaicStage</a></li><li data-name="MVVM"><a href="MVVM.html">MVVM</a></li><li data-name="NightVisionStage"><a href="NightVisionStage.html">NightVisionStage</a></li><li data-name="Obj"><a href="Obj.html">Obj</a></li><li data-name="CameraVideo"><a href="Obj.CameraVideo.html">CameraVideo</a></li><li data-name="ClassificationPolygon"><a href="Obj.ClassificationPolygon.html">ClassificationPolygon</a></li><li data-name="Outline"><a href="Obj.ClassificationPolygon.Outline.html">Outline</a></li><li data-name="ClippingPlane"><a href="Obj.ClippingPlane.html">ClippingPlane</a></li><li data-name="CustomGroundRectangle"><a href="Obj.CustomGroundRectangle.html">CustomGroundRectangle</a></li><li data-name="CustomPrimitive"><a href="Obj.CustomPrimitive.html">CustomPrimitive</a></li><li data-name="Geometry"><a href="Obj.CustomPrimitive.Geometry.html">Geometry</a></li><li data-name="CutSurface"><a href="Obj.CutSurface.html">CutSurface</a></li><li data-name="FlattenedPolygonCollection"><a href="Obj.FlattenedPolygonCollection.html">FlattenedPolygonCollection</a></li><li data-name="FlattenedPolygon"><a href="Obj.FlattenedPolygonCollection.FlattenedPolygon.html">FlattenedPolygon</a></li><li data-name="Forest"><a href="Obj.Forest.html">Forest</a></li><li data-name="GroundImage"><a href="Obj.GroundImage.html">GroundImage</a></li><li data-name="HeatMap"><a href="Obj.HeatMap.html">HeatMap</a></li><li data-name="Imagery"><a href="Obj.Imagery.html">Imagery</a></li><li data-name="ImageryProvider"><a href="Obj.Imagery.ImageryProvider.html">ImageryProvider</a></li><li data-name="ArcGisMapServerImageryProvider"><a href="Obj.Imagery.ImageryProvider.ArcGisMapServerImageryProvider.html">ArcGisMapServerImageryProvider</a></li><li data-name="GoogleEarthEnterpriseImageryProvider"><a href="Obj.Imagery.ImageryProvider.GoogleEarthEnterpriseImageryProvider.html">GoogleEarthEnterpriseImageryProvider</a></li><li data-name="TileMapServiceImageryProvider"><a href="Obj.Imagery.ImageryProvider.TileMapServiceImageryProvider.html">TileMapServiceImageryProvider</a></li><li data-name="UrlTemplateImageryProvider"><a href="Obj.Imagery.ImageryProvider.UrlTemplateImageryProvider.html">UrlTemplateImageryProvider</a></li><li data-name="WebMapServiceImageryProvider"><a href="Obj.Imagery.ImageryProvider.WebMapServiceImageryProvider.html">WebMapServiceImageryProvider</a></li><li data-name="WebMapTileServiceImageryProvider"><a href="Obj.Imagery.ImageryProvider.WebMapTileServiceImageryProvider.html">WebMapTileServiceImageryProvider</a></li><li data-name="XbsjImageryProvider"><a href="Obj.Imagery.ImageryProvider.XbsjImageryProvider.html">XbsjImageryProvider</a></li><li data-name="Model"><a href="Obj.Model.html">Model</a></li><li data-name="ODLines"><a href="Obj.ODLines.html">ODLines</a></li><li data-name="Path"><a href="Obj.Path.html">Path</a></li><li data-name="Pin"><a href="Obj.Pin.html">Pin</a></li><li data-name="PinBuilder"><a href="Obj.Pin.PinBuilder.html">PinBuilder</a></li><li data-name="PlotBase"><a href="Obj.PlotBase.html">PlotBase</a></li><li data-name="Polygon"><a href="Obj.Polygon.html">Polygon</a></li><li data-name="Outline"><a href="Obj.Polygon.Outline.html">Outline</a></li><li data-name="Polyline"><a href="Obj.Polyline.html">Polyline</a></li><li data-name="Material"><a href="Obj.Polyline.Material.html">Material</a></li><li data-name="Color"><a href="Obj.Polyline.Material.Color.html">Color</a></li><li data-name="PolylineArrow"><a href="Obj.Polyline.Material.PolylineArrow.html">PolylineArrow</a></li><li data-name="PolylineDash"><a href="Obj.Polyline.Material.PolylineDash.html">PolylineDash</a></li><li data-name="PolylineGlow"><a href="Obj.Polyline.Material.PolylineGlow.html">PolylineGlow</a></li><li data-name="PolylineOutline"><a href="Obj.Polyline.Material.PolylineOutline.html">PolylineOutline</a></li><li data-name="XbsjODLine"><a href="Obj.Polyline.Material.XbsjODLine.html">XbsjODLine</a></li><li data-name="Road"><a href="Obj.Road.html">Road</a></li><li data-name="Scanline"><a href="Obj.Scanline.html">Scanline</a></li><li data-name="Surface"><a href="Obj.Surface.html">Surface</a></li><li data-name="Terrain"><a href="Obj.Terrain.html">Terrain</a></li><li data-name="TerrainProvider"><a href="Obj.Terrain.TerrainProvider.html">TerrainProvider</a></li><li data-name="GoogleEarthEnterpriseTerrainProvider"><a href="Obj.Terrain.TerrainProvider.GoogleEarthEnterpriseTerrainProvider.html">GoogleEarthEnterpriseTerrainProvider</a></li><li data-name="XbsjCesiumTerrainProvider"><a href="Obj.Terrain.TerrainProvider.XbsjCesiumTerrainProvider.html">XbsjCesiumTerrainProvider</a></li><li data-name="XbsjEllipsoidTerrainProvider"><a href="Obj.Terrain.TerrainProvider.XbsjEllipsoidTerrainProvider.html">XbsjEllipsoidTerrainProvider</a></li><li data-name="Tileset"><a href="Obj.Tileset.html">Tileset</a></li><li data-name="Viewshed"><a href="Obj.Viewshed.html">Viewshed</a></li><li data-name="Wall"><a href="Obj.Wall.html">Wall</a></li><li data-name="Water"><a href="Obj.Water.html">Water</a></li><li data-name="Picking"><a href="Picking.html">Picking</a></li><li data-name="PolylineVolumeGeometry"><a href="PolylineVolumeGeometry.html">PolylineVolumeGeometry</a></li><li data-name="PostProcess"><a href="PostProcess.html">PostProcess</a></li><li data-name="RotateCenter"><a href="RotateCenter.html">RotateCenter</a></li><li data-name="SceneTree"><a href="SceneTree.html">SceneTree</a></li><li data-name="Group"><a href="SceneTree.Group.html">Group</a></li><li data-name="Leaf"><a href="SceneTree.Leaf.html">Leaf</a></li><li data-name="Node"><a href="SceneTree.Node.html">Node</a></li><li data-name="Tree"><a href="SceneTree.Tree.html">Tree</a></li><li data-name="TerrainEffect"><a href="TerrainEffect.html">TerrainEffect</a></li><li data-name="AspectRamp"><a href="TerrainEffect.AspectRamp.html">AspectRamp</a></li><li data-name="Contour"><a href="TerrainEffect.Contour.html">Contour</a></li><li data-name="ElevationRamp"><a href="TerrainEffect.ElevationRamp.html">ElevationRamp</a></li><li data-name="GlobeTranslucency"><a href="TerrainEffect.GlobeTranslucency.html">GlobeTranslucency</a></li><li data-name="Restrict"><a href="TerrainEffect.Restrict.html">Restrict</a></li><li data-name="SlopeRamp"><a href="TerrainEffect.SlopeRamp.html">SlopeRamp</a></li><li data-name="Weather"><a href="Weather.html">Weather</a></li><li data-name="Atmosphere"><a href="Weather.Atmosphere.html">Atmosphere</a></li><li data-name="Fog"><a href="Weather.Fog.html">Fog</a></li><li data-name="FogPostProcess"><a href="Weather.FogPostProcess.html">FogPostProcess</a></li><li data-name="Moon"><a href="Weather.Moon.html">Moon</a></li><li data-name="Rain"><a href="Weather.Rain.html">Rain</a></li><li data-name="RainPostProcess"><a href="Weather.RainPostProcess.html">RainPostProcess</a></li><li data-name="SkyBox"><a href="Weather.SkyBox.html">SkyBox</a></li><li data-name="Snow"><a href="Weather.Snow.html">Snow</a></li><li data-name="SnowPostProcess"><a href="Weather.SnowPostProcess.html">SnowPostProcess</a></li><li data-name="Sun"><a href="Weather.Sun.html">Sun</a></li><li data-name="WorldCloud"><a href="Weather.WorldCloud.html">WorldCloud</a></li><li data-name="XbsjBase"><a href="XbsjBase.html">XbsjBase</a></li><li data-name="XbsjCzmObj"><a href="XbsjCzmObj.html">XbsjCzmObj</a></li><li data-name="XbsjInteraction"><a href="XbsjInteraction.html">XbsjInteraction</a></li><li data-name="XbsjObject"><a href="XbsjObject.html">XbsjObject</a></li><li data-name="XbsSilhouetteStage"><a href="XbsSilhouetteStage.html">XbsSilhouetteStage</a></li><li data-name="XE"><a href="XE.html">XE</a></li></ul> </div> </div> <script> if (window.frameElement) { document.body.className = 'embedded'; var ele = document.createElement('a'); ele.className = 'popout'; ele.target = '_blank'; ele.href = window.location.href; ele.title = 'Pop out'; document.getElementById('main').appendChild(ele); } // Set targets on external links. Sandcastle and GitHub shouldn't be embedded in any iframe. Array.prototype.forEach.call(document.getElementsByTagName('a'), function(a) { if (/^https?:/i.test(a.getAttribute('href'))) { a.target='_blank'; } }); </script> <script src="javascript/prism.js"></script> <script src="javascript/cesiumDoc.js"></script> </body> </html>