Skip to content

Commit 2bfc9ef

Browse files
author
hezhentao
committed
【示例】【新增】【新增OpenLayers示例】
【示例】【修改】【修改Cesium示例】 【示例说明】【修改】【修改Cesium示例说明】 【示例说明】【修改】【修改MapBox-GL示例说明】 【示例说明】【新增】【修改OpenLayer示例说明】 【示例说明】【修改】【修改示例样式】
1 parent 03947af commit 2bfc9ef

File tree

635 files changed

+71081
-22203
lines changed

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

635 files changed

+71081
-22203
lines changed

‎website/public/static/demo/cesium/example/analysis/analysis-animation.htm‎

Lines changed: 13 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -29,8 +29,15 @@
2929
var thirdPartyLayer = new CesiumZondy.Layer.ThirdPartyLayer({
3030
viewer: webGlobe.viewer
3131
});
32-
//添加Google地图
33-
thirdPartyLayer.appendOsmMap()
32+
//加载天地图
33+
var tdtLayer = thirdPartyLayer.appendTDTuMap({
34+
//天地图经纬度数据
35+
url: 'http://t0.tianditu.com/DataServer?T=vec_c&X={x}&Y={y}&L={l}',
36+
//开发token （请到天地图官网申请自己的开发token，自带token仅做功能验证随时可能失效）
37+
token: "9c157e9585486c02edf817d2ecbc7752",
38+
//地图类型 'vec'矢量 'img'影像 'ter'地形
39+
ptype: "img"
40+
});
3441

3542
//视点跳转（经度，纬度，视角高度，方位角，俯仰角，翻滚角）
3643
webGlobe.flyToEx(117.213063, 31.812956, {
@@ -85,7 +92,7 @@
8592
//漫游模型url
8693
modelUrl: './static/data/model/WuRenJi.glb',
8794
//完成动画漫游回调函数
88-
complete: function () {
95+
complete: function() {
8996
alert('完毕');
9097
}
9198
});
@@ -111,7 +118,7 @@
111118

112119
function subscribeParameter(name) {
113120
Cesium.knockout.getObservable(viewModel, name).subscribe(
114-
function (newValue) {
121+
function(newValue) {
115122
if (name === 'pitch') {
116123
//animation.offsetZ = newValue;
117124
//animation.pitch = Cesium.Math.toRadians(parseInt(newValue));
@@ -225,16 +232,14 @@
225232
<tr id="pitch" style="display:''">
226233
<td>俯仰角</td>
227234
<td>
228-
<input type="range" min="-180" max="180" value="0" step="1"
229-
data-bind="value: pitch, valueUpdate: 'input'" size="20">
235+
<input type="range" min="-180" max="180" value="0" step="1" data-bind="value: pitch, valueUpdate: 'input'" size="20">
230236
<input type="number" size="2" data-bind="value: pitch">
231237
</td>
232238
</tr>
233239
<tr id="heading" style="display:''">
234240
<td>方位角</td>
235241
<td>
236-
<input type="range" min="-180" max="180" value="90" step="1"
237-
data-bind="value: heading, valueUpdate: 'input'">
242+
<input type="range" min="-180" max="180" value="90" step="1" data-bind="value: heading, valueUpdate: 'input'">
238243
<input type="number" size="2" data-bind="value: heading">
239244
</td>
240245
</tr>

‎website/public/static/demo/cesium/example/analysis/analysis-aspectAnalysis.htm‎

Lines changed: 14 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -24,15 +24,26 @@
2424
var thirdPartyLayer = new CesiumZondy.Layer.ThirdPartyLayer({
2525
viewer: webGlobe.viewer
2626
});
27-
//添加Google地图
28-
thirdPartyLayer.appendOsmMap()
27+
//加载天地图
28+
var tdtLayer = thirdPartyLayer.appendTDTuMap({
29+
//天地图经纬度数据
30+
url: 'http://t0.tianditu.com/DataServer?T=vec_c&X={x}&Y={y}&L={l}',
31+
//开发token （请到天地图官网申请自己的开发token，自带token仅做功能验证随时可能失效）
32+
token: "9c157e9585486c02edf817d2ecbc7752",
33+
//地图类型 'vec'矢量 'img'影像 'ter'地形
34+
ptype: "img"
35+
});
2936

3037
//构造地形图层管理类
3138
var terrain = new CesiumZondy.Layer.TerrainLayer({
3239
viewer: webGlobe.viewer
3340
});
3441
//加载三维地形地图文档（服务地址，配置参数）
35-
var { protocol, ip, port } = window.webclient;
42+
var {
43+
protocol,
44+
ip,
45+
port
46+
} = window.webclient;
3647
var terrainlayer = terrain.append(`${protocol}://${ip}:${port}/igs/rest/g3d/terrain`, {});
3748
//初始化视图功能管理类
3849
var sceneManager = new CesiumZondy.Manager.SceneManager({

‎website/public/static/demo/cesium/example/analysis/analysis-cube.htm‎

Lines changed: 9 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -32,8 +32,15 @@
3232
var thirdPartyLayer = new CesiumZondy.Layer.ThirdPartyLayer({
3333
viewer: webGlobe.viewer
3434
});
35-
//添加Google地图
36-
thirdPartyLayer.appendOsmMap()
35+
//加载天地图
36+
var tdtLayer = thirdPartyLayer.appendTDTuMap({
37+
//天地图经纬度数据
38+
url: 'http://t0.tianditu.com/DataServer?T=vec_c&X={x}&Y={y}&L={l}',
39+
//开发token （请到天地图官网申请自己的开发token，自带token仅做功能验证随时可能失效）
40+
token: "9c157e9585486c02edf817d2ecbc7752",
41+
//地图类型 'vec'矢量 'img'影像 'ter'地形
42+
ptype: "img"
43+
});
3744

3845
//构造地形图层管理类
3946
var terrain = new CesiumZondy.Layer.TerrainLayer({

‎website/public/static/demo/cesium/example/analysis/analysis-explosion.htm‎

Lines changed: 16 additions & 5 deletions
Original file line numberDiff line numberDiff line change
@@ -26,8 +26,15 @@
2626
var thirdPartyLayer = new CesiumZondy.Layer.ThirdPartyLayer({
2727
viewer: webGlobe.viewer
2828
});
29-
//添加Google地图
30-
thirdPartyLayer.appendOsmMap()
29+
//加载天地图
30+
var tdtLayer = thirdPartyLayer.appendTDTuMap({
31+
//天地图经纬度数据
32+
url: 'http://t0.tianditu.com/DataServer?T=vec_c&X={x}&Y={y}&L={l}',
33+
//开发token （请到天地图官网申请自己的开发token，自带token仅做功能验证随时可能失效）
34+
token: "9c157e9585486c02edf817d2ecbc7752",
35+
//地图类型 'vec'矢量 'img'影像 'ter'地形
36+
ptype: "img"
37+
});
3138

3239
//初始化视图功能管理类
3340
var sceneManager = new CesiumZondy.Manager.SceneManager({
@@ -45,11 +52,15 @@
4552
viewer: webGlobe.viewer
4653
});
4754
//加载M3D地图文档（服务地址，配置参数）
48-
var { protocol, ip, port } = window.webclient;
55+
var {
56+
protocol,
57+
ip,
58+
port
59+
} = window.webclient;
4960
landscapeLayer = m3dLayer.append(`${protocol}://${ip}:${port}/igs/rest/g3d/ZondyModels`, {
5061
autoReset: false,
5162
maximumScreenSpaceError: 8,
52-
loaded: function (layer) {
63+
loaded: function(layer) {
5364
var option = {
5465
// 返回的图层子节点
5566
children: landscapeLayer[0].root.children,
@@ -60,7 +71,7 @@
6071
// 爆炸距离
6172
distance: 50
6273
};
63-
setTimeout(function (value) {
74+
setTimeout(function(value) {
6475
//初始化分析功能管理类
6576
var analysisManager = new CesiumZondy.Manager.AnalysisManager({
6677
viewer: webGlobe.viewer

‎website/public/static/demo/cesium/example/analysis/analysis-floor.htm‎

Lines changed: 9 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -33,8 +33,15 @@
3333
var thirdPartyLayer = new CesiumZondy.Layer.ThirdPartyLayer({
3434
viewer: webGlobe.viewer
3535
});
36-
//添加Google地图
37-
thirdPartyLayer.appendOsmMap();
36+
//加载天地图
37+
var tdtLayer = thirdPartyLayer.appendTDTuMap({
38+
//天地图经纬度数据
39+
url: 'http://t0.tianditu.com/DataServer?T=vec_c&X={x}&Y={y}&L={l}',
40+
//开发token （请到天地图官网申请自己的开发token，自带token仅做功能验证随时可能失效）
41+
token: "9c157e9585486c02edf817d2ecbc7752",
42+
//地图类型 'vec'矢量 'img'影像 'ter'地形
43+
ptype: "img"
44+
});
3845

3946
//初始化视图功能管理类
4047
var sceneManager = new CesiumZondy.Manager.SceneManager({

‎website/public/static/demo/cesium/example/analysis/analysis-modelflatten.htm‎

Lines changed: 15 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -27,8 +27,15 @@
2727
var thirdPartyLayer = new CesiumZondy.Layer.ThirdPartyLayer({
2828
viewer: webGlobe.viewer
2929
});
30-
//添加Google地图
31-
thirdPartyLayer.appendOsmMap()
30+
//加载天地图
31+
var tdtLayer = thirdPartyLayer.appendTDTuMap({
32+
//天地图经纬度数据
33+
url: 'http://t0.tianditu.com/DataServer?T=vec_c&X={x}&Y={y}&L={l}',
34+
//开发token （请到天地图官网申请自己的开发token，自带token仅做功能验证随时可能失效）
35+
token: "9c157e9585486c02edf817d2ecbc7752",
36+
//地图类型 'vec'矢量 'img'影像 'ter'地形
37+
ptype: "img"
38+
});
3239

3340
//初始化视图功能管理类
3441
var sceneManager = new CesiumZondy.Manager.SceneManager({
@@ -46,11 +53,15 @@
4653
viewer: webGlobe.viewer
4754
});
4855
//加载M3D地图文档（服务地址，配置参数）
49-
var { protocol, ip, port } = window.webclient;
56+
var {
57+
protocol,
58+
ip,
59+
port
60+
} = window.webclient;
5061
landscapeLayer = m3dLayer.append(`${protocol}://${ip}:${port}/igs/rest/g3d/ZondyModels`, {
5162
autoReset: false,
5263
maximumScreenSpaceError: 8,
53-
loaded: function (layer) {
64+
loaded: function(layer) {
5465
///绘制结果回调函数
5566
function getDrawResult(positions) {
5667
//获取绘制多边形区域的定点（这是三维的点xyz）

‎website/public/static/demo/cesium/example/analysis/analysis-sceneprojection copy.htm‎

Lines changed: 36 additions & 18 deletions
Original file line numberDiff line numberDiff line change
@@ -26,10 +26,10 @@
2626
var sceneProaction;
2727
//场景投影进行状态
2828
var sceneProing;
29+
2930
function init() {
3031
//构造三维视图类（视图容器div的id，三维视图设置参数）
31-
webGlobe = new Cesium.WebSceneControl('GlobeView', {
32-
});
32+
webGlobe = new Cesium.WebSceneControl('GlobeView', {});
3333
viewer = webGlobe.viewer;
3434
var scene = webGlobe.scene;
3535
if (webGlobe) {
@@ -38,10 +38,21 @@
3838
var thirdPartyLayer = new CesiumZondy.Layer.ThirdPartyLayer({
3939
viewer: webGlobe.viewer
4040
});
41-
//添加Google地图
42-
thirdPartyLayer.appendOsmMap()
41+
//加载天地图
42+
var tdtLayer = thirdPartyLayer.appendTDTuMap({
43+
//天地图经纬度数据
44+
url: 'http://t0.tianditu.com/DataServer?T=vec_c&X={x}&Y={y}&L={l}',
45+
//开发token （请到天地图官网申请自己的开发token，自带token仅做功能验证随时可能失效）
46+
token: "9c157e9585486c02edf817d2ecbc7752",
47+
//地图类型 'vec'矢量 'img'影像 'ter'地形
48+
ptype: "img"
49+
});
4350
//加载IGS发布的M3D缓存地图文档
44-
var { protocol, ip, port } = window.webclient;
51+
var {
52+
protocol,
53+
ip,
54+
port
55+
} = window.webclient;
4556
tileset = webGlobe.append(`${protocol}://${ip}:${port}/igs/rest/g3d/ModelM3D`, {});
4657
}
4758
}
@@ -61,17 +72,23 @@
6172
//投影类型
6273
switch (proType) {
6374
//图片数据
64-
case Cesium.SceneProjectorType.IMAGE: {
65-
scenePro.textureSource = './static/data/picture/world.jpg';
66-
} break;
67-
//视屏数据
68-
case Cesium.SceneProjectorType.VIDEO: {
69-
scenePro.textureSource = './static/data/client-analysis/媒体2.mp4';
70-
} break;
71-
//颜色
72-
case Cesium.SceneProjectorType.COLOR: {
73-
scenePro.textureSource = new Cesium.Color(255 / 255, 0 / 255, 0 / 255, 1);
74-
} break;
75+
case Cesium.SceneProjectorType.IMAGE:
76+
{
77+
scenePro.textureSource = './static/data/picture/world.jpg';
78+
}
79+
break;
80+
//视屏数据
81+
case Cesium.SceneProjectorType.VIDEO:
82+
{
83+
scenePro.textureSource = './static/data/client-analysis/媒体2.mp4';
84+
}
85+
break;
86+
//颜色
87+
case Cesium.SceneProjectorType.COLOR:
88+
{
89+
scenePro.textureSource = new Cesium.Color(255 / 255, 0 / 255, 0 / 255, 1);
90+
}
91+
break;
7592

7693
}
7794

@@ -154,13 +171,14 @@
154171
}
155172

156173
function updateViewPosition() {
157-
webGlobe.registerMouseEvent('LEFT_CLICK', function (movement) {
174+
webGlobe.registerMouseEvent('LEFT_CLICK', function(movement) {
158175
var cartesian = viewer.scene.pickPosition(movement.position);
159176
scenePro.viewPosition = cartesian;
160177
});
161178
}
179+
162180
function updateTargetPosition() {
163-
webGlobe.registerMouseEvent('LEFT_CLICK', function (movement) {
181+
webGlobe.registerMouseEvent('LEFT_CLICK', function(movement) {
164182
var cartesian = viewer.scene.pickPosition(movement.position);
165183
scenePro.targetPosition = cartesian;
166184
});

‎website/public/static/demo/cesium/example/analysis/analysis-sceneprojection.htm‎

Lines changed: 14 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -34,8 +34,15 @@
3434
var thirdPartyLayer = new CesiumZondy.Layer.ThirdPartyLayer({
3535
viewer: webGlobe.viewer
3636
});
37-
//添加Google地图
38-
thirdPartyLayer.appendOsmMap()
37+
//加载天地图
38+
var tdtLayer = thirdPartyLayer.appendTDTuMap({
39+
//天地图经纬度数据
40+
url: 'http://t0.tianditu.com/DataServer?T=vec_c&X={x}&Y={y}&L={l}',
41+
//开发token （请到天地图官网申请自己的开发token，自带token仅做功能验证随时可能失效）
42+
token: "9c157e9585486c02edf817d2ecbc7752",
43+
//地图类型 'vec'矢量 'img'影像 'ter'地形
44+
ptype: "img"
45+
});
3946

4047
//初始化视图功能管理类
4148
var sceneManager = new CesiumZondy.Manager.SceneManager({
@@ -53,7 +60,11 @@
5360
viewer: webGlobe.viewer
5461
});
5562
//加载M3D地图文档（服务地址，配置参数）
56-
var { protocol, ip, port } = window.webclient;
63+
var {
64+
protocol,
65+
ip,
66+
port
67+
} = window.webclient;
5768
landscapeLayer = m3dLayer.append(`${protocol}://${ip}:${port}/igs/rest/g3d/ZondyModels`, {
5869
autoReset: false,
5970
maximumScreenSpaceError: 8

‎website/public/static/demo/cesium/example/analysis/analysis-skyline.htm‎

Lines changed: 15 additions & 4 deletions
Original file line numberDiff line numberDiff line change
@@ -27,8 +27,15 @@
2727
var thirdPartyLayer = new CesiumZondy.Layer.ThirdPartyLayer({
2828
viewer: webGlobe.viewer
2929
});
30-
//添加Google地图
31-
thirdPartyLayer.appendOsmMap()
30+
//加载天地图
31+
var tdtLayer = thirdPartyLayer.appendTDTuMap({
32+
//天地图经纬度数据
33+
url: 'http://t0.tianditu.com/DataServer?T=vec_c&X={x}&Y={y}&L={l}',
34+
//开发token （请到天地图官网申请自己的开发token，自带token仅做功能验证随时可能失效）
35+
token: "9c157e9585486c02edf817d2ecbc7752",
36+
//地图类型 'vec'矢量 'img'影像 'ter'地形
37+
ptype: "img"
38+
});
3239

3340
//初始化视图功能管理类
3441
var sceneManager = new CesiumZondy.Manager.SceneManager({
@@ -46,11 +53,15 @@
4653
viewer: webGlobe.viewer
4754
});
4855
//加载M3D地图文档（服务地址，配置参数）
49-
var { protocol, ip, port } = window.webclient;
56+
var {
57+
protocol,
58+
ip,
59+
port
60+
} = window.webclient;
5061
landscapeLayer = m3dLayer.append(`${protocol}://${ip}:${port}/igs/rest/g3d/ZondyModels`, {
5162
autoReset: false,
5263
maximumScreenSpaceError: 8,
53-
loaded: function (layer) {
64+
loaded: function(layer) {
5465
function left() {
5566
if (skyLineAn) {
5667
//销毁天际线分析结果

‎website/public/static/demo/cesium/example/analysis/analysis-slopeAnalysis.htm‎

Lines changed: 9 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -24,8 +24,15 @@
2424
var thirdPartyLayer = new CesiumZondy.Layer.ThirdPartyLayer({
2525
viewer: webGlobe.viewer
2626
});
27-
//添加Google地图
28-
thirdPartyLayer.appendOsmMap()
27+
//加载天地图
28+
var tdtLayer = thirdPartyLayer.appendTDTuMap({
29+
//天地图经纬度数据
30+
url: 'http://t0.tianditu.com/DataServer?T=vec_c&X={x}&Y={y}&L={l}',
31+
//开发token （请到天地图官网申请自己的开发token，自带token仅做功能验证随时可能失效）
32+
token: "9c157e9585486c02edf817d2ecbc7752",
33+
//地图类型 'vec'矢量 'img'影像 'ter'地形
34+
ptype: "img"
35+
});
2936

3037
//构造地形图层管理类
3138
var terrain = new CesiumZondy.Layer.TerrainLayer({

0 commit comments

Comments
 (0)