OpenSource
/
dc-sdk
mirror of https://github.com/dvt3d/dc-sdk
Watch 4
Star 0
Fork 0
Code Issues 0 Releases 92 Wiki Activity
Browse Source

fix the examples

pull/213/head
cavencj 2 months ago
parent
f302667a83
commit
e810a4a289
7 changed files with 130 additions and 107 deletions
Unified View Show Diff Stats
  1. 1
    1
      examples/info/custom.html
  2. 45
    47
      examples/vector/dynamic_billboard.html
  3. 0
    2
      examples/vector/plane.html
  4. 82
    54
      examples/vector/sphere.html
  5. 0
    1
      examples/vector/sphere_trail.html
  6. 1
    1
      package.json
  7. 1
    1
      src/modules/overlay/vector/Plane.js

+ 1
- 1
examples/info/custom.html View File

<meta name="viewport" content="width=device-width,initial-scale=1.0" /> <meta name="viewport" content="width=device-width,initial-scale=1.0" />
<title>dc-example</title> <title>dc-example</title>
<script src="/libs/dc-sdk/dc.min.js"></script> <script src="/libs/dc-sdk/dc.min.js"></script>
<script src="https://cesium.com/downloads/cesiumjs/releases/1.125/Build/Cesium/Cesium.js"></script>
<script src="https://cesium.com/downloads/cesiumjs/releases/1.131/Build/Cesium/Cesium.js"></script>
<link href="/libs/dc-sdk/dc.min.css" type="text/css" rel="stylesheet" /> <link href="/libs/dc-sdk/dc.min.css" type="text/css" rel="stylesheet" />
<link <link
href="https://cesium.com/downloads/cesiumjs/releases/1.125/Build/Cesium/Widgets/widgets.css" href="https://cesium.com/downloads/cesiumjs/releases/1.125/Build/Cesium/Widgets/widgets.css"

+ 45
- 47
examples/vector/dynamic_billboard.html View File

<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<title>dc-example</title>
<script src="/libs/dc-sdk/dc.min.js"></script>
<link href="/libs/dc-sdk/dc.min.css" type="text/css" rel="stylesheet" />
<link href="../index.css" type="text/css" rel="stylesheet" />
</head>


<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>dc-example</title>
<script src='/libs/dc-sdk/dc.min.js'></script>
<link href='/libs/dc-sdk/dc.min.css' type='text/css' rel='stylesheet'>
<link href='../index.css' type='text/css' rel='stylesheet'>
</head>

<body>

<div id="viewer-container" class="viewer-container"></div>
<script>
let viewer = undefined

const generatePosition = (num) => {
let list = []
for (let i = 0; i < num; i++) {
let lng = 120.65276089+ Math.random() * 0.5
let lat = 31.310530293 + Math.random() * 0.5
list.push({lng,lat})
}
return list
}

<body>
<div id="viewer-container" class="viewer-container"></div>
<script>
DC.config.baseUrl = '../libs/dc-sdk/resources/' DC.config.baseUrl = '../libs/dc-sdk/resources/'
let viewer = new DC.Viewer('viewer-container') let viewer = new DC.Viewer('viewer-container')
let baseLayer = DC.ImageryLayerFactory.createAMapImageryLayer({
crs:"WGS84"
})
viewer.addBaseLayer( baseLayer,{
brightness:0.1
})
let layer = new DC.DynamicLayer('layer').addTo(viewer)
for(let i = 0; i<50; i++){
let billboard = new DC.DynamicBillboard(generatePosition(1)[0],'../assets/icon/poi.png')
billboard.size=[79,263]
billboard.setStyle({
scale:0.5,
let baseLayer = DC.ImageryLayerFactory.createAMapImageryLayer({
crs: 'WGS84',
}) })
layer.addOverlay(billboard)
}
setInterval(()=>{
layer.getOverlays().forEach(item=>{
item.addPosition(generatePosition(1)[0],10)
viewer.addBaseLayer(baseLayer, {
brightness: 0.1,
}) })
},10000)


viewer.flyTo(layer)
}
const generatePosition = (num) => {
let list = []
for (let i = 0; i < num; i++) {
let lng = 120.65276089 + Math.random() * 0.5
let lat = 31.310530293 + Math.random() * 0.5
list.push({ lng, lat })
}
return list
}
let layer = new DC.DynamicLayer('layer').addTo(viewer)
for (let i = 0; i < 50; i++) {
let billboard = new DC.DynamicBillboard(
generatePosition(1)[0],
'../assets/icon/poi.png'
)
billboard.size = [79, 263]
billboard.setStyle({
scale: 0.5,
})
layer.addOverlay(billboard)
}

setInterval(() => {
layer.getOverlays().forEach((item) => {
item.addPosition(generatePosition(1)[0], 10)
})
}, 10000)


</script>
</body>
viewer.flyTo(layer)
</script>
</body>
</html> </html>

+ 0
- 2
examples/vector/plane.html View File

}) })
layer.addOverlay(redPlane).addOverlay(greenPlane).addOverlay(bluePlane) layer.addOverlay(redPlane).addOverlay(greenPlane).addOverlay(bluePlane)
viewer.flyTo(layer) viewer.flyTo(layer)
}

</script> </script>
</body> </body>
</html> </html>

+ 82
- 54
examples/vector/sphere.html View File

<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width,initial-scale=1.0" />
<title>dc-example</title>
<script src="/libs/dc-sdk/dc.min.js"></script>
<link href="/libs/dc-sdk/dc.min.css" type="text/css" rel="stylesheet" />
<link href="../index.css" type="text/css" rel="stylesheet" />
</head>


<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>dc-example</title>
<script src='/libs/dc-sdk/dc.min.js'></script>
<link href='/libs/dc-sdk/dc.min.css' type='text/css' rel='stylesheet'>
<link href='../index.css' type='text/css' rel='stylesheet'>
</head>

<body>

<div id="viewer-container" class="viewer-container"></div>
<script>
DC.config.baseUrl = '../libs/dc-sdk/resources/'
<body>
<div id="viewer-container" class="viewer-container"></div>
<script>
DC.config.baseUrl = '../libs/dc-sdk/resources/'
let viewer = new DC.Viewer('viewer-container') let viewer = new DC.Viewer('viewer-container')
let key = '0f7c1d161d7352116a21aacf0e9f44c1'
let baseLayer = DC.ImageryLayerFactory.createImageryLayer(DC.ImageryType.AMAP,{
style:'img',
crs:'WGS84'
})
viewer.addBaseLayer( baseLayer,)

let layer = new DC.VectorLayer('layer')
viewer.addLayer(layer)

let saturn= new DC.Sphere('-95.0,45.0,300000.0',{x:200000.0, y:200000.0, z:200000.0}).setStyle({
material: new DC.Color(0.95, 0.82, 0.49)
}).addTo(layer)
let key = '0f7c1d161d7352116a21aacf0e9f44c1'
let baseLayer = DC.ImageryLayerFactory.createImageryLayer(
DC.ImageryType.AMAP,
{
style: 'img',
crs: 'WGS84',
}
)
viewer.addBaseLayer(baseLayer)


let innerRing = new DC.Sphere('-95.0,45.0,300000.0,30,30',{x:400000.0, y:400000.0, z:400000.0}).setStyle({
innerRadii:{x:300000.0, y:300000.0, z:300000.0},
minimumCone:DC.Math.toRadians(89.8),
maximumCone: DC.Math.toRadians(90.2),
material: new DC.Color(0.95, 0.82, 0.49,0.5)
}).addTo(layer)
let layer = new DC.VectorLayer('layer')
viewer.addLayer(layer)


let outRing = new DC.Sphere('-95.0,45.0,300000.0,30,30',{x:460000.0, y:460000.0, z:460000.0}).setStyle({
innerRadii:{x:415000.0, y:415000.0, z:415000.0},
minimumCone:DC.Math.toRadians(89.8),
maximumCone: DC.Math.toRadians(90.2),
material: new DC.Color(0.95, 0.82, 0.49,0.5)
}).addTo(layer)
let saturn = new DC.Sphere('-95.0,45.0,300000.0', {
x: 200000.0,
y: 200000.0,
z: 200000.0,
})
.setStyle({
material: new DC.Color(0.95, 0.82, 0.49),
})
.addTo(layer)


let blueEllipsoid = new DC.Sphere('-120.0, 40.0,',{x:200000.0, y:200000.0, z:200000.0}).setStyle({
maximumCone: DC.Math.PI_OVER_TWO,
material: DC.Color.BLUE.withAlpha(0.3),
outline: true,
}).addTo(layer)
let innerRing = new DC.Sphere('-95.0,45.0,300000.0,30,30', {
x: 400000.0,
y: 400000.0,
z: 400000.0,
})
.setStyle({
innerRadii: { x: 300000.0, y: 300000.0, z: 300000.0 },
minimumCone: DC.Math.toRadians(89.8),
maximumCone: DC.Math.toRadians(90.2),
material: new DC.Color(0.95, 0.82, 0.49, 0.5),
})
.addTo(layer)


let outRing = new DC.Sphere('-95.0,45.0,300000.0,30,30', {
x: 460000.0,
y: 460000.0,
z: 460000.0,
})
.setStyle({
innerRadii: { x: 415000.0, y: 415000.0, z: 415000.0 },
minimumCone: DC.Math.toRadians(89.8),
maximumCone: DC.Math.toRadians(90.2),
material: new DC.Color(0.95, 0.82, 0.49, 0.5),
})
.addTo(layer)


let redEllipsoid = new DC.Sphere('-108.0, 40.0',{x:250000.0, y:200000.0, z:150000.0}).setStyle({
innerRadii:{x:100000.0, y:80000.0, z:60000.0},
maximumCone: DC.Math.PI_OVER_TWO,
material: DC.Color.RED.withAlpha(0.3),
outline: true,
}).addTo(layer)
let blueEllipsoid = new DC.Sphere('-120.0, 40.0,', {
x: 200000.0,
y: 200000.0,
z: 200000.0,
})
.setStyle({
maximumCone: DC.Math.PI_OVER_TWO,
material: DC.Color.BLUE.withAlpha(0.3),
outline: true,
})
.addTo(layer)


viewer.flyTo(layer)
}
let redEllipsoid = new DC.Sphere('-108.0, 40.0', {
x: 250000.0,
y: 200000.0,
z: 150000.0,
})
.setStyle({
innerRadii: { x: 100000.0, y: 80000.0, z: 60000.0 },
maximumCone: DC.Math.PI_OVER_TWO,
material: DC.Color.RED.withAlpha(0.3),
outline: true,
})
.addTo(layer)


</script>
</body>
viewer.flyTo(layer)
</script>
</body>
</html> </html>

+ 0
- 1
examples/vector/sphere_trail.html View File

}).addTo(layer) }).addTo(layer)


viewer.flyTo(layer) viewer.flyTo(layer)
}


</script> </script>
</body> </body>

+ 1
- 1
package.json View File

"dist" "dist"
], ],
"dependencies": { "dependencies": {
"cesium": "^1.131.0",
"cesium": "^1.132.0",
"supercluster": "^8.0.1" "supercluster": "^8.0.1"
} }
} }

+ 1
- 1
src/modules/overlay/vector/Plane.js View File

} }


set distance(distance) { set distance(distance) {
const plane = this.entityGraphic.plane.getValue()
const plane = this._delegate.plane
this._distance = distance this._distance = distance
plane.distance = distance plane.distance = distance
} }

Write Preview
Loading…
Cancel
Save