| | |
|---|
| | | </template> |
|---|
| | | |
|---|
| | | <script lang="ts" setup> |
|---|
| | | import InitMap from "@/assets/js/Map"; |
|---|
| | | import { |
|---|
| | | ref, |
|---|
| | | onMounted, |
|---|
| | |
|---|
| | | }); |
|---|
| | | }; |
|---|
| | | const gridSwitch = () => { |
|---|
| | | if (!window.graticules) { |
|---|
| | | window.graticules = new SmartEarth.Cesium.Graticules( |
|---|
| | | earthCtrl.Viewer, |
|---|
| | | SmartEarth.Cesium.Color.PALEGREEN |
|---|
| | | ); |
|---|
| | | |
|---|
| | | earthCtrl.Viewer.scene.preUpdate.addEventListener(function () { |
|---|
| | | window.graticules.update(); |
|---|
| | | }); |
|---|
| | | } else { |
|---|
| | | window.graticules._enable = false; |
|---|
| | | } |
|---|
| | | // window.earthCtrl.wireframe = !window.earthCtrl.wireframe; |
|---|
| | | // gridIsshow.value = !gridIsshow.value; |
|---|
| | | // if (gridIsshow.value) { |
|---|
| | | // grid(10); |
|---|
| | | // // getHeight(); |
|---|
| | | // // createPrimitives(); |
|---|
| | | // } else { |
|---|
| | | // gridDel(); |
|---|
| | | // } |
|---|
| | | InitMap.showlonlatLine(); |
|---|
| | | }; |
|---|
| | | const getHeight = () => { |
|---|
| | | let removeListener = Viewer.camera.changed.addEventListener(() => { |
|---|
| | | // 当前高度 |
|---|
| | | let height = Viewer.camera.positionCartographic.height; |
|---|
| | | heightlevel = getLevel(height); |
|---|
| | | console.log(heightlevel); |
|---|
| | | |
|---|
| | | if (heightlevel == 6) { |
|---|
| | | gridDel(); |
|---|
| | | grid(5); |
|---|
| | |
|---|
| | | // ]) |
|---|
| | | // ); |
|---|
| | | // } |
|---|
| | | // console.log(ps); |
|---|
| | | |
|---|
| | | // let polylineGeometry = new Cesium.PolylineGeometry({ |
|---|
| | | // positions: ps, |
|---|
| | | // width: 5, |
|---|
| | |
|---|
| | | const grid = (degree) => { |
|---|
| | | const entities = Viewer.entities; |
|---|
| | | for (let longitude = -180; longitude <= 180; longitude += degree) { |
|---|
| | | console.log( |
|---|
| | | Cesium.Cartesian3.fromDegreesArray([ |
|---|
| | | longitude, |
|---|
| | | -90, |
|---|
| | | longitude, |
|---|
| | | 0, |
|---|
| | | longitude, |
|---|
| | | 90, |
|---|
| | | ]) |
|---|
| | | ); |
|---|
| | | let text = ""; |
|---|
| | | if (longitude === 0) { |
|---|
| | | text = "0"; |
|---|
| | |
|---|
| | | if (lat === 0) { |
|---|
| | | text = ""; |
|---|
| | | } |
|---|
| | | // console.log(lat, "---lat"); |
|---|
| | | |
|---|
| | | let obj = entities.add({ |
|---|
| | | position: Cesium.Cartesian3.fromDegrees(0, lat), |
|---|
| | | polyline: { |
|---|
| | |
|---|
| | | }); |
|---|
| | | entitiesObj.latLine.push(obj); |
|---|
| | | } |
|---|
| | | console.log(entitiesObj); |
|---|
| | | |
|---|
| | | // 抗锯齿 |
|---|
| | | if (Cesium.FeatureDetection.supportsImageRenderingPixelated()) { |
|---|
| | | //判断是否支持图像渲染像素化处理 |
|---|
