71 lines
1.6 KiB
HTML
71 lines
1.6 KiB
HTML
<!DOCTYPE html>
|
||
<html lang="en">
|
||
|
||
<head>
|
||
<meta charset="UTF-8">
|
||
<title>Title</title>
|
||
<script src="../sdk/YJEarth.min.js"></script>
|
||
<script src="vue.js"></script>
|
||
<style>
|
||
body {
|
||
width: 100%;
|
||
height: 100%;
|
||
}
|
||
</style>
|
||
</head>
|
||
|
||
<body>
|
||
<div id="app" class="fullSize">
|
||
</div>
|
||
</body>
|
||
|
||
</html>
|
||
|
||
<script>
|
||
new Vue({
|
||
el: "#app",
|
||
data: {
|
||
PolylineObject: null,
|
||
PolygonObject: null
|
||
},
|
||
async mounted() {
|
||
await YJ.on()
|
||
this.createEarth()
|
||
},
|
||
methods: {
|
||
async createEarth() {
|
||
this.sdk = new YJ.YJEarth("app")
|
||
window.sdk = this.sdk
|
||
YJ.Global.flyTo(this.sdk, {
|
||
position: {
|
||
lng: 110,
|
||
lat: 25,
|
||
alt: 100
|
||
}
|
||
})
|
||
let layer = new YJ.Obj.ArcgisWXImagery(this.sdk, {
|
||
id: 123,
|
||
show: true,
|
||
layer_index: 1
|
||
})
|
||
|
||
|
||
let Draw = new YJ.Draw.DrawElliptic(sdk)
|
||
|
||
Draw.start((a, options) => {
|
||
options.center.alt = options.center.alt
|
||
console.log('options', options)
|
||
let EllipseObject = new YJ.Obj.EllipseObject(sdk, {
|
||
center: options.center, //中心坐标
|
||
bearing: options.bearing, //旋转角度
|
||
semiMinorAxis: options.semiMinorAxis, // 短轴长度
|
||
semiMajorAxis: options.semiMajorAxis, // 长轴长度
|
||
heightMode: 2, // 高度模式 0：海拔高度；1：相对地表；2：依附模式
|
||
})
|
||
EllipseObject.edit(true)
|
||
window.EllipseObject = EllipseObject
|
||
})
|
||
}
|
||
}
|
||
})
|
||
</script> |