Cesium 加载Geojson

最新推荐文章于 2024-10-12 13:57:44 发布

qq_26723085

最新推荐文章于 2024-10-12 13:57:44 发布

阅读量6.2k

点赞数 3

分类专栏： Cesium 文章标签： Cesium

本文链接：https://blog.csdn.net/qq_26723085/article/details/84836972

版权

本文介绍如何在Cesium中加载Geojson数据，提供了官方示例链接及加载代码，帮助读者理解和应用。

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

先来一个官方示例连接:Cesium官方示例连接

很有用的一个功能，数据可以自行生产，网上有一个链接：geojson文件生成

上一段在Cesium中的加载代码：

//这块写自己的json路径	
var promise=Cesium.GeoJsonDataSource.load('./*/*/*.json');
    promise.then(function(dataSource) {
        viewer.dataSources.add(dataSource);
        var entities = dataSource.entities.values;
        var colorHash = {};
        for (var i = 0; i < entities.length; i++) {
            var entity = entities[i];
            var name = entity.name;
            var color = colorHash[name];
            if (!color) {
//              color = Cesium.Color.fromRandom({
//                  alpha : 1.0
//              });
                color = Cesium.Color.WHITESMOKE,
                colorHash[name] = color;
            }
            entity.polygon.material = color;
            entity.polygon.outline = false;            
            entity.polygon.extrudedHeight =50.0;
            }
        });
	viewer.flyTo(promise);

有点懒没有注释感兴趣的大家可以自行研究。

测试json内容和结果：

{
  "type": "FeatureCollection",
  "features": [
    {
      "type": "Feature",
      "properties": {},
      "geometry": {
        "type": "Polygon",
        "coordinates": [
          [
            [
              108.8324761390686,
              34.20885647953598
            ],
            [