var viewer = new Cesium.Viewer("cesiumContainer");
var scene = viewer.scene;
scene.globe.depthTestAgainstTerrain = true;
if (!scene.pickPositionSupported) {
? window.alert(
? ? "This browser does not support pickPosition or getting position from pickFromRay."
? );
}
var i;
var drillPick = false;
Sandcastle.addToggleButton("Drill pick", false, function (checked) {
? drillPick = checked;
});
var tileset = viewer.scene.primitives.add(
? new Cesium.Cesium3DTileset({
? ? url: "../../SampleData/Cesium3DTiles/Tilesets/Tileset/tileset.json",
? })
);
tileset.style = new Cesium.Cesium3DTileStyle({
? defines: {
? ? alpha: "${id} % 2 === 0 ? 0.5 : 1.0",
? },
? color: "rgba(255, 255, 255, ${alpha})",
});
viewer.zoomTo(tileset);
var blueCartographic = new Cesium.Cartographic(
? -1.3196863177294136,
? 0.6988508714746624,
? 0.5
);
var redCartographic = new Cesium.Cartographic(
? -1.319671841889412,
? 0.6989153500784591,
? 0.0
);
var arrowPositions = [
? Cesium.Cartographic.toCartesian(blueCartographic),
? Cesium.Cartographic.toCartesian(redCartographic),
];
var arrow = viewer.entities.add({
? polyline: {
? ? positions: arrowPositions,
? ? width: 10,
? ? arcType: Cesium.ArcType.NONE,
? ? material: new Cesium.PolylineArrowMaterialProperty(
? ? ? Cesium.Color.YELLOW
? ? ),
? },
});
var intersectionMarkers = [];
var pickedFeatures = [];
var objectsToExclude = [];
function reset() {
? objectsToExclude = [arrow];
? for (i = 0; i < pickedFeatures.length; ++i) {
? ? pickedFeatures[i].color = Cesium.Color.fromAlpha(
? ? ? Cesium.Color.WHITE,
? ? ? pickedFeatures[i].color.alpha
? ? );
? }
? for (i = 0; i < intersectionMarkers.length; ++i) {
? ? viewer.entities.remove(intersectionMarkers[i]);
? ? objectsToExclude.push(intersectionMarkers[i]);
? }
? pickedFeatures.length = 0;
? intersectionMarkers.length = 0;
}
function showIntersections(results) {
? for (i = 0; i < results.length; ++i) {
? ? var object = results[i].object;
? ? if (object instanceof Cesium.Cesium3DTileFeature) {
? ? ? pickedFeatures.push(object);
? ? ? object.color = Cesium.Color.fromAlpha(
? ? ? ? Cesium.Color.RED,
? ? ? ? object.color.alpha
? ? ? );
? ? }
? ? intersectionMarkers.push(
? ? ? viewer.entities.add({
? ? ? ? position: results[i].position,
? ? ? ? ellipsoid: {
? ? ? ? ? radii: new Cesium.Cartesian3(3.0, 3.0, 3.0),
? ? ? ? ? material: Cesium.Color.RED,
? ? ? ? },
? ? ? })
? ? );
? }
}
function pickFromRay() {
? reset();
? var start = Cesium.Cartographic.toCartesian(blueCartographic);
? var end = Cesium.Cartographic.toCartesian(redCartographic);
? console.log(start);
? var direction = Cesium.Cartesian3.normalize(
? ? Cesium.Cartesian3.subtract(end, start, new Cesium.Cartesian3()),
? ? new Cesium.Cartesian3()
? );
? var ray = new Cesium.Ray(start, direction);
? var results = [];
? if (drillPick) {
? console.log("1");
? } else {
? ? var result = scene.pickFromRay(ray, objectsToExclude);
? ? if (Cesium.defined(result)) {
? ? ? console.log(result.exclude);
? ? ? results = [result];
? ? }
? }
? arrow.polyline.positions = [
? ? Cesium.Cartographic.toCartesian(blueCartographic),
? ? Cesium.Cartographic.toCartesian(redCartographic),
? ];
? showIntersections(results);
}
var handler = new Cesium.ScreenSpaceEventHandler(viewer.canvas);
handler.setInputAction(function (movement) {
? var redCartesian = scene.pickPosition(movement.position);
? redCartographic = Cesium.Cartographic.fromCartesian(redCartesian);
? pickFromRay();
}, Cesium.ScreenSpaceEventType.LEFT_CLICK);
window.setTimeout(function () {
? pickFromRay();
}, 2000.0);
