javascript - 为 `name` 添加 `description` 和 `Cesium PolylineCollection` 框

Question

在铯沙堡页面上@ https://cesiumjs.org/Cesium/Build/Apps/Sandcastle/?src=Polyline.html&label=Geometries

你可以看到，当我点击紫色线时，我得到一个框(图像的右上角)指示 Cesium [Polyline 的 name ][2] 作为 “高度上的紫色直箭头”。如何为 [PolylineCollection][2] 添加相同的 name box(下面代码中的第 5 行)？

这是代码

var viewer = new Cesium.Viewer('cesiumContainer');



var lineCollection = new Cesium.PolylineCollection(); // line no 5
lineCollection.add({
        name : "Hi",
        description : "Hi description",
        positions : Cesium.Cartesian3.fromDegreesArrayHeights([-75, 53, 500000,
                                                               -125, 53, 500000]),
        width : 10,
        followSurface : false
    });
viewer.scene.primitives.add(lineCollection);



var purpleArrow = viewer.entities.add({
    name : 'Purple straight arrow at height',
    polyline : {
        positions : Cesium.Cartesian3.fromDegreesArrayHeights([-75, 43, 500000,
                                                               -125, 43, 500000]),
        width : 10,
        followSurface : false,
        material : new Cesium.PolylineArrowMaterialProperty(Cesium.Color.PURPLE)
    }
});


viewer.zoomTo(viewer.entities);

Answer 1

名称和描述是 Cesium 中更高级别“实体”API 的一部分。在 PolylineCollection 所在的图形基元级别，没有这样的东西。

您需要使用较低级别的 API 吗？通常，想要绿色选择指示器、信息框、名称和描述等高级功能的用户应该坚持使用实体，而不是基元。

就是说，有一种方法可以检测图元何时被鼠标“选中”，并查找一些名称和信息，并命令信息框手动更新。不过，所有这些逻辑都内置于实体层中，因此在您自己的应用中重新实现它之前您应该三思。