cesium创建、添加json数据

一、shp转换成json格式

第一步：使用ArcGIS将shp文件的地理坐标设置为WGS_1984并导出为shp数据。

1、打开ArcGIS的Toolbox工具箱，选择“定义投影”：

2、选择要转换的shp格式文件并选择地理坐标为 WGS_1984,单击确认。

3、将数据导出。

开始转换：

第一步：打开网站http://www.mapshaper.org/

第二步：点击select按钮，选择目标shp图层

第三步：确认，inport导入：

第四步：点击右上角的export，选择GeoJson ,输入encoding=utf8,点击export，方法一转换完成：

在cesium中添加GsoJSon数据，如下图所示：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8"><title>添加json数据</title><script src="../Build/Cesium/Cesium.js"></script><style>@import url(../Build/Cesium/Widgets/widgets.css);html, body, #cesiumContainer {width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden;}</style>
</head>
<body><div id="cesiumContainer"></div><script>var viewer = new Cesium.Viewer('cesiumContainer',{animation:false,       //是否显示动画控件homeButton:true,       //是否显示home键geocoder:true,         //是否显示地名查找控件baseLayerPicker:false, //是否显示图层选择控件timeline:false,        //是否显示时间线控件fullscreenButton:true, //是否全屏显示scene3DOnly:true,     //如果设置为true，则所有几何图形以3D模式绘制以节约GPU资源infoBox:true,         //是否显示点击要素之后显示的信息sceneModePicker:true,  //是否显示投影方式控件  三维/二维navigationInstructionsInitiallyVisible:false,navigationHelpButton:false,     //是否显示帮助信息控件selectionIndicator:false,      imageryProvider: new Cesium.WebMapTileServiceImageryProvider({  //调用全球影响地图服务url: "http://t0.tianditu.com/img_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=img&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default&format=tiles",layer: "tdtBasicLayer",style: "default",format: "image/jpeg",tileMatrixSetID: "GoogleMapsCompatible",show: false})});viewer._cesiumWidget._creditContainer.style.display = "none";  //  去除版权信息viewer.imageryLayers.addImageryProvider(new Cesium.WebMapTileServiceImageryProvider({   //调用影响中文注记服务url: "http://t0.tianditu.com/cia_w/wmts?service=wmts&request=GetTile&version=1.0.0&LAYER=cia&tileMatrixSet=w&TileMatrix={TileMatrix}&TileRow={TileRow}&TileCol={TileCol}&style=default.jpg",layer: "tdtAnnoLayer",style: "default",format: "image/jpeg",tileMatrixSetID: "GoogleMapsCompatible",show: false}));  var promise= viewer.dataSources.add(Cesium.GeoJsonDataSource.load('modeldata/Expor11.json', {   //json文件路径stroke: Cesium.Color.HOTPINK,  //多边形轮廓的默认颜色fill: Cesium.Color.PINK,    //多边形内部的默认颜色。markerColor: Cesium.Color.RED, //获取或设置为每个点创建的地图针脚的默认颜色strokeWidth: 5,    //线段或者多边形默认宽度markerSymbol: 'name'   //是被标注字段}));viewer.flyTo(promise);   //飞入json文件所在位置</script>
</body>
</html>

cesium创建、添加json数据相关推荐

通过js定义数组往里面添加json数据
项目中使用到开始月份与结束月份,为了适应结束月份必须大于等于开始月份,使用动态赋值的方式,当选择开始月份的时候,动态添加结束月份,于是在最外层定义一个数组,动态的往里面添加数据进行赋值,我使用的是vu ...
29-30Python多线程、多线程、使用threading模块创建线程;JSON数据解析、编码为JSON类型转换对应表、Python类型转换对应表、json.dumps与json.loads
29Python3多线程多线程类似于同时执行多个不同程序,多线程运行有如下优点: 使用线程可以把占据长时间的程序中的任务放到后台去处理. 用户界面可以更加吸引人,比如用户点击了一个按钮去触发某些 ...
jQuery、ajax添加Json数据
需求说明: 简单的演示ajax提交json数据. 代码说明: ajax在传输数据的时候基本格式大都是固定的,只需要修改传输类型即可.下面介绍基本的参数提交. 步骤一:建立一个html或者jsp页面,引 ...
十分钟，学会使用js三种方法创建本地json数据文件
前言在干业务时,需要得到一份全国省市到街道的区划数据,刚好业务中连接了高德地图,高德地图又提供了区划的api,这下只需要把数据写到json里了.什么!你说你还不会用js创建json文件?没关系,只需 ...
C/C++程序开发: cJSON的使用(创建与解析JSON数据)
一.cJSON介绍 cJSON 是一个超轻巧,携带方便,单文件,可以作为 ANSI-C 标准的 JSON 解析器,是一个用C语言编写的简单好用的JSON解析器:它只包含一个C文件和一个头文件,可以非常 ...
Ajax、JSON数据和文件上传与下载
JavaWeb 一.Ajax 1.1 概念 1.2 异步与同步 1.3 传统请求与Ajax 1.4 异步的使用场景 1.4 传输数据类型 1.5 Ajax的实现方式 1.5.1 原生的JS实现Ajax ...
130：vue+openlayers 加载中国边界JSON数据（EPSG:4326）
第130个点击查看专栏目录本示例的目的是介绍演示如何在vue+openlayers中添加JSON数据,显示的是中国的边界线(EPSG:4326). 直接复制下面的 vue+openlayers源代 ...
022：vue+openlayers加载中国边界JSON数据（代码示例）
第022个点击查看专栏目录本示例的目的是介绍演示如何在vue+openlayers中添加JSON数据,显示的是中国的边界线(EPSG:3857). 直接复制下面的 vue+openlayers源代 ...
json数据解析 android,Android基础之json数据解析
这次来聊聊Android中json数据的解析,既然是基础就要求只要你看一遍就必须会的,不牵涉到太多的复杂逻辑,目的就是让你初步认识json数据的解析和学会对简单的json数据进行解析. 首先第一步我们 ...

cesium创建、添加json数据

一、shp转换成json格式

开始转换：

cesium创建、添加json数据相关推荐

最新文章

热门文章