public/mx/NoLod_10.b3dmBinary files differ
public/mx/NoLod_16.cmptBinary files differ
public/mx/NoLod_18.b3dmBinary files differ
public/mx/NoLod_19.cmptBinary files differ
public/mx/NoLod_9.b3dmBinary files differ
public/wp/0/0/0.png
New file @@ -0,0 +1 @@ {"bounds":{"east":114.041531952963,"north":27.631952606545,"south":27.6272432928131,"west":114.037334295855},"contentType":"image/png","generatetool":"cesiumlab3@www.cesiumlab.com/imagetiler","latLonBounds":{"east":114.041531952963,"north":27.631952606545,"south":27.6272432928131,"west":114.037334295855},"maxzoom":21,"minzoom":0,"proj":3857,"tilesize":256,"tiletrans":"google","type":"image","ziped":false} public/wp/tilemapresource.xml
New file @@ -0,0 +1,31 @@ <TileMap version = "1.0.0" tilemapservice = "http://tms.osgeo.org/1.0.0"> <Title>\wp</Title> <SRS>EPSG:3857</SRS> <BoundingBox miny="3.20206e+06" minx="1.26946e+07" maxy="3.20265e+06" maxx="1.2695e+07"/> <Origin y="3.20206e+06" x="1.26946e+07"/> <TileFormat width="256" height="256" mime-type="image/png" extension="png"/> <TileSets profile="global-mercator"/> <TileSet units-per-pixel="2.00375e+07" order="0"/> <TileSet units-per-pixel="1.00188e+07" order="1"/> <TileSet units-per-pixel="5.00938e+06" order="2"/> <TileSet units-per-pixel="2.50469e+06" order="3"/> <TileSet units-per-pixel="1.25234e+06" order="4"/> <TileSet units-per-pixel="626172" order="5"/> <TileSet units-per-pixel="313086" order="6"/> <TileSet units-per-pixel="156543" order="7"/> <TileSet units-per-pixel="78271.5" order="8"/> <TileSet units-per-pixel="39135.8" order="9"/> <TileSet units-per-pixel="19567.9" order="10"/> <TileSet units-per-pixel="9783.94" order="11"/> <TileSet units-per-pixel="4891.97" order="12"/> <TileSet units-per-pixel="2445.98" order="13"/> <TileSet units-per-pixel="1222.99" order="14"/> <TileSet units-per-pixel="611.496" order="15"/> <TileSet units-per-pixel="305.748" order="16"/> <TileSet units-per-pixel="152.874" order="17"/> <TileSet units-per-pixel="76.437" order="18"/> <TileSet units-per-pixel="38.2185" order="19"/> <TileSet units-per-pixel="19.1093" order="20"/> <TileSet units-per-pixel="9.55463" order="21"/> </TileSets> </TileMap> src/components/map/components/dimension.vue
@@ -11,6 +11,7 @@ <script> import axios from 'axios' import { mapGetters } from 'vuex' export default { @@ -19,7 +20,14 @@ return { DC: null, dimensionValue: '3 维', // 建筑2.5D地图 newLayer: null, // 电子地图 vecLayer: null, // 标注 cvaLayer: null, // 建筑2.5D面数据 areaLayer: null, provider: null, wallLayer: null, tileset: null, @@ -81,6 +89,28 @@ handler (newCode, oldCode) { if (this.titlesetLayerFlag == false && newCode != null) { var that = this that.vecLayer = that.viewer.imageryLayers.addImageryProvider(new that.DC.Namespace.Cesium.WebMapTileServiceImageryProvider({ url: ' http://t1.tianditu.gov.cn/vec_w/wmts?tk=9ae78c51a0a28f06444d541148496e36', type: 'wmts', layer: 'vec', style: 'default', format: 'tiles', tileMatrixSetID: 'w', show: true, maximumLevel: 18 })) that.cvaLayer = that.viewer.imageryLayers.addImageryProvider(new that.DC.Namespace.Cesium.WebMapTileServiceImageryProvider({ url: ' http://t1.tianditu.gov.cn/cva_w/wmts?tk=9ae78c51a0a28f06444d541148496e36', type: 'wmts', layer: 'cva', style: 'default', format: 'tiles', tileMatrixSetID: 'w', show: true, maximumLevel: 18 })) that.tilesetLayer = new that.DC.TilesetLayer('tilesetLayer') that.viewer.addLayer(that.tilesetLayer) that.tileset = new that.DC.Tileset( @@ -258,12 +288,12 @@ that.viewer.camera.setView({ // Cesium的坐标是以地心为原点，一向指向南美洲，一向指向亚洲，一向指向北极州 // fromDegrees()方法，将经纬度和高程转换为世界坐标 destination: that.DC.Namespace.Cesium.Cartesian3.fromDegrees(114.0351, 27.6314, 200.0), destination: that.DC.Namespace.Cesium.Cartesian3.fromDegrees(114.04062292, 27.62666834, 220.0), orientation: { // 指向 heading: that.DC.Namespace.Cesium.Math.toRadians(108), heading: that.DC.Namespace.Cesium.Math.toRadians(-9), // 视角 pitch: that.DC.Namespace.Cesium.Math.toRadians(-26.46), pitch: that.DC.Namespace.Cesium.Math.toRadians(-34.54), roll: 0.0 } }) @@ -284,6 +314,31 @@ that.viewer.scene.screenSpaceCameraController.enableZoom = true // 视角旋转 that.viewer.scene.screenSpaceCameraController.enableTilt = true that.areaLayer = new that.DC.VectorLayer('areaLayer') that.viewer.addLayer(that.areaLayer) axios.get('http://arcgis.jxpskj.com:6080/arcgis/rest/services/lxxqwxq/MapServer/0/query?where=1%3D1&text=&objectIds=&time=&geometry=&geometryType=esriGeometryEnvelope&inSR=&spatialRel=esriSpatialRelIntersects&relationParam=&outFields=*&returnGeometry=true&maxAllowableOffset=&geometryPrecision=&outSR=&returnIdsOnly=false&returnCountOnly=false&orderByFields=&groupByFieldsForStatistics=&outStatistics=&returnZ=false&returnM=false&gdbVersion=&returnDistinctValues=false&returnTrueCurves=false&resultOffset=&resultRecordCount=&f=pjson').then(resultData => { resultData.data.features.forEach(item => { item.geometry.rings[0].forEach(it => { it = it.join(',') }) item.geometry.rings[0] = item.geometry.rings[0].join(';') const polygon = new that.DC.Polygon(item.geometry.rings[0]) polygon.setStyle({ material: that.DC.Namespace.Cesium.Color.fromBytes(255, 255, 255, 255) }) that.areaLayer.addOverlay(polygon) }) that.areaLayer.show = false }) } } } @@ -295,32 +350,64 @@ that.wallLayer.show = false that.viewer.imageryLayers.remove(that.newLayer) that.newLayer = null that.vecLayer = that.viewer.imageryLayers.addImageryProvider(new that.DC.Namespace.Cesium.WebMapTileServiceImageryProvider({ url: ' http://t1.tianditu.gov.cn/vec_w/wmts?tk=9ae78c51a0a28f06444d541148496e36', type: 'wmts', layer: 'vec', style: 'default', format: 'tiles', tileMatrixSetID: 'w', show: true, maximumLevel: 18 })) that.cvaLayer = that.viewer.imageryLayers.addImageryProvider(new that.DC.Namespace.Cesium.WebMapTileServiceImageryProvider({ url: ' http://t1.tianditu.gov.cn/cva_w/wmts?tk=9ae78c51a0a28f06444d541148496e36', type: 'wmts', layer: 'cva', style: 'default', format: 'tiles', tileMatrixSetID: 'w', show: true, maximumLevel: 18 })) that.silhouetteBlue.selected = [] that.tilesetLayer.show = true that.viewer.camera.setView({ // Cesium的坐标是以地心为原点，一向指向南美洲，一向指向亚洲，一向指向北极州 // fromDegrees()方法，将经纬度和高程转换为世界坐标 destination: that.DC.Namespace.Cesium.Cartesian3.fromDegrees(114.0351, 27.6314, 200.0), orientation: { // 指向 heading: that.DC.Namespace.Cesium.Math.toRadians(108), // 视角 pitch: that.DC.Namespace.Cesium.Math.toRadians(-26.46), roll: 0.0 } }) that.viewer.off(that.DC.SceneEventType.CAMERA_CHANGED, that.camerAzoom()) // 最小 that.viewer.scene.screenSpaceCameraController.minimumZoomDistance = 1.0 // 最大 that.viewer.scene.screenSpaceCameraController.maximumZoomDistance = Number.POSITIVE_INFINITY // 视角旋转 that.viewer.scene.screenSpaceCameraController.enableTilt = true that.viewer.camera.setView({ // Cesium的坐标是以地心为原点，一向指向南美洲，一向指向亚洲，一向指向北极州 // fromDegrees()方法，将经纬度和高程转换为世界坐标 destination: that.DC.Namespace.Cesium.Cartesian3.fromDegrees(114.04062292, 27.62666834, 220.0), orientation: { // 指向 heading: that.DC.Namespace.Cesium.Math.toRadians(-9), // 视角 pitch: that.DC.Namespace.Cesium.Math.toRadians(-34.54), roll: 0.0 } }) } else { that.tilesetLayer.show = false var provider = new that.DC.Namespace.Cesium.ArcGisMapServerImageryProvider({ url: 'http://arcgis.jxpskj.com:6080/arcgis/rest/services/PingXiang25DMapDN/MapServer' // that.viewer.imageryLayers.remove(that.vecLayer) // that.vecLayer = null // that.viewer.imageryLayers.remove(that.cvaLayer) // that.cvaLayer = null // var provider = new that.DC.Namespace.Cesium.ArcGisMapServerImageryProvider({ // url: 'http://arcgis.jxpskj.com:6080/arcgis/rest/services/PingXiang25DMapQP/MapServer' // }) var provider = new that.DC.Namespace.Cesium.UrlTemplateImageryProvider({ url: '/wp/{z}/{x}/{y}.png', fileExtension: 'png' }) that.newLayer = that.viewer.imageryLayers.addImageryProvider(provider) @@ -330,7 +417,7 @@ that.viewer.camera.setView({ // Cesium的坐标是以地心为原点，一向指向南美洲，一向指向亚洲，一向指向北极州 // fromDegrees()方法，将经纬度和高程转换为世界坐标 destination: that.DC.Namespace.Cesium.Cartesian3.fromDegrees(114.03928791, 27.62954732, 360.0), destination: that.DC.Namespace.Cesium.Cartesian3.fromDegrees(114.039779, 27.629696, 600.0), orientation: { // 指向 heading: that.DC.Namespace.Cesium.Math.toRadians(0, 0), @@ -344,7 +431,7 @@ // 最小 that.viewer.scene.screenSpaceCameraController.minimumZoomDistance = 1.0 // 最大 that.viewer.scene.screenSpaceCameraController.maximumZoomDistance = 6000 that.viewer.scene.screenSpaceCameraController.maximumZoomDistance = 3000 // 视角旋转 that.viewer.scene.screenSpaceCameraController.enableTilt = false } @@ -376,9 +463,9 @@ } }) }; if (height > 6000) { if (height > 3000) { that.viewer.camera.setView({ destination: that.DC.Namespace.Cesium.Cartesian3.fromRadians(that.viewer.camera.positionCartographic.longitude, that.viewer.camera.positionCartographic.latitude, 6000), destination: that.DC.Namespace.Cesium.Cartesian3.fromRadians(that.viewer.camera.positionCartographic.longitude, that.viewer.camera.positionCartographic.latitude, 3000), orientation: { // 指向 heading: that.DC.Namespace.Cesium.Math.toRadians(0, 0), src/components/map/index.vue
@@ -159,15 +159,15 @@ that.$refs.leftNav.initialize(viewer) const key = '0f7c1d161d7352116a21aacf0e9f44c1' const vec = that.DC.ImageryLayerFactory.createTdtImageryLayer({ key }) const cva = that.DC.ImageryLayerFactory.createTdtImageryLayer({ key, style: 'cva' }) viewer.addBaseLayer([vec, cva]) // const key = '0f7c1d161d7352116a21aacf0e9f44c1' // const vec = that.DC.ImageryLayerFactory.createTdtImageryLayer({ // key // }) // const cva = that.DC.ImageryLayerFactory.createTdtImageryLayer({ // key, // style: 'cva' // }) // viewer.addBaseLayer([vec, cva]) // const areaLayer = new that.DC.VectorLayer('areaLayer')
@@ -56,7 +56,11 @@ <el-menu-item index="/pcLayout/default/campusnavi"> <i class='custom-icon menu-xydh'></i> 社区导航</el-menu-item> <el-menu-item index="/pcLayout/default/specialmap"> <i class='custom-icon menu-ztdt'></i> 专题地图</el-menu-item> <!-- <el-submenu index="specialmap"> <template slot="title"> <i class='custom-icon menu-ztdt'></i> 专题地图</template> <el-menu-item index="/pcLayout/default/specialmap/celebrate">社区庆</el-menu-item> <el-menu-item index="/pcLayout/default/specialmap/welcome">社区迎新</el-menu-item> </el-submenu> --> <el-submenu index="tool"> <template slot="title"> <i class='custom-icon menu-tool'></i> 工具</template> src/pcviews/specialmap/celebrate.vue
New file @@ -0,0 +1,57 @@ /* * @Author: Morpheus * @Name: 社区庆 * @Date: 2021-11-15 17:14:47 * @Last Modified by: Morpheus * @Last Modified time: 2022-01-05 14:05:59 */ <template> <div> <service-nav-bar :title="title" :arcCode="code" :headerLog="headerLog"></service-nav-bar> </div> </template> <script> import { mapGetters } from 'vuex' export default { data () { return { title: '圈存机', code: 6, headerLog: '/img/icon/service-qcj.png' } }, created () { if (this.orgNavBarFlag == true) { this.$store.commit('SET_ORGNAVBARTITLE', '') this.$store.commit('SET_ORGNAVBARLIST', []) this.$store.commit('SET_ORGNAVBARFLAG', false) } if (this.arcNavBarFlag == true) { this.$store.commit('SET_ARCNAVBARTITLE', '') this.$store.commit('SET_ARCNAVBARCODE', '') this.$store.commit('SET_ARCNAVBARFLAG', false) } }, computed: { ...mapGetters([ // 社区内导航的显示关闭 'orgNavBarFlag', 'arcNavBarFlag' ]) }, methods: { closeModel () { this.$store.dispatch('delVisitedViews', this.$route) this.$router.push('/pcLayout/default') } } } </script> <style> </style> src/pcviews/specialmap/index.vue
@@ -1,7 +1,5 @@ <template> <div> 专题地图 </div> <router-view></router-view> </template> <script> @@ -11,5 +9,4 @@ </script> <style> </style> src/pcviews/specialmap/welcome.vue
New file @@ -0,0 +1,57 @@ /* * @Author: Morpheus * @Name: 社区迎新 * @Date: 2021-11-15 17:14:47 * @Last Modified by: Morpheus * @Last Modified time: 2022-01-05 14:06:20 */ <template> <div> <service-nav-bar :title="title" :arcCode="code" :headerLog="headerLog"></service-nav-bar> </div> </template> <script> import { mapGetters } from 'vuex' export default { data () { return { title: '圈存机', code: 6, headerLog: '/img/icon/service-qcj.png' } }, created () { if (this.orgNavBarFlag == true) { this.$store.commit('SET_ORGNAVBARTITLE', '') this.$store.commit('SET_ORGNAVBARLIST', []) this.$store.commit('SET_ORGNAVBARFLAG', false) } if (this.arcNavBarFlag == true) { this.$store.commit('SET_ARCNAVBARTITLE', '') this.$store.commit('SET_ARCNAVBARCODE', '') this.$store.commit('SET_ARCNAVBARFLAG', false) } }, computed: { ...mapGetters([ // 社区内导航的显示关闭 'orgNavBarFlag', 'arcNavBarFlag' ]) }, methods: { closeModel () { this.$store.dispatch('delVisitedViews', this.$route) this.$router.push('/pcLayout/default') } } } </script> <style> </style> src/router/page/index.js
@@ -2,7 +2,7 @@ * @Author: Morpheus * @Date: 2021-04-30 14:12:09 * @Last Modified by: Morpheus * @Last Modified time: 2021-12-22 10:17:37 * @Last Modified time: 2022-01-05 14:04:28 */ import Vue from 'vue' @@ -241,7 +241,22 @@ component: resolve => require(['../../pcviews/specialmap/index.vue'], resolve), meta: { title: '专题地图' } }, children: [{ path: 'celebrate', component: resolve => require(['../../pcviews/specialmap/celebrate.vue'], resolve), meta: { title: '社区庆' } }, { path: 'welcome', component: resolve => require(['../../pcviews/specialmap/welcome.vue'], resolve), meta: { title: '社区迎新' } } ] }, { path: 'tool', vue.config.js
@@ -32,6 +32,10 @@ from: "./public/mx", to: "mx", }, { from: "./public/wp", to: "wp", }, ], ]); },
