Cesium加载Geojson

最新推荐文章于 2025-10-11 14:13:10 发布

原创最新推荐文章于 2025-10-11 14:13:10 发布 · 2.4k 阅读

2 ·

CC 4.0 BY-SA版权

Cesium 专栏收录该内容

2 篇文章

订阅专栏

本文介绍如何使用Cesium加载GeoJSON文件并显示地理数据。通过设置样式属性如颜色和线条宽度，可以定制地图上的视觉效果。示例中加载了一个中国的地理边界数据。

<body>
    <div id="cesiumContainer"></div>
    <script>
    //加载geojson
    var viewer = new Cesium.Viewer('cesiumContainer');
    var viewPosition =     
    viewer.dataSources.add(Cesium.GeoJsonDataSource.load('../../Apps/china.geojson', {
    stroke: Cesium.Color.BLACK,
    fill: Cesium.Color.RED,
    strokeWidth: 3,
    markerSymbol: '?'
    }));
    viewer.flyTo(viewPosition);
    //其过程如下：
    //var dataSource = Cesium.GeoJsonDataSource.load('./Geojson/gq.geojson');
	//viewer.dataSources.add(dataSource);
	//viewer.dataSources.add(Cesium.GeoJsonDataSource.load('./Geojson/gq.geojson', {
		//stroke: Cesium.Color.HOTPINK,
		//fill: Cesium.Color.PINK,
		//strokeWidth: 3,
		//markerSymbol: '?'
	//}));
    </script>
</body>

记录一下，后续参考