global.$viewer更换为window.$viewer 地下管网加载测试 园区范围加载测试

shuishen

2024-11-07 a358c49de4680dcde00d543043ef6694b92e7bd1

global.$viewer更换为window.$viewer
地下管网加载测试
园区范围加载测试

 src/assets/json/line.json

New file
@@ -0,0 +1,199 @@
{
  "type": "FeatureCollection",
  "crs": {
    "type": "name",
    "properties": {
      "name": "EPSG:4326"
    }
  },
  "features": [
    {
      "type": "Feature",
      "id": 57,
      "geometry": {
        "type": "LineString",
        "coordinates": [
          [
            115.10461040047922,
            27.281078877097464,
            0,
            null
          ],
          [
            115.10464090315097,
            27.28107880221026,
            0,
            null
          ],
          [
            115.10466508923437,
            27.281077627638659,
            0,
            null
          ],
          [
            115.1046843544291,
            27.281077213815163,
            0,
            null
          ],
          [
            115.10586493854272,
            27.281078948625922,
            0,
            null
          ],
          [
            115.10589924840097,
            27.281077197506569,
            0,
            null
          ],
          [
            115.1059320012201,
            27.281079347878013,
            0,
            null
          ],
          [
            115.1059590684595,
            27.281076426788974,
            0,
            null
          ],
          [
            115.10598853885008,
            27.281075498966288,
            0,
            null
          ],
          [
            115.10602139104803,
            27.281072387748527,
            0,
            null
          ],
          [
            115.10605008975703,
            27.281071041903218,
            0,
            null
          ],
          [
            115.10608320942517,
            27.28106434617083,
            0,
            null
          ],
          [
            115.10611179106,
            27.281060357311965,
            0,
            null
          ],
          [
            115.10613870466824,
            27.28105824050715,
            0,
            null
          ],
          [
            115.10616647306541,
            27.28105575599216,
            0,
            null
          ],
          [
            115.10619853811008,
            27.281051685428043,
            0,
            null
          ],
          [
            115.10622496278687,
            27.28104710901933,
            0,
            null
          ],
          [
            115.10625207764062,
            27.281043898740862,
            0,
            null
          ],
          [
            115.10628758471823,
            27.281040667205243,
            0,
            null
          ],
          [
            115.10631463522355,
            27.281037078430725,
            0,
            null
          ],
          [
            115.10634226500582,
            27.281035894381475,
            0,
            null
          ],
          [
            115.10636907279104,
            27.281033291092918,
            0,
            null
          ],
          [
            115.10639842822866,
            27.281028917062844,
            0,
            null
          ],
          [
            115.10643098298807,
            27.281026367567595,
            0,
            null
          ],
          [
            115.10645410440925,
            27.281025787644804,
            0,
            null
          ],
          [
            115.10648229093607,
            27.281023714847549,
            0,
            null
          ],
          [
            115.1065152373021,
            27.281022975986783,
            0,
            null
          ],
          [
            115.106550028393,
            27.281020079022472,
            0,
            null
          ]
        ]
      },
      "properties": {
        "FID": 57,
        "FID_": 0,
        "Entity": "LWPolyline",
        "Layer": "中压燃气",
        "Color": 5,
        "Linetype": "Continuous",
        "Elevation": 0,
        "LineWt": 25,
        "RefName": " "
      }
    }
  ]
}

 src/assets/json/yqfw.json

@@ -1 +1 @@
{"type":"FeatureCollection","crs":{"type":"name","properties":{"name":"EPSG:4526"}},"features":[{"type":"Feature","id":0,"geometry":{"type":"Polygon","coordinates":[[[38609258.488516755,3020983.3667071965],[38609258.482933715,3020981.073712755],[38609258.482947342,3020936.0868238769],[38609258.462247223,3020936.0868238732],[38609258.462272353,3020853.1306053698],[38609258.462300003,3020761.8437000047],[38609258.586627282,3020746.6426208597],[38609258.757639922,3020725.733479172],[38609259.639445007,3020617.9181295279],[38609258.357254632,3020547.9071263392],[38609258.869449198,3020483.9379878175],[38609259.83209163,3020363.7113965563],[38609259.974518798,3020345.9233445562],[38609260.344000004,3020299.7780000046],[38609275.363758698,3020299.8982956018],[38609275.363900013,3020299.8780000024],[38609275.982780315,3020210.9855746832],[38609276.148380481,3020187.1997142378],[38609276.884166822,3020163.2010366768],[38609294.888899997,3020163.3452000041],[38609294.888899997,3020156.0450999998],[38609294.888899997,3020142.9245000016],[38609294.888899997,3020103.0022000019],[38609294.888899997,3020079.9799000006],[38609294.888899997,3019886.5372999981],[38609041.628200069,3019884.7570745591],[38609041.626699999,3019532.7535000015],[38608883.640770085,3019531.4888018575],[38608826.951899998,3019531.0350000001],[38608783.946999997,3019530.5938000008],[38608786.016900003,3019272.0091999993],[38608785.6866,3019272.071600005],[38608785.866156936,3019249.6372123193],[38608836.031574018,3019251.281922223],[38608885.53945528,3019251.677662963],[38608991.391553268,3019252.5237906203],[38608993.440237597,3018996.5740305912],[38608993.686605841,3018965.7943280712],[38608993.697277464,3018964.463898994],[38609055.890296459,3018950.7530839294],[38609109.291000001,3018938.9804999996],[38609148.167800002,3018930.4099000022],[38609149.862900004,3018930.0362000037],[38609185.532800004,3018922.1725000013],[38609187.572899997,3018921.7227000017],[38609193.575999998,3018920.3993000016],[38609204.848700002,3018917.9141000044],[38609221.306599997,3018914.2859000005],[38609225.4441,3018913.3738000039],[38609400.615856811,3018874.7559563592],[38609426.497302607,3018869.0502118226],[38609502.379664712,3018852.3214762136],[38609513.744208619,3018849.8160936665],[38609526.567349136,3018899.2896896917],[38609525.215231769,3019068.2232568469],[38609523.904185094,3019232.025450103],[38609523.716339849,3019235.392667342],[38609523.635486349,3019236.8420055807],[38609521.27950877,3019279.074047856],[38609489.946012497,3019437.9597591143],[38609486.593454905,3019456.4281573538],[38609483.801407672,3019474.9895648472],[38609481.572429083,3019493.6269742716],[38609479.90856149,3019512.3233086858],[38609478.353289463,3019570.684863314],[38609479.077377006,3019590.4914304558],[38609480.434076779,3019610.2647400051],[38609482.42200277,3019629.9845918044],[38609485.039124161,3019649.6308403164],[38609513.317660592,3019838.7679172754],[38609513.54313609,3019841.8121285215],[38609518.488326654,3019908.5786061473],[38609516.634597726,3020140.1157283206],[38609516.594560198,3020145.1163729653],[38609516.082074419,3020209.124624379],[38609515.82172665,3020241.6394821461],[38609515.67295146,3020241.6350777615],[38609514.851815261,3020344.360699337],[38609513.293635398,3020539.2918141615],[38609512.574128799,3020629.303388793],[38609512.456502944,3020644.0185959507],[38609510.786171287,3020852.9801015742],[38609509.469174638,3021017.7387599722],[38609509.522590436,3021044.7459903844],[38609484.254108489,3021044.5440070331],[38609464.869432814,3021044.3890558276],[38609448.10562472,3021043.8944999864],[38609431.378570579,3021042.6797954417],[38609414.719192602,3021040.7471877383],[38609398.158287868,3021038.100249561],[38609381.726471432,3021034.7438741294],[38609365.45411972,3021030.6842661533],[38609349.371314339,3021025.9289303622],[38609333.507786527,3021020.486657632],[38609317.892862126,3021014.3675087322],[38609302.55540742,3021007.5827957303],[38609287.523775756,3021000.1450610776],[38609272.825755112,3020992.0680544232],[38609258.488516755,3020983.3667071965]]]},"properties":{"FID":0,"Shape_Area":155941.09790299999,"MJ":823262.44172500004}},{"type":"Feature","id":1,"geometry":{"type":"Polygon","coordinates":[[[38608136.667513646,3018143.5630880017],[38608138.186191611,3018141.8471000027],[38608155.926691607,3018121.8017000016],[38608396.669991612,3017849.7802000046],[38608400.038091607,3017845.9745000079],[38608408.873916864,3017836.0954999533],[38608417.594250649,3017843.568890579],[38608554.045117259,3017992.629471181],[38608634.084451877,3018102.0786684267],[38608755.923873365,3018263.5411907546],[38608926.252617769,3018145.2555061132],[38608908.150541618,3018118.8316707052],[38608887.263805278,3018088.31717382],[38608878.541900001,3018075.629459966],[38608924.441984326,3018044.160284752],[38608947.779556125,3018028.5048813019],[38608955.320512697,3018023.2625366915],[38608960.492766522,3018019.8035596926],[38608972.957708552,3018011.3699144758],[38608985.080102541,3018002.8319549263],[38609034.201412722,3017968.6031396668],[38609038.31186825,3017974.1619768161],[38609045.642051823,3017984.346370386],[38609047.01437813,3017986.3446944728],[38609049.182116732,3017989.313546339],[38609091.676375374,3018050.4900645968],[38609094.634941548,3018054.753469415],[38609098.320981264,3018060.2289062701],[38609121.123685673,3018093.5410890244],[38609126.635741569,3018101.69159678],[38609140.292435363,3018121.8462881763],[38609143.36881765,3018126.2847172115],[38609179.470330492,3018179.8778129034],[38609179.661260113,3018180.2674096674],[38609179.707610138,3018180.2300571688],[38609195.424618207,3018206.0560250971],[38609221.613819338,3018254.0590120535],[38609221.706063449,3018254.4068139102],[38609227.169257253,3018264.5453108288],[38609232.97703591,3018275.216660969],[38609236.62232402,3018281.914005693],[38609271.143437795,3018344.8282711152],[38609273.325524487,3018348.8824442085],[38609275.940141879,3018353.7582229767],[38609295.879664056,3018389.9091148395],[38609298.578917332,3018394.8325776011],[38609324.416777655,3018442.4936977271],[38609324.641679697,3018442.8875662088],[38609334.139102325,3018459.6494942158],[38609336.450691611,3018463.7292000018],[38609313.892591611,3018475.9425000027],[38609313.712741606,3018476.0507000014],[38609313.326591611,3018475.9461000003],[38609233.384391606,3018524.0280000027],[38609193.764391609,3018547.8578000031],[38609173.286291614,3018560.1745999996],[38609133.817391612,3018583.9134999998],[38609050.030491613,3018634.3079000022],[38609017.84769161,3018650.6632999983],[38609015.849188134,3018647.4478021637],[38609010.287091613,3018650.9428000059],[38609009.34459161,3018651.5350000001],[38608953.687591612,3018690.9912000056],[38608912.782191612,3018719.9898000024],[38608773.72529161,3018818.5695999991],[38608773.651691608,3018818.6223000027],[38608759.707391612,3018828.6028000005],[38608752.90179161,3018816.5817000065],[38608749.47049161,3018811.1423000023],[38608745.531591609,3018804.8982000034],[38608737.61349161,3018793.5789000019],[38608729.165391609,3018782.6494000014],[38608720.206591606,3018772.1346000042],[38608716.939791612,3018768.6512000021],[38608710.757191613,3018762.0583000015],[38608701.853291608,3018753.0056999996],[38608659.977291614,3018710.4303000029],[38608601.551391609,3018651.0286000017],[38608561.302891612,3018610.1077999976],[38608380.944691613,3018426.737200005],[38608338.763991609,3018383.8520000018],[38608268.267691612,3018312.1782000028],[38608248.937291607,3018292.5249000005],[38608182.951191612,3018225.4367000014],[38608180.241991609,3018222.5964000039],[38608174.782839954,3018216.5104133803],[38608136.667513646,3018143.5630880017]]]},"properties":{"FID":1,"Shape_Area":155941.09790299999,"MJ":571119.26753499999}}]}
{"type":"FeatureCollection","crs":{"type":"name","properties":{"name":"EPSG:4326"}},"features":[{"type":"Feature","id":1,"geometry":{"type":"Polygon","coordinates":[[[115.10365802600006,27.296649056000035],[115.10365776500009,27.296628367000039],[115.10365375100002,27.296222454000031],[115.10365354100009,27.296222456000066],[115.10364614000002,27.295473948000051],[115.1036379950001,27.294650274000048],[115.10363789500002,27.294513106000068],[115.10363775600001,27.294324430000074],[115.10363704300005,27.293351550000068],[115.10361784800011,27.29271994800007],[115.10361731400008,27.292142719000026],[115.10361631100011,27.291057846000058],[115.10361616200009,27.290897334000078],[115.10361577700007,27.290480939000076],[115.10376747700002,27.290480827000067],[115.10376747600003,27.29048064400007],[115.10376579600006,27.289678525000056],[115.10376534700004,27.289463893000061],[115.10377063700003,27.289247296000042],[115.10395248200007,27.289247162000038],[115.10395183100002,27.28918129300007],[115.10395066000001,27.289062907000073],[115.10394709800005,27.288702691000026],[115.10394504400006,27.288494962000073],[115.10392778500011,27.286749543000042],[115.10136996200004,27.286753644000044],[115.1013386190001,27.283577536000053],[115.09974306000004,27.283578677000037],[115.09917053800007,27.283579083000063],[115.09873620700012,27.283578514000055],[115.09873415300001,27.281245152000054],[115.0987308230001,27.281245742000067],[115.09873064500005,27.281043303000047],[115.09923738300006,27.281054163000078],[115.09973737100006,27.281053804000067],[115.10080638600004,27.281053031000056],[115.10080431100005,27.278743446000078],[115.10080406200007,27.278465703000052],[115.10080405100007,27.278453697000032],[115.10143086800008,27.278325042000063],[115.10196907000011,27.278214572000024],[115.1023608910001,27.27813414700006],[115.10237797500008,27.278130640000029],[115.10273747500003,27.278056847000073],[115.10275803600007,27.278052626000033],[115.10281853900005,27.27804020800005],[115.10293215100012,27.278016886000046],[115.10309802200004,27.27798283900006],[115.10313972200004,27.277974280000024],[115.10490518300003,27.277611873000069],[115.1051660280001,27.277558326000076],[115.10593080000001,27.277401328000053],[115.10604533700007,27.277377815000023],[115.10617924700011,27.27782318900006],[115.10618069000009,27.279347573000052],[115.10618208900007,27.280825655000058],[115.10618049300001,27.280856052000047],[115.10617980600011,27.280869136000035],[115.10615978900012,27.281250381000063],[115.10585756700004,27.282686498000032],[115.10582536100003,27.282853404000036],[115.10579882400009,27.283021106000035],[115.1057779790001,27.28318944800003],[115.10576284700005,27.283358276000058],[115.10575235600004,27.283884993000072],[115.10576143800006,27.284063648000028],[115.10577690500008,27.284241953000048],[115.10579874300004,27.284419725000078],[115.10582692800006,27.28459678300004],[115.10612941200009,27.286301095000056],[115.10613196100007,27.28632854500006],[115.10618787100009,27.286930579000057],[115.10618985000008,27.289019869000072],[115.10618989200009,27.289064993000068],[115.1061904390001,27.289642575000073],[115.10619071700012,27.289935975000049],[115.1061892140001,27.28993594700006],[115.1061901060001,27.290862898000057],[115.10619180000003,27.292621870000062],[115.10619258200006,27.293434095000066],[115.10619271000007,27.293566878000036],[115.10619452700007,27.295452454000042],[115.10619596000004,27.296939162000058],[115.10619891500005,27.297182842000041],[115.10594368900001,27.297183038000071],[115.10574789200007,27.297183189000066],[115.10557853600005,27.297180065000077],[115.1054094860001,27.297170440000059],[115.10524105600007,27.297154333000037],[115.10507355600009,27.297131772000057],[115.10490729700007,27.297102799000072],[115.10474258600004,27.297067468000023],[115.1045797270001,27.297025844000075],[115.10441902200012,27.296978004000039],[115.10426076700003,27.296924037000053],[115.10410525500004,27.296864043000028],[115.10395277400005,27.29679813100006],[115.10380360600004,27.296726425000031],[115.10365802600006,27.296649056000035]]]},"properties":{"OBJECTID":1,"MJ":823262.44172500004,"Shape_Length":0.053665720487927053,"Shape_Area":7.5044476659468943e-05}},{"type":"Feature","id":2,"geometry":{"type":"Polygon","coordinates":[[[115.09207716700007,27.271114555000054],[115.09209235100002,27.271098952000045],[115.09226971800001,27.270916684000042],[115.09467658500012,27.268443241000057],[115.09471025700009,27.268408636000061],[115.09479860200008,27.268318800000031],[115.09488731500005,27.268385544000068],[115.09627829600004,27.269719727000052],[115.09709618400007,27.270700950000048],[115.09834078100005,27.272148170000037],[115.10005018800007,27.271067370000026],[115.09986505500001,27.270830386000057],[115.09965144100011,27.27055671200003],[115.09956224500002,27.270442923000076],[115.10002292400009,27.270155335000027],[115.10025718300005,27.270012224000027],[115.10033286200007,27.269964324000057],[115.10038478100012,27.269932703000052],[115.10050989500007,27.269855617000076],[115.1006315410001,27.269777616000056],[115.10112449500002,27.269464868000057],[115.10116649400004,27.269514699000069],[115.10124141600011,27.269606010000075],[115.10125545000005,27.269623932000059],[115.10127760300009,27.269650547000026],[115.10171212700004,27.270199163000029],[115.10174238100001,27.270237396000027],[115.10178008700007,27.270286508000027],[115.10201330100006,27.270585269000037],[115.10206968500006,27.270658372000071],[115.10220937700001,27.270839141000067],[115.10224083600008,27.27087894400006],[115.10261014300011,27.271359640000071],[115.10261210600004,27.271363140000062],[115.10261257100001,27.271362800000077],[115.10277357400003,27.271594575000051],[115.1030422980001,27.272025620000079],[115.10304326000005,27.27202875100005],[115.10309932900009,27.272119795000037],[115.10315892400001,27.272215620000054],[115.10319632900007,27.272275759000024],[115.10355051800002,27.272840683000027],[115.1035729140001,27.272877089000076],[115.10359975000006,27.272920875000068],[115.10380431600004,27.273245475000067],[115.10383201100001,27.273289684000076],[115.1040971650001,27.273717669000064],[115.10409947100004,27.273721205000072],[115.10419686800003,27.273871690000078],[115.10422057400001,27.273908317000064],[115.10399387700011,27.27402031400004],[115.10399207000012,27.274021305000076],[115.10398816200006,27.274020392000068],[115.10318520700002,27.274460600000054],[115.10278725400008,27.274678769000047],[115.10258156600003,27.274791533000041],[115.10218512800009,27.275008868000043],[115.10134354100001,27.275470238000025],[115.10102001600001,27.27562037000007],[115.10099954900011,27.275591515000031],[115.10094369500007,27.275623492000079],[115.10093423000001,27.275628911000069],[115.10037571600003,27.275989344000038],[115.09996523100006,27.276254245000075],[115.09856978200003,27.27715476000003],[115.0985690440001,27.277155242000049],[115.09842911900012,27.27724640100007],[115.09835932800002,27.277138475000072],[115.09832419600002,27.277089667000041],[115.09828386700008,27.277033639000024],[115.09820290500011,27.276932133000059],[115.09811662600009,27.276834186000031],[115.09802522700011,27.27674002200007],[115.09799193000003,27.276708850000034],[115.09792891300003,27.276649853000038],[115.09783819800009,27.276568877000045],[115.09741155900008,27.276188038000043],[115.09681631100011,27.275656685000058],[115.0964062590001,27.275290644000052],[115.09456880300002,27.273650356000076],[115.09413908100009,27.27326673500005],[115.09342089800009,27.272625589000029],[115.09322397000005,27.272449782000024],[115.09255174400005,27.271849651000025],[115.09252413600007,27.271824237000033],[115.09246847500003,27.271769753000058],[115.09207716700007,27.271114555000054]]]},"properties":{"OBJECTID":2,"MJ":571119.26753499999,"Shape_Length":0.034800068450911062,"Shape_Area":5.2054563738287781e-05}}]}

 src/hooks/initMap.js

@@ -2,7 +2,7 @@
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2024-10-25 15:09:55
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2024-11-04 18:08:12
 * @LastEditTime: 2024-11-07 16:15:48
 * @FilePath: \bigScreen\src\hooks\initMap.js
 * @Description: 
 * 
@@ -15,7 +15,6 @@

export function readyViewer () {
  const Cesium = DC.getLib('Cesium')
  const { appContext } = getCurrentInstance()
  const store = useMap()

  function initMap () {
@@ -28,10 +27,9 @@

        viewer = new DC.Viewer('viewer-container')

        const global = appContext.config.globalProperties
        global.$viewer = viewer
        window.$viewer = viewer

        global.$viewer.zoomToPosition(new DC.Position(
        window.$viewer.zoomToPosition(new DC.Position(
          115.1048036679409,
          27.276835758787513,
          4000,
@@ -39,8 +37,6 @@
          -90,
          0
        ), () => {


          store.setLoadMap(true)
        })
      })

 src/router/index.js

@@ -2,7 +2,7 @@
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2024-10-25 16:35:31
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2024-11-06 10:35:00
 * @LastEditTime: 2024-11-07 15:48:05
 * @FilePath: \bigScreen\src\router\index.js
 * @Description: 
 * 
@@ -76,7 +76,7 @@
      {
        path: 'sub',
        name: 'sub',
        component: () => import('@/views/sub/index.vue'),
        component: defineAsyncComponent(() => import('@/views/sub/index.vue')),
        redirect: '/layout/sub/companyInfo',
        children: [
          {

 src/views/layout/components/scomponents/baseMap.vue

@@ -257,11 +257,11 @@
    keyExistBaseMap.forEach((item) => {
      let curLayer = {
        key: item.key,
        mapLayer: global.$viewer?.imageryLayers.addImageryProvider(item.layer),
        mapLayer: window.$viewer?.imageryLayers.addImageryProvider(item.layer),
      }

      curLayer.mapLayer.show = true
      global.$viewer?.imageryLayers.lowerToBottom(curLayer.mapLayer)
      window.$viewer?.imageryLayers.lowerToBottom(curLayer.mapLayer)

      globalBaseMapLayers.push(curLayer)
    })
@@ -269,7 +269,7 @@
  keyNoExistBaseMap.length &&
    keyNoExistBaseMap.forEach((item) => {
      item.mapLayer.show = true
      global.$viewer?.imageryLayers.lowerToBottom(item.mapLayer)
      window.$viewer?.imageryLayers.lowerToBottom(item.mapLayer)
    })

  curMode.value = mode
@@ -284,9 +284,9 @@
    let terrain = DC.TerrainFactory.createTerrain(DC.TerrainType.XYZ, {
      url: 'https://data.marsgis.cn/terrain'
    })
    global.$viewer.setTerrain(terrain)
    window.$viewer.setTerrain(terrain)
  } else {
    global.$viewer.setTerrain()
    window.$viewer.setTerrain()
  }
}
</script>

 src/views/layout/components/scomponents/layersControl.vue

@@ -2,7 +2,7 @@
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2024-10-31 10:47:29
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2024-11-05 18:36:54
 * @LastEditTime: 2024-11-07 17:17:21
 * @FilePath: \bigScreen\src\views\layout\components\scomponents\layersControl.vue
 * @Description: 
 * 
@@ -49,10 +49,11 @@
import { getPage } from '@/api/indParkInfo'
import { getList } from "@/api/space/space"
import { getList as getRiskList } from "@/api/riskSource/riskSource"
import yqfw from "@/assets/json/yqfw"
import pipeLine from "@/assets/json/line"
import { onUnmounted } from 'vue'

const { VITE_APP_BASE } = import.meta.env
import { getViewer } from 'utils/getViewer'
const globalViewer = getViewer()

const treeRef = ref(null)

@@ -191,6 +192,24 @@
    showParams: 'category',
    layerName: 'fxy'
  },

  {
    id: '5',
    label: '园区范围',
    type: 'layer',
    subType: 'geojsonWall',
    layerName: 'yqfw',
    source: yqfw
  },

  {
    id: '6',
    label: '地下管网',
    type: 'layer',
    subType: 'geojsonPipe',
    layerName: 'dxgw',
    source: pipeLine
  },
]

const defaultProps = {
@@ -235,7 +254,7 @@

let addTileLayers = {}
let tileLayers = new DC.TilesetLayer('tileLayers')
globalViewer.addLayer(tileLayers)
window.$viewer.addLayer(tileLayers)

const handleCheckChange = (data, options) => {
  collectedNodes.value = []
@@ -248,9 +267,11 @@
          addTileLayers[item.layerName] = new DC.Tileset(
            item.url,
            {
              maximumMemoryUsage: 128,
              progressiveResolutionHeightFraction: 0.5,
              dynamicScreenSpaceErrorDensity: 0.1,
              cullWithChildrenBounds: false,
              maximumScreenSpaceError: 256,
              maximumMemoryUsage: 1024,
              skipLevelOfDetail: true,
              preferLeaves: true
            })
@@ -260,50 +281,112 @@
          addTileLayers[item.layerName].show = true
        }

        console.log(addTileLayers[item.layerName], 11111111)

        globalViewer.flyTo(addTileLayers[item.layerName])
        window.$viewer.flyTo(addTileLayers[item.layerName])
      } else if (item.subType == 'labelPoint') {
        if (!addTileLayers[item.layerName]) {
          addTileLayers[item.layerName] = new DC.HtmlLayer(addTileLayers[item.layerName])
          globalViewer.addLayer(addTileLayers[item.layerName])
        }
          window.$viewer.addLayer(addTileLayers[item.layerName])

        item.method(item.params).then(res => {
          let data = res.data.data.records
          item.method(item.params).then(res => {
            let data = res.data.data.records

          data.filter(i => i.lng && i.lng != '' && i.lat && i.lat != '').forEach(i => {
            let divIcon = new DC.DivIcon(
              new DC.Position(i.lng, i.lat, 0),
              `<div class="public-map-popup">
            data.filter(i => i.lng && i.lng != '' && i.lat && i.lat != '').forEach(i => {
              let divIcon = new DC.DivIcon(
                new DC.Position(i.lng, i.lat, 0),
                `<div class="public-map-popup">
                <div class="marsBlueGradientPnl">
                  <div>${i[item.showParams] || i.name}</div>
                </div>
              </div>`
              )

              addTileLayers[item.layerName].addOverlay(divIcon)
            })
          })
        } else {
          addTileLayers[item.layerName].show = true
        }
      } else if (item.subType == 'geojsonWall') {
        if (!addTileLayers[item.layerName]) {
          addTileLayers[item.layerName] = new DC.VectorLayer(item.layerName)
          window.$viewer.addLayer(addTileLayers[item.layerName])

          item.source.features.forEach(i => {
            let wall = new DC.Wall(
              i.geometry.coordinates[0].map(d => [...d, 200].join(',')).join(';')
            )

            addTileLayers[item.layerName].addOverlay(divIcon)
            wall.setStyle({
              material: new DC.WallTrailMaterialProperty({
                color: DC.Color.GREEN,
                speed: 2
              })
            })
            addTileLayers[item.layerName].addOverlay(wall)
          })
        })
        } else {
          addTileLayers[item.layerName].show = true
        }
      } else if (item.subType == 'geojsonPipe') {
        if (!addTileLayers[item.layerName]) {
          addTileLayers[item.layerName] = new DC.VectorLayer(item.layerName)
          window.$viewer.addLayer(addTileLayers[item.layerName])

          function computeCircle (radius) {
            var positions = []
            for (var i = 0; i < 1080; i++) {
              var radians = DC.Math.toRadians(i)
              positions.push({
                x: radius * Math.cos(radians),
                y: radius * Math.sin(radians),
              })
            }
            return positions
          }

          item.source.features.forEach(i => {
            let polylineVolume = new DC.PolylineVolume(
              i.geometry.coordinates.map(d => [d[0], d[1], 0.0].join(',')).join(';'),
              computeCircle(0.3)
            )

            polylineVolume.setStyle({
              material: DC.Color.RED
            })
            addTileLayers[item.layerName].addOverlay(polylineVolume)
          })
        } else {
          addTileLayers[item.layerName].show = true
        }
      }
    } else {
      if (addTileLayers[item.layerName]) {
        if (item.subType == '3Dtile') {
          addTileLayers[item.layerName].show = false
        } else if (item.subType == 'labelPoint') {
          globalViewer.removeLayer(addTileLayers[item.layerName])
          addTileLayers[item.layerName].show = false
        } else if (item.subType == 'geojsonWall') {
          addTileLayers[item.layerName].show = false
        } else if (item.subType == 'geojsonPipe') {
          addTileLayers[item.layerName].show = false
        }

        delete addTileLayers[item.layerName]
      }
    }
  })
}

onMounted(() => {
  // handleCheckChange(data.filter(i => i.id == '1'), {
  //   checkedKeys: ['1']
  // })
  handleCheckChange(data.filter(i => i.id == '1'), {
    checkedKeys: ['1']
  })
})

onUnmounted(() => {
  tileLayers && window.$viewer.removeLayer(tileLayers)
  let arr = Object.keys(addTileLayers)
  arr.forEach(i => {
    addTileLayers[i] && window.$viewer.removeLayer(addTileLayers[i])
  })
})
</script>


 src/views/layout/components/scomponents/tool/exportScene.vue

@@ -2,9 +2,7 @@
</template>

<script setup>
import { getViewer } from 'utils/getViewer'
const globalViewer = getViewer()
globalViewer.exportScene()
window.$viewer.exportScene()
const emit = defineEmits(['closeChild'])
emit('closeChild')
</script>

 src/views/layout/components/scomponents/tool/location.vue

@@ -46,11 +46,8 @@
const latitude = ref(0)
const height = ref(0)

import { getViewer } from 'utils/getViewer'
const globalViewer = getViewer()

const flyTo = () => {
  globalViewer.flyToPosition(new DC.Position(longitude.value, latitude.value, height.value, 0, -90, 0), () => { }, 3)
  window.$viewer.flyToPosition(new DC.Position(longitude.value, latitude.value, height.value, 0, -90, 0), () => { }, 3)
}
</script>


 src/views/layout/components/scomponents/toolList.vue

@@ -2,7 +2,7 @@
 * @Author: shuishen 1109946754@qq.com
 * @Date: 2024-10-29 14:20:49
 * @LastEditors: shuishen 1109946754@qq.com
 * @LastEditTime: 2024-10-29 17:21:51
 * @LastEditTime: 2024-11-07 16:23:56
 * @FilePath: \bigScreen\src\views\layout\components\scomponents\toolList.vue
 * @Description: 
 * 
@@ -10,7 +10,7 @@
-->
<template>
  <ul v-show="moreToolShow" class="tool-list-box">
    <li @click="showComponent(item.component)" v-for="item, index in components" :key="index">
    <li @click="showComponent(item.component)" v-for="(item, index) in components" :key="index">
      <i :class="item.icon"></i> {{ item.title }}
    </li>
  </ul>
@@ -28,10 +28,8 @@
})
import location from './tool/location.vue'
import exportScene from './tool/exportScene.vue'
import { getViewer } from 'utils/getViewer'
import component from 'element-plus/es/components/tree-select/src/tree-select-option.mjs'
const emit = defineEmits(['close'])
const globalViewer = getViewer()

let currentComponent = shallowRef(null)
const components = [

 src/views/sub/components/scomponents/baseMap.vue

@@ -257,11 +257,11 @@
    keyExistBaseMap.forEach((item) => {
      let curLayer = {
        key: item.key,
        mapLayer: global.$viewer?.imageryLayers.addImageryProvider(item.layer),
        mapLayer: window.$viewer?.imageryLayers.addImageryProvider(item.layer),
      }

      curLayer.mapLayer.show = true
      global.$viewer?.imageryLayers.lowerToBottom(curLayer.mapLayer)
      window.$viewer?.imageryLayers.lowerToBottom(curLayer.mapLayer)

      globalBaseMapLayers.push(curLayer)
    })
@@ -269,7 +269,7 @@
  keyNoExistBaseMap.length &&
    keyNoExistBaseMap.forEach((item) => {
      item.mapLayer.show = true
      global.$viewer?.imageryLayers.lowerToBottom(item.mapLayer)
      window.$viewer?.imageryLayers.lowerToBottom(item.mapLayer)
    })

  curMode.value = mode
@@ -284,9 +284,9 @@
    let terrain = DC.TerrainFactory.createTerrain(DC.TerrainType.XYZ, {
      url: 'https://data.marsgis.cn/terrain'
    })
    global.$viewer.setTerrain(terrain)
    window.$viewer.setTerrain(terrain)
  } else {
    global.$viewer.setTerrain()
    window.$viewer.setTerrain()
  }
}
</script>

 src/views/sub/components/scomponents/layersControl.vue

@@ -51,9 +51,6 @@
import { getList as getRiskList } from "@/api/riskSource/riskSource"

const { VITE_APP_BASE } = import.meta.env
import { getViewer } from 'utils/getViewer'
const globalViewer = getViewer()

const treeRef = ref(null)

const treeProps = {
@@ -235,7 +232,7 @@

let addTileLayers = {}
let tileLayers = new DC.TilesetLayer('tileLayers')
globalViewer.addLayer(tileLayers)
window.$viewer.addLayer(tileLayers)

const handleCheckChange = (data, options) => {
  collectedNodes.value = []
@@ -262,11 +259,11 @@

        console.log(addTileLayers[item.layerName], 11111111)

        globalViewer.flyTo(addTileLayers[item.layerName])
        window.$viewer.flyTo(addTileLayers[item.layerName])
      } else if (item.subType == 'labelPoint') {
        if (!addTileLayers[item.layerName]) {
          addTileLayers[item.layerName] = new DC.HtmlLayer(addTileLayers[item.layerName])
          globalViewer.addLayer(addTileLayers[item.layerName])
          window.$viewer.addLayer(addTileLayers[item.layerName])
        }

        item.method(item.params).then(res => {
@@ -291,7 +288,7 @@
        if (item.subType == '3Dtile') {
          addTileLayers[item.layerName].show = false
        } else if (item.subType == 'labelPoint') {
          globalViewer.removeLayer(addTileLayers[item.layerName])
          window.$viewer.removeLayer(addTileLayers[item.layerName])
        }

        delete addTileLayers[item.layerName]

 src/views/sub/components/scomponents/tool/exportScene.vue

@@ -2,9 +2,7 @@
</template>

<script setup>
import { getViewer } from 'utils/getViewer'
const globalViewer = getViewer()
globalViewer.exportScene()
window.$viewer.exportScene()
const emit = defineEmits(['closeChild'])
emit('closeChild')
</script>

 src/views/sub/components/scomponents/tool/location.vue

@@ -46,11 +46,8 @@
const latitude = ref(0)
const height = ref(0)

import { getViewer } from 'utils/getViewer'
const globalViewer = getViewer()

const flyTo = () => {
  globalViewer.flyToPosition(new DC.Position(longitude.value, latitude.value, height.value, 0, -90, 0), () => { }, 3)
  window.$viewer.flyToPosition(new DC.Position(longitude.value, latitude.value, height.value, 0, -90, 0), () => { }, 3)
}
</script>


 src/views/sub/components/scomponents/toolList.vue

@@ -28,10 +28,8 @@
})
import location from './tool/location.vue'
import exportScene from './tool/exportScene.vue'
import { getViewer } from 'utils/getViewer'
import component from 'element-plus/es/components/tree-select/src/tree-select-option.mjs'
const emit = defineEmits(['close'])
const globalViewer = getViewer()

let currentComponent = shallowRef(null)
const components = [