在angular6中集成cesium，facilities.kml一直404

问题记录中心✘

于 2019-10-14 13:44:15 发布

阅读量406

点赞数

本文链接：https://blog.csdn.net/weixin_40394560/article/details/102546174

版权

本文介绍了在Angular6项目中集成Cesium时遇到的facilities.kml文件404错误。通过分析官方demo代码，发现将KML文件放置在组件同级目录会导致找不到文件的问题。解决方案是将KML文件放入assets目录作为静态资源，以便正确加载。

摘要由CSDN通过智能技术生成

官网聚合demo
在项目中使用了聚合：官网demo代码如下

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

var options = {
   
    camera : viewer.scene.camera,
    canvas : viewer.scene.canvas
};

var dataSourcePromise = viewer.dataSources.add(Cesium.KmlDataSource.load('../../SampleData/kml/facilities/facilities.kml', options));
dataSourcePromise.then(function(dataSource) {
   
    var pixelRange = 15;
    var minimumClusterSize = 3;
    var enabled = true;

    dataSource.clustering.enabled = enabled;
    dataSource.clustering.pixelRange = pixelRange;
    dataSource.clustering.minimumClusterSize = minimumClusterSize;

    var removeListener;

    var pinBuilder = new Cesium.PinBuilder();
    var pin50 = pinBuilder.fromText('50+', Cesium.Color.RED, 48).toDataURL();
    var pin40 = pinBuilder.fromText('40+', Cesium.Color.ORANGE, 48).toDataURL()