/
createOsmBuildings.js
74 lines (67 loc) · 2.45 KB
/
createOsmBuildings.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
import Color from "../Core/Color.js";
import combine from "../Core/combine.js";
import defaultValue from "../Core/defaultValue.js";
import defined from "../Core/defined.js";
import IonResource from "../Core/IonResource.js";
import Cesium3DTileset from "./Cesium3DTileset.js";
import Cesium3DTileStyle from "./Cesium3DTileStyle.js";
/**
* Creates a {@link Cesium3DTileset} instance for the
* {@link https://cesium.com/content/cesium-osm-buildings/|Cesium OSM Buildings}
* tileset.
*
* @function
*
* @param {Object} [options] Construction options. Any options allowed by the {@link Cesium3DTileset} constructor
* may be specified here. In addition to those, the following properties are supported:
* @param {Color} [options.defaultColor=Color.WHITE] The default color to use for buildings
* that do not have a color. This parameter is ignored if <code>options.style</code> is specified.
* @param {Cesium3DTileStyle} [options.style] The style to use with the tileset. If not
* specified, a default style is used which gives each building or building part a
* color inferred from its OpenStreetMap <code>tags</code>. If no color can be inferred,
* <code>options.defaultColor</code> is used.
* @returns {Cesium3DTileset}
*
* @see Ion
*
* @example
* // Create Cesium OSM Buildings with default styling
* var viewer = new Cesium.Viewer('cesiumContainer');
* viewer.scene.primitives.add(Cesium.createOsmBuildings());
*
* @example
* // Create Cesium OSM Buildings with a custom style highlighting
* // schools and hospitals.
* viewer.scene.primitives.add(Cesium.createOsmBuildings({
* style: new Cesium.Cesium3DTileStyle({
* color: {
* conditions: [
* ["${feature['building']} === 'hospital'", "color('#0000FF')"],
* ["${feature['building']} === 'school'", "color('#00FF00')"],
* [true, "color('#ffffff')"]
* ]
* }
* })
* }));
*/
function createOsmBuildings(options) {
options = combine(options, {
url: IonResource.fromAssetId(96188),
});
var tileset = new Cesium3DTileset(options);
var style = options.style;
if (!defined(style)) {
var color = defaultValue(
options.defaultColor,
Color.WHITE
).toCssColorString();
style = new Cesium3DTileStyle({
color:
"Boolean(${feature['cesium#color']}) ? color(${feature['cesium#color']}) : " +
color,
});
}
tileset.style = style;
return tileset;
}
export default createOsmBuildings;