Cesium基础知识-加载json数据

viewer = new Cesium.Viewer('cesiumContainer');
//加载json数据生成线
function CreateLineFromJson(params) {
//加载线性的geojson数据，加载之后自动获取geojson的经纬度
var line1 = Cesium.GeoJsonDataSource.load(
'../Apps/SampleData/geojson/lineback_1.json', {
//修改线性对象的颜色
stroke: Cesium.Color.BLUE,
//修改线性的宽度
strokeWidth: 3,
//是否贴地
clampToGround: true
}
)
//加载geojson图层到场景内部
viewer.dataSources.add(line1);
//定位场景摄像头位置
viewer.zoomTo(line1);
}
//CreateLineFromJson();
//加载json数据生中国省市轮廓线
function CreateLineFromJson1(params) {
//加载线性的geojson数据，加载之后自动获取geojson的经纬度
var line2 = Cesium.GeoJsonDataSource.load(
'../Apps/SampleData/geojson/中国_1.json', {
stroke: Cesium.Color.GREEN,
strokeWidth: 3,
height: 50000
}
)
//加载geojson图层到场景内部
viewer.dataSources.add(line2);
//定位场景摄像头位置
viewer.zoomTo(line2);
}
//CreateLineFromJson1();
//加载json数据生地球水轮廓
function CreateLineFromJson2(params) {
//加载线性的geojson数据，加载之后自动获取geojson的经纬度
var line3 = Cesium.GeoJsonDataSource.load(
'../Apps/SampleData/geojson/water_R.json', {
stroke: Cesium.Color.RED,
strokeWidth: 3
}
)
//加载geojson图层到场景内部
viewer.dataSources.add(line3);
//定位场景摄像头位置
viewer.zoomTo(line3);
}
//CreateLineFromJson2();
//生成点
function CreatePointFromJson(params) {
var point = Cesium.GeoJsonDataSource.load(
'../Apps/SampleData/geojson/point.json', {
//修改marker的icon符号在cesium源码的API对应的ID改一下就可以
markerSymbol: '!' //'village'
}
)
//可以设置名字方便清除
point.name = "Point";
var data = {
type: 'Feature',
geometry: {
type: 'Polygon',
coordinates: [
[
[113.490283, 28.88435],
[113.596823, 28.895413],
[113.626349, 28.784167],
[113.299369, 28.775197],
[113.490283, 28.88435]
]
]
}
}
//point.data=data;
//加载geojson图层到场景内部
viewer.dataSources.add(point);
//定位场景摄像头位置
viewer.zoomTo(point);
}
//CreatePointFromJson();
//加载polygon,生成中国polygon
function CreatePolygonFromJson() {
var polygon = Cesium.GeoJsonDataSource.load(
'../Apps/SampleData/geojson/china/china.json', {
fill: Cesium.Color.MEDIUMAQUAMARINE.withAlpha(0.5),
stroke: Cesium.Color.MEDIUMAQUAMARINE,
strokeWidth: 10,
}
);
//面数据加载并拉伸事件
polygon.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
// //根据json的名字设置
// //设置每个面的颜色
entity.polygon.material = Cesium.Color.GRAY
// //设置外边界是否显示
//entity.polygon.outline = false
entity.polygon.outline = true
// //设置Z轴的拉伸高度
entity.polygon.extrudedHeight = 50000.0
}
})
//加载geojson图层到场景内部
//viewer.dataSources.add(polygon);
//定位场景摄像头位置
viewer.zoomTo(polygon);
}
///CreatePolygonFromJson();
//加载polygon,生成天津polygon
function CreatePolygonFromJson1() {
var polygon1 = Cesium.GeoJsonDataSource.load(
'../Apps/SampleData/geojson/china/province/120000-天津市.json', {
fill: Cesium.Color.PINK,
outline:true,
}
);
//面数据加载并拉伸事件
polygon1.then(function (dataSource) {
viewer.dataSources.add(dataSource)
var entities = dataSource.entities.values
for (var i = 0; i < entities.length; i++) {
//设置不同颜色的单值专题图
var entity = entities[i]
var name = entity.name
//根据json的名字设置
//设置每个面的颜色
entity.polygon.material = Cesium.Color.GRAY
//设置外边界是否显示
entity.polygon.outline = true
entity.polygon.outlineColor = Cesium.Color.WHITE
entity.polygon.outlineWidth = 500
//设置Z轴的拉伸高度
entity.polygon.extrudedHeight = 20000.0
}
})
//加载geojson图层到场景内部
//viewer.dataSources.add(polygon1);
//定位场景摄像头位置
viewer.zoomTo(polygon1);
}
CreatePolygonFromJson1();

Cesium基础知识-加载json数据相关推荐

ajax传输json数据格式乱码_解决Ajax加载JSon数据中文乱码问题
一.问题描述使用zTree的异步刷新父级菜单时,服务器返回中文乱码,但项目中使用了SpringMvc,已经对中文乱码处理,为什么还会出现呢? 此处为的异步请求的配置: Java代码 async: { ...
Android中关于Volley的使用（二）加载Json数据
前面一篇关于Volley的文章中,我们学习了如何利用ImageRequest去网络中加载图片,那么今天我们就来学习一下如何利用volley去网络中加载Json格式数据,并将其展示在一个ListView ...
LayaBox -- 加载Json数据
其实LayaBox加载Json还是蛮简单的,但是作为新手来说,其实也不容易,下面放出解决方法,在类比一下就知道有多容易了. 新建laya.json文件放入到bin目录下 // laya.json {& ...
EasyUI datagrid动态加载json数据
最近做一个项目,要求是两张张表可能查找出10多种不同的结果集. 如果想只用一个表格就把全部的结果不同的显示出来那么就肯定不同使用固定的字段名字,要通过动态加载后台返回来的数据把它显示出来就必须动态加载 ...
使用EasyUI Tree异步加载JSON数据生成树
这几天因为工作需要,要做一个支持无限级的菜单. 我也是菜鸟一只,能想到的东西不多,所以用了Easy UI的tree组件. 不得不说,easyui确实很强大. 因为是无限级菜单,数据量可能有点大,所以考 ...
mapbox 加载json数据和数据中颜色和高度并根据数值加载颜色
代码 //添加geojson数据map.on('load', function () {map.addLayer({'id': 'room-extrusion','type': 'fill-extru ...
cesium使用primitives加载模型数据，点击事件
//primitives加载原型模型 var billboards = viewer.scene.primitives.add(new Cesium.BillboardCollection()); f ...
jq加载json数据实现三级联动
<!DOCTYPE html> <html lang="en"> <head><meta charset="UTF-8" ...
MVC4中EasyUI Tree异步加载JSON数据生成树
1,首先构造tree接受的格式化数据结构MODEL /// <summary> /// 定义EasyUI树的相关数据,方便控制器生成Json数据进行传递 /// </summar ...

Cesium基础知识-加载json数据

Cesium基础知识-加载json数据相关推荐

最新文章

热门文章