Cesium开发入门——Demo03:加载JSON文件并显示属性

1.Shp文件转为JSON文件

通过Mapshaper进行Shp文件到JSON文件的在线转换
【由此进入MapShaper,该网站可能会打不开,建议换不同浏览器多次尝试】
Cesium开发入门——Demo03:加载JSON文件并显示属性_第1张图片
如图,输入所有的Shp相关文件进行转换,然后点击“import”,会有一个预览图,确认无误之后,点击右上角Export导出,保存Json文件。

2.加载JSON文件显示属性

①文件放置位置:转换后的Json文件与加载Json文件的HTML文件放在同一文件夹下;
在这里插入图片描述
②加载文件代码;



	
		
		
		
	
	
		

Json图层

? 注意:加载你自己的JSON文件时,修改加载的文件名
在这里插入图片描述
? 注意:同时需要显示属性时,也要修改为你的文件中的属性字段名;
Cesium开发入门——Demo03:加载JSON文件并显示属性_第2张图片
然后就可以运行,显示你的数据和对应字段属性啦!
【运行界面——点击运行,会自动将视图窗口显示到数据区域,有时要多等待十几秒钟】
Cesium开发入门——Demo03:加载JSON文件并显示属性_第3张图片
【放大显示属性】
Cesium开发入门——Demo03:加载JSON文件并显示属性_第4张图片

你可能感兴趣的:(2016-2021,学习随记,shp文件在线转JSON文件,显示Json文件属性,Cesium入门)