Cesium基础知识-创建3dTiles

//加载3dTile

1. function Load3dTiles() {
2.     viewer = new Cesium.Viewer('cesiumContainer');
4.     var city = viewer.scene.primitives.add(new Cesium.Cesium3DTileset({
5.         url: Cesium.IonResource.fromAssetId(3839)
6.     }));
8.     var heightOffset = -32;
9.     city.readyPromise.then(function (tileset) {
10.         // Position tileset
11.         var boundingSphere = tileset.boundingSphere;
12.         var cartographic = Cesium.Cartographic.fromCartesian(boundingSphere.center);
13.         var surface = Cesium.Cartesian3.fromRadians(cartographic.longitude, cartographic.latitude, 0.0);
14.         var offset = Cesium.Cartesian3.fromRadians(cartographic.longitude, cartographic.latitude, heightOffset);
15.         var translation = Cesium.Cartesian3.subtract(offset, surface, new Cesium.Cartesian3());
16.         tileset.modelMatrix = Cesium.Matrix4.fromTranslation(translation);
17.     });
19.     var defaultStyle = new Cesium.Cesium3DTileStyle({
20.         color: "color('white')",
21.         show: true
22.     });
23.     city.style = defaultStyle;
25.     var heightStyle = new Cesium.Cesium3DTileStyle({
26.         color: {
27.             conditions: [
28.                 ["${height} >= 300", "rgba(45, 0, 75, 0.5)"],
29.                 ["${height} >= 200", "rgb(102, 71, 151)"],
30.                 ["${height} >= 100", "rgb(170, 162, 204)"],
31.                 ["${height} >= 50", "rgb(224, 226, 238)"],
32.                 ["${height} >= 25", "rgb(252, 230, 200)"],
33.                 ["${height} >= 10", "rgb(248, 176, 87)"],
34.                 ["${height} >= 5", "rgb(198, 106, 11)"],
35.                 ["true", "rgb(127, 59, 8)"]
36.             ]
37.         }
38.     });
40.     
41.    
42. /** 
43.     var tileStyle = document.getElementById('tileStyle');
45.     function set3DTileStyle() {
46.         var selectedStyle = tileStyle.options[tileStyle.selectedIndex].value;
47.         if (selectedStyle === 'none') {
48.             city.style = defaultStyle;
49.         } else if (selectedStyle === 'height') {
50.             city.style = heightStyle;
51.         } else if (selectedStyle === 'transparent') {
52.             city.style = transparentStyle;
53.         }
54.     }
56.     tileStyle.addEventListener('change', set3DTileStyle);
57. */
58. }
59. Load3dTiles();