learning_cesium/js/XbsjEarth/Documentation/MVVM.html

1309 lines
30 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<!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.10</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>