Cesium加载Geojson

最新推荐文章于 2025-06-02 09:36:17 发布

ldcaws

最新推荐文章于 2025-06-02 09:36:17 发布

阅读量2.4k

点赞数

CC 4.0 BY-SA版权

分类专栏： Cesium

本文链接：https://blog.youkuaiyun.com/leijie0322/article/details/81076170

Cesium 专栏收录该内容

2 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<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>

记录一下，后续参考