铯从从 KML 加载的实体获取坐标



我正在尝试为 kml 文件中的每个点绘制一个箭头。为此,我计划通过getById获取每个点的坐标。到目前为止,我收到一个错误:

Uncaught TypeError: Cannot read property 'position' of undefined (on line 14)

这是我的代码:

var src = Cesium.KmlDataSource.load('../../My_KML/plots.kml', options);
viewer.dataSources.add(src).then(function(data) {viewer.flyTo(data);});
//-------------------********--------------**********-----------------//
var point = viewer.entities.getById('geom_20102');
var entities = viewer.entities;
var cartographicPosition = Cesium.Cartographic.fromCartesian(point.position.getValue(Cesium.JulianDate.now()));
var latitude = Cesium.Math.toDegrees(cartographicPosition.latitude);
var longitude = Cesium.Math.toDegrees(cartographicPosition.longitude);
var line1 = entities.add({
polyline : {
positions : Cesium.Cartesian3.fromDegreesArrayHeights([longitude, latitude, 360, longitude + 1, latitude + 1, 400]),
width : 10,
followSurface : false,
material : new Cesium.PolylineArrowMaterialProperty(Cesium.Color.BLUE)
}
});

我已将 id 为"geom_20102"的元素指定为由 kml 中的地标包裹的线串。我还想知道要指定哪个id,因为地标和线串都有一个id。还是我混淆了 kml id 和实体 ID?

我是Cesium.js的新手,我部分遵循了这个例子: 铯工作坊

KML 代码段:

<Placemark id="feat_20125">
<name>874</name>
<styleUrl>#stylesel_20102</styleUrl>
<LineString id="geom_20102">
<coordinates>104.99108,10.4118,247.3 72.991075,26.25412,247.6</coordinates>
<altitudeMode>relativeToGround</altitudeMode>
</LineString>
</Placemark>

这里发生了两件事。

首先,Cesium.KmlDataSource.load(( 函数返回一个 JavaScript "Promise",它表示异步操作的最终完成(或失败(。在代码中引用 viewer.entities 时,KML 文件尚未加载,因此viewer.entities中的集合为空,对其调用 getById(( 将返回undefined。只有在异步承诺完成并调用"then"回调后,才应访问查看器.实体或数据.实体。只有在那时,才会填充实体。

var src = Cesium.KmlDataSource.load('../../My_KML/plots.kml', options);
viewer.dataSources.add(src).then(function(data) {

var entities = data.entities;
console.log("f=" + entities.getById('feat_20125')); // f=[object Object]
console.log("g=" + entities.getById('geom_20102')); // undefined
viewer.flyTo(data);
});

接下来,请注意,"feat_20125"返回一个对象,但找不到"geom_20102"。将 KML 转换为铯实体时,仅填充地标上的"id"。任何其他 KML 元素上的 ID 都将被丢弃。

最新更新