我已经将一些JSon数据作为GeoJSonDataSource
概述了地球上每个国家的Cesium项目,这些数据已经载入了JSon数据。每个国家/地区也作为单独的条目复制到数组中。为了突出一个国家,我使用viewer.entities.add(countryArray[countryID]);
当用户单击时,它将彩色多边形放置在所选国家/地区上。但是,当我单击Cesium默认提供的信息框中的“相机”图标时,什么也没有发生。在控制台中,错误消息显示为:
TypeError:t未定义
并指向Cesium.js。如果我不向viewer.entities
数组添加任何内容,则不会出现此错误。
最佳答案
可能有更好的方法来突出显示所选的国家。尝试捕获选定的实体,然后更改现有多边形上的材质属性,而不是创建一个新的多边形。
例如,尝试一下:加载Cesium Sandcastle并将以下代码粘贴到代码编辑器中,然后按F8键:
var viewer = new Cesium.Viewer('cesiumContainer', {
navigationHelpButton: false, animation: false, timeline: false,
selectionIndicator: false
});
var deselectColor = Cesium.Color.BLUE.withAlpha(0.3);
var selectedColor = Cesium.Color.LIME.withAlpha(0.5);
var deselectMaterial = new Cesium.ColorMaterialProperty(
new Cesium.ConstantProperty(deselectColor));
var selectedMaterial = new Cesium.ColorMaterialProperty(
new Cesium.ConstantProperty(selectedColor));
viewer.dataSources.add(Cesium.GeoJsonDataSource.load(
'../../SampleData/ne_10m_us_states.topojson', {
stroke: Cesium.Color.WHITE,
fill: deselectColor,
strokeWidth: 2
}));
//Set the camera to a US centered tilted view.
viewer.camera.lookAt(Cesium.Cartesian3.fromDegrees(-98.0, 40.0),
new Cesium.Cartesian3(0.0, -4790000.0, 3930000.0));
viewer.camera.lookAtTransform(Cesium.Matrix4.IDENTITY);
var previousEntity;
Cesium.knockout.getObservable(viewer, '_selectedEntity').subscribe(function(newEntity) {
if (Cesium.defined(previousEntity) && Cesium.defined(previousEntity.polygon)) {
previousEntity.polygon.material = deselectMaterial;
}
if (Cesium.defined(newEntity) && Cesium.defined(newEntity.polygon)) {
newEntity.polygon.material = selectedMaterial;
}
previousEntity = newEntity;
});
关于javascript - 铯-TypeError:将相机聚焦在对象上时t不确定,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/34680888/