Skip to content

Commit 4918a8e

Browse files
ParnDeedlitsParnDeedlits
committed
新增cesium的矢量瓦片功能
1 parent 993b069 commit 4918a8e

9 files changed

Lines changed: 134 additions & 128 deletions

File tree

‎config/config-cesium.js‎

Lines changed: 0 additions & 7 deletions
Original file line numberDiff line numberDiff line change
@@ -715,13 +715,6 @@ var CESIUM_CONFIG = config = {
715715
detail: "针对mapbox的矢量瓦片规范进行矢量渲染",
716716
icon: "streets.png",
717717
update: "最后更新时间：2019-07-31,如有问题请咨询创新中心"
718-
}, {
719-
name: "军测地图",
720-
file: "military",
721-
diffcult: "2",
722-
detail: "针对mapbox的矢量瓦片规范进行矢量渲染",
723-
icon: "military.png",
724-
update: "最后更新时间：2019-07-31,如有问题请咨询创新中心"
725718
}]
726719
},
727720
{

‎demo/cesium/example/vectortile/blue.htm‎

Lines changed: 11 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -27,10 +27,10 @@
2727
<div id='sceneViewer'></div>
2828
<div id="popupContain"></div>
2929
<script>
30-
var west = 113.90; //117.25; //
30+
var west = 113.90; //117.25; //
3131
var south = 22.43; // 38.85; //23.12
3232
var east = 114.23; //117.50; //121.31
33-
var north = 22.67; //39.00; //23.58
33+
var north = 22.67; //39.00; //23.58
3434

3535
var rectangle = Cesium.Rectangle.fromDegrees(west, south, east, north);
3636

@@ -41,14 +41,19 @@
4141
terrainExaggeration: 1
4242
});
4343
var viewer = webGlobe.viewer;
44-
var scene = webGlobe.scene;
45-
viewer.imageryLayers.removeAll();
44+
var scene = webGlobe.scene;
45+
//viewer.imageryLayers.removeAll();
4646
viewer.scene.skyAtmosphere.show = false;
4747
viewer.scene.globe.enableTransparent = true;
4848
viewer.scene.globe.baseColor = new Cesium.Color(1, 1, 1, 1);
4949

50-
new CesiumZondy.Overlayer.VectorTileLayer(viewer, "http://localhost:6163/igs/rest/mrms/vtiles/styles/shenzhen-blue.json", token);
51-
50+
let layer = new CesiumZondy.Overlayer.VectorTileLayer(viewer, {
51+
styleUrl: "http://localhost:6163/igs/rest/mrms/vtiles/styles/shenzhen-blue.json",
52+
token: token
53+
});
54+
//console.log("layer", layer.provider, viewer.imageryLayers);
55+
layer.remove();
56+
//layer.provider.show = false;
5257
</script>
5358

5459
</body>

‎demo/cesium/example/vectortile/dark.htm‎

Lines changed: 10 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -27,20 +27,20 @@
2727
<div id='sceneViewer'></div>
2828
<div id="popupContain"></div>
2929
<script>
30-
var west = 113.90; //117.25; //
30+
var west = 113.90; //117.25; //
3131
var south = 22.43; // 38.85; //23.12
3232
var east = 114.23; //117.50; //121.31
33-
var north = 22.67; //39.00; //23.58
33+
var north = 22.67; //39.00; //23.58
3434

3535
var rectangle = Cesium.Rectangle.fromDegrees(west, south, east, north);
3636

3737
Cesium.Camera.DEFAULT_VIEW_FACTOR = 0;
3838
Cesium.Camera.DEFAULT_VIEW_RECTANGLE = rectangle;
3939

4040
worldTerrain = Cesium.createWorldTerrain({
41-
requestWaterMask: true,
42-
requestVertexNormals: true
43-
});
41+
requestWaterMask: true,
42+
requestVertexNormals: true
43+
});
4444

4545

4646
var token = 'pk.eyJ1IjoicGFybmRlZWRsaXQiLCJhIjoiY2o1MjBtYTRuMDhpaTMzbXhpdjd3YzhjdCJ9.sCoubaHF9-nhGTA-sgz0sA';
@@ -49,16 +49,18 @@
4949
terrainExaggeration: 1
5050
});
5151
var viewer = webGlobe.viewer;
52-
var scene = webGlobe.scene;
52+
var scene = webGlobe.scene;
5353
viewer.terrainProvider = Cesium.createWorldTerrain();
5454

5555
//viewer.imageryLayers.removeAll();
5656
viewer.scene.skyAtmosphere.show = false;
5757
viewer.scene.globe.enableTransparent = true;
5858
viewer.scene.globe.baseColor = new Cesium.Color(1, 1, 1, 1);
5959

60-
new CesiumZondy.Overlayer.VectorTileLayer(viewer, "http://localhost:6163/igs/rest/mrms/vtiles/styles/shenzhen-dark.json", token);
61-
60+
new CesiumZondy.Overlayer.VectorTileLayer(viewer, {
61+
styleUrl: "http://localhost:6163/igs/rest/mrms/vtiles/styles/shenzhen-dark.json",
62+
token: token
63+
});
6264
</script>
6365

6466
</body>

‎demo/cesium/example/vectortile/light.htm‎

Lines changed: 11 additions & 9 deletions
Original file line numberDiff line numberDiff line change
@@ -27,29 +27,31 @@
2727
<div id='sceneViewer'></div>
2828
<div id="popupContain"></div>
2929
<script>
30-
var west = 113.90; //117.25; //
30+
var west = 113.90; //117.25; //
3131
var south = 22.43; // 38.85; //23.12
3232
var east = 114.23; //117.50; //121.31
33-
var north = 22.67; //39.00; //23.58
33+
var north = 22.67; //39.00; //23.58
3434

3535
var rectangle = Cesium.Rectangle.fromDegrees(west, south, east, north);
3636

3737
Cesium.Camera.DEFAULT_VIEW_FACTOR = 0;
3838
Cesium.Camera.DEFAULT_VIEW_RECTANGLE = rectangle;
3939
var token = 'pk.eyJ1IjoicGFybmRlZWRsaXQiLCJhIjoiY2o1MjBtYTRuMDhpaTMzbXhpdjd3YzhjdCJ9.sCoubaHF9-nhGTA-sgz0sA';
40-
/* var webGlobe = new Cesium.WebSceneControl('sceneViewer', {
41-
terrainExaggeration: 1
42-
});
43-
var viewer = webGlobe.viewer;
44-
var scene = webGlobe.scene; */
40+
/* var webGlobe = new Cesium.WebSceneControl('sceneViewer', {
41+
terrainExaggeration: 1
42+
});
43+
var viewer = webGlobe.viewer;
44+
var scene = webGlobe.scene; */
4545
var viewer = new Cesium.Viewer('sceneViewer');
4646
viewer.imageryLayers.removeAll();
4747
viewer.scene.skyAtmosphere.show = false;
4848
viewer.scene.globe.enableTransparent = true;
4949
viewer.scene.globe.baseColor = new Cesium.Color(1, 1, 1, 1);
5050

51-
new CesiumZondy.Overlayer.VectorTileLayer(viewer,
52-
"http://localhost:6163/igs/rest/mrms/vtiles/styles/shenzhen-light.json", token);
51+
new CesiumZondy.Overlayer.VectorTileLayer(viewer, {
52+
styleUrl: "http://localhost:6163/igs/rest/mrms/vtiles/styles/shenzhen-light.json",
53+
token: token
54+
});
5355
</script>
5456

5557
</body>

‎demo/cesium/example/vectortile/military.htm‎

Lines changed: 0 additions & 48 deletions
This file was deleted.

‎demo/cesium/example/vectortile/shenzhen_dark.htm‎

Lines changed: 0 additions & 47 deletions
This file was deleted.

‎demo/cesium/example/vectortile/streets.htm‎

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -50,7 +50,10 @@
5050

5151

5252

53-
new CesiumZondy.Overlayer.VectorTileLayer(viewer, "http://localhost:6163/igs/rest/mrms/vtiles/styles/shenzhen-street.json", token);
53+
new CesiumZondy.Overlayer.VectorTileLayer(viewer, {
54+
styleUrl: "http://localhost:6163/igs/rest/mrms/vtiles/styles/shenzhen-street.json",
55+
token: token
56+
});
5457

5558
</script>
5659

‎demo/leaflet/example/analysis/buffer copy.htm‎

Lines changed: 96 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,96 @@
1+
<!DOCTYPE html>
2+
<html>
3+
4+
<head>
5+
<meta charset='utf-8' />
6+
<title>Measure distances</title>
7+
<meta name='viewport' content='initial-scale=1,maximum-scale=1,user-scalable=no' />
8+
<script include="jquery" src="../../../../libs/zondyclient/include-lib-local.js"></script>
9+
<script include="geohash,geojson,turf" src="../../../../libs/zondyclient/include-leaflet-local.js"></script>
10+
<style>
11+
body {
12+
margin: 0;
13+
padding: 0;
14+
}
15+
16+
#map {
17+
position: absolute;
18+
top: 0;
19+
bottom: 0;
20+
width: 100%;
21+
}
22+
</style>
23+
</head>
24+
25+
<body>
26+
<div id='map'></div>
27+
<script>
28+
var map = L.map('map').setView([30.59418345, 114.289398], 11);
29+
var origindata = {
30+
"type": "FeatureCollection",
31+
"features": [{
32+
"type": "Feature",
33+
"properties": {},
34+
"geometry": {
35+
"type": "Point",
36+
"coordinates": [114.24270629882811,30.622550184776674]
37+
}
38+
},
39+
{
40+
"type": "Feature",
41+
"properties": {},
42+
"geometry": {
43+
"type": "LineString",
44+
"coordinates": [
45+
[114.34810638427734,30.634958017061198],
46+
[114.2856216430664,30.554869984737515],
47+
[114.246826171875,30.4954261715298]
48+
]
49+
}
50+
},
51+
{
52+
"type": "Feature",
53+
"properties": {},
54+
"geometry": {
55+
"type": "Polygon",
56+
"coordinates": [
57+
[
58+
[114.33815002441406,30.502230042106245],
59+
[114.34398651123045,30.485071542395932],
60+
[114.3728256225586,30.472348632640834],
61+
[114.38278198242188,30.49010107130931],
62+
[114.35256958007811,30.50518809826035],
63+
[114.33815002441406,30.502230042106245]
64+
]
65+
]
66+
}
67+
}
68+
]
69+
};
70+
var geojson;
71+
72+
initMap();
73+
loadData();
74+
75+
function initMap() {
76+
L.tileLayer('https://api.tiles.mapbox.com/v4/{id}/{z}/{x}/{y}.png?access_token=' +
77+
'sk.eyJ1IjoiY2hlbmdkYWRhIiwiYSI6ImNqZDFjaGo0ZjFzcnoyeG54enoxdnNuZHUifQ.hTWXXBUQ0wdGeuDF3GWeUw', {
78+
attribution: '<a href="#">AMikealson</a>',
79+
maxZoom: 18,
80+
id: 'mapbox.streets'
81+
}).addTo(map);
82+
}
83+
84+
function loadData() {
85+
L.geoJson(origindata).addTo(map);
86+
geojson = turf.buffer(origindata, 1.5, {
87+
units: 'miles'
88+
});
89+
L.geoJson(geojson).addTo(map);
90+
}
91+
92+
</script>
93+
94+
</body>
95+
96+
</html>

‎libs/zondyclient/cdn/zondyclient/webclient-cesium-plugins.js‎

Lines changed: 2 additions & 2 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)