diff --git a/dist.zip b/dist.zip
new file mode 100644
index 0000000..3bfcdcc
Binary files /dev/null and b/dist.zip differ
diff --git a/public/datas/redline/120.geojson b/public/datas/redline/120.geojson
new file mode 100644
index 0000000..3823b33
--- /dev/null
+++ b/public/datas/redline/120.geojson
@@ -0,0 +1,8 @@
+{
+"type": "FeatureCollection",
+"name": "120",
+"crs": { "type": "name", "properties": { "name": "urn:ogc:def:crs:OGC:1.3:CRS84" } },
+"features": [
+{ "type": "Feature", "properties": { "FID_": 0, "Entity": "LWPolyline", "Layer": "JZD", "Color": 1, "Linetype": "CONTINUOUS", "Elevation": 0.0, "LineWt": 25, "RefName": null, "height": 0.0 }, "geometry": { "type": "MultiPolygon", "coordinates": [ [ [ [ 113.816515337512371, 23.255476777751429, 0.0 ], [ 113.816515337512371, 23.255476777751429, 0.0 ], [ 113.816889510264744, 23.255682737734382, 0.0 ], [ 113.816889752439096, 23.25568287075054, 0.0 ], [ 113.81692246991301, 23.255700878694004, 0.0 ], [ 113.816938772046328, 23.255702028597877, 0.0 ], [ 113.817017674821329, 23.255707595296105, 0.0 ], [ 113.817066130384831, 23.255690450871075, 0.0 ], [ 113.817115258169778, 23.255675023112918, 0.0 ], [ 113.817163098513191, 23.255812792468145, 0.0 ], [ 113.817243499174026, 23.25579204594154, 0.0 ], [ 113.817324877897903, 23.25577641753409, 0.0 ], [ 113.817407230638537, 23.255766014690941, 0.0 ], [ 113.817490163508282, 23.255760887518026, 0.0 ], [ 113.817557039947843, 23.255761027524546, 0.0 ], [ 113.817573281677028, 23.255761060838559, 0.0 ], [ 113.817639914192242, 23.255765458973801, 0.0 ], [ 113.817656190350419, 23.255766533290984, 0.0 ], [ 113.818035248361966, 23.255803838618053, 0.0 ], [ 113.818062152899785, 23.255806676159732, 0.0 ], [ 113.818086475679678, 23.255809427635004, 0.0 ], [ 113.818109062905108, 23.255812158134383, 0.0 ], [ 113.818130793997497, 23.255814939107267, 0.0 ], [ 113.818152530781944, 23.255817848302989, 0.0 ], [ 113.818171569785306, 23.255820469942549, 0.0 ], [ 113.818259654579222, 23.255832726522097, 0.0 ], [ 113.818301039161057, 23.255838286922593, 0.0 ], [ 113.818351053182511, 23.255845011264828, 0.0 ], [ 113.818354636111579, 23.255845471398811, 0.0 ], [ 113.818381925393197, 23.255848914887398, 0.0 ], [ 113.818457831018932, 23.255858492986754, 0.0 ], [ 113.81856102231697, 23.255870585365731, 0.0 ], [ 113.818645034749807, 23.255880143522148, 0.0 ], [ 113.818717571369945, 23.255888290619232, 0.0 ], [ 113.818760987630796, 23.255893163389317, 0.0 ], [ 113.818803544029024, 23.255897955695673, 0.0 ], [ 113.818839585141319, 23.255902028046854, 0.0 ], [ 113.818875773789088, 23.255906122230787, 0.0 ], [ 113.818952208436684, 23.255914439858159, 0.0 ], [ 113.819060187605018, 23.255924890446472, 0.0 ], [ 113.819169806826551, 23.255932279136324, 0.0 ], [ 113.81926677357265, 23.255936848624117, 0.0 ], [ 113.819365106205098, 23.255940195221505, 0.0 ], [ 113.819455836158298, 23.255942612910513, 0.0 ], [ 113.81953968097136, 23.255944644299422, 0.0 ], [ 113.819618581084868, 23.255946562513198, 0.0 ], [ 113.819701730734664, 23.255948126191463, 0.0 ], [ 113.819811141664033, 23.255948389008545, 0.0 ], [ 113.819931879583365, 23.255942288096886, 0.0 ], [ 113.820010552617632, 23.255929917556692, 0.0 ], [ 113.820061532201706, 23.255921903641379, 0.0 ], [ 113.820072934475391, 23.255920108044684, 0.0 ], [ 113.820234195029485, 23.255854035069138, 0.0 ], [ 113.82036779173329, 23.255741200765616, 0.0 ], [ 113.820483419958521, 23.255544938412616, 0.0 ], [ 113.820519742322659, 23.255517001987222, 0.0 ], [ 113.82040325069373, 23.255464907595009, 0.0 ], [ 113.820363493000528, 23.255447127263412, 0.0 ], [ 113.820307758216373, 23.255422202552523, 0.0 ], [ 113.820175242788352, 23.255362940993368, 0.0 ], [ 113.820171854776532, 23.255361424671008, 0.0 ], [ 113.820099385959125, 23.255325463818622, 0.0 ], [ 113.820030301630297, 23.255284205585472, 0.0 ], [ 113.819965055848087, 23.255237920478766, 0.0 ], [ 113.819904074284821, 23.255186911479871, 0.0 ], [ 113.819881976847924, 23.255165173777112, 0.0 ], [ 113.819847757160119, 23.255131513144729, 0.0 ], [ 113.819797590569465, 23.255073390419334, 0.0 ], [ 113.819790821225823, 23.254961443293158, 0.0 ], [ 113.819725501619715, 23.254888368861621, 0.0 ], [ 113.819690720897185, 23.254903280896759, 0.0 ], [ 113.819676017135265, 23.254873681530928, 0.0 ], [ 113.819647862264546, 23.254802267304679, 0.0 ], [ 113.819647530203355, 23.254801151643893, 0.0 ], [ 113.819598208647889, 23.254745975240741, 0.0 ], [ 113.819364305690499, 23.254491861549873, 0.0 ], [ 113.819022619419272, 23.254222135928426, 0.0 ], [ 113.818964145889083, 23.254167353477239, 0.0 ], [ 113.818916589557119, 23.254104191941536, 0.0 ], [ 113.81888133176605, 23.254034485961323, 0.0 ], [ 113.818859396620297, 23.253960260268759, 0.0 ], [ 113.818858893306256, 23.253955426831197, 0.0 ], [ 113.818830353713082, 23.253928782921346, 0.0 ], [ 113.818668210118545, 23.253769868446206, 0.0 ], [ 113.818523028651967, 23.253619410596077, 0.0 ], [ 113.818440117547084, 23.253562317545704, 0.0 ], [ 113.818344060034605, 23.253503548959486, 0.0 ], [ 113.818291427862079, 23.253476674037863, 0.0 ], [ 113.818235989687011, 23.253455146740276, 0.0 ], [ 113.818210169337974, 23.253448000698594, 0.0 ], [ 113.818197473254585, 23.253425629833746, 0.0 ], [ 113.818108747306042, 23.25331086855406, 0.0 ], [ 113.818004760658056, 23.25323035879466, 0.0 ], [ 113.817886501459483, 23.253181838225228, 0.0 ], [ 113.817757054006165, 23.253148486570197, 0.0 ], [ 113.817618101954906, 23.25313042967106, 0.0 ], [ 113.817521027004389, 23.25312814448813, 0.0 ], [ 113.817370603972734, 23.2531310979289, 0.0 ], [ 113.81736104223441, 23.253189984228122, 0.0 ], [ 113.817342021495392, 23.253282959987342, 0.0 ], [ 113.81732728815085, 23.25335142830653, 0.0 ], [ 113.817299904625528, 23.253460937262552, 0.0 ], [ 113.817174122536798, 23.253926542759466, 0.0 ], [ 113.817086491070754, 23.2542014345435, 0.0 ], [ 113.816957644649449, 23.254552794680286, 0.0 ], [ 113.816827186893619, 23.254858129750296, 0.0 ], [ 113.816699544807008, 23.255129129714028, 0.0 ], [ 113.816515337512371, 23.255476777751429, 0.0 ] ] ] ] } }
+]
+}
diff --git a/public/datas/redline/251.geojson b/public/datas/redline/251.geojson
new file mode 100644
index 0000000..f3af04c
--- /dev/null
+++ b/public/datas/redline/251.geojson
@@ -0,0 +1,9 @@
+{
+"type": "FeatureCollection",
+"name": "251",
+"crs": { "type": "name", "properties": { "name": "urn:ogc:def:crs:OGC:1.3:CRS84" } },
+"features": [
+{ "type": "Feature", "properties": { "FID_": 0, "Entity": "LWPolyline", "Layer": "JZD", "Color": 1, "Linetype": "CONTINUOUS", "Elevation": 0.0, "LineWt": 25, "RefName": null, "height": 0.0 }, "geometry": { "type": "MultiPolygon", "coordinates": [ [ [ [ 113.813644204962472, 23.262655336802332, 0.0 ], [ 113.813644204962472, 23.262655336802332, 0.0 ], [ 113.813692113465549, 23.262642576915933, 0.0 ], [ 113.813692175057554, 23.262642560735785, 0.0 ], [ 113.813740854434826, 23.262629595241339, 0.0 ], [ 113.813872162836148, 23.262663135721247, 0.0 ], [ 113.814030688755537, 23.262486184627292, 0.0 ], [ 113.814154544631435, 23.262513115479543, 0.0 ], [ 113.814595505840899, 23.262608996436239, 0.0 ], [ 113.81481990103282, 23.262657788486418, 0.0 ], [ 113.814819965514474, 23.262657802106723, 0.0 ], [ 113.814864717902509, 23.262667533061876, 0.0 ], [ 113.815013636172267, 23.262699913735343, 0.0 ], [ 113.815469560058801, 23.26250116913231, 0.0 ], [ 113.815500290949927, 23.262501205245123, 0.0 ], [ 113.815500484453395, 23.262501205472489, 0.0 ], [ 113.815882042994474, 23.262501653352167, 0.0 ], [ 113.816278466382101, 23.262591771615423, 0.0 ], [ 113.816672573177883, 23.262822628104999, 0.0 ], [ 113.816828302511439, 23.262913846186013, 0.0 ], [ 113.816960221696732, 23.262991124605637, 0.0 ], [ 113.817105643962648, 23.262991294064822, 0.0 ], [ 113.817196939867088, 23.262991400382241, 0.0 ], [ 113.817508692351367, 23.262605136036363, 0.0 ], [ 113.817508723677491, 23.26260509724592, 0.0 ], [ 113.817688760975955, 23.262382028483504, 0.0 ], [ 113.817698629419667, 23.262369801309003, 0.0 ], [ 113.817651623036838, 23.262337414962516, 0.0 ], [ 113.817525987995126, 23.262250855773075, 0.0 ], [ 113.817490249552677, 23.262243621335347, 0.0 ], [ 113.817422172998008, 23.262242544431903, 0.0 ], [ 113.81734164849577, 23.262224407125085, 0.0 ], [ 113.817254647081711, 23.262200137527959, 0.0 ], [ 113.817218544503802, 23.262197652122669, 0.0 ], [ 113.817161832728644, 23.262190952120488, 0.0 ], [ 113.817132058928735, 23.262189295749366, 0.0 ], [ 113.817101213948064, 23.262188408341373, 0.0 ], [ 113.81708675469072, 23.262188597370848, 0.0 ], [ 113.817038344370914, 23.262195962316955, 0.0 ], [ 113.817022840348017, 23.262203341218413, 0.0 ], [ 113.817018761979725, 23.262227782938922, 0.0 ], [ 113.816974750599002, 23.262282257193281, 0.0 ], [ 113.81693116704281, 23.262303957551392, 0.0 ], [ 113.816885065015114, 23.26232063546027, 0.0 ], [ 113.816837119187696, 23.262332044296411, 0.0 ], [ 113.816788033439636, 23.262338019639632, 0.0 ], [ 113.816738526209164, 23.262338471129443, 0.0 ], [ 113.816689322656998, 23.262333395097322, 0.0 ], [ 113.8166411429535, 23.262322863717614, 0.0 ], [ 113.816594692496949, 23.262307031316766, 0.0 ], [ 113.816497475234655, 23.262258008533433, 0.0 ], [ 113.816392281465824, 23.262196099390735, 0.0 ], [ 113.816333964393479, 23.262170603207959, 0.0 ], [ 113.816293965439314, 23.262174498696083, 0.0 ], [ 113.816223340123344, 23.262172024136071, 0.0 ], [ 113.816132763584775, 23.262148075698924, 0.0 ], [ 113.816025606424091, 23.262094910890109, 0.0 ], [ 113.815987116085481, 23.262029996041797, 0.0 ], [ 113.815983137205947, 23.262016717108441, 0.0 ], [ 113.815975429232608, 23.262010383812012, 0.0 ], [ 113.815855888740813, 23.261951027291637, 0.0 ], [ 113.815784336499902, 23.261899199803143, 0.0 ], [ 113.815750510726517, 23.26188064241293, 0.0 ], [ 113.815734773839282, 23.261883927840923, 0.0 ], [ 113.815685528725169, 23.261890038095931, 0.0 ], [ 113.81563584422284, 23.261889465988304, 0.0 ], [ 113.815586778724068, 23.261882224499047, 0.0 ], [ 113.815539374788557, 23.261868468355065, 0.0 ], [ 113.815494639606342, 23.261848487685434, 0.0 ], [ 113.8154933457608, 23.261847717754499, 0.0 ], [ 113.815402943256487, 23.261815452930627, 0.0 ], [ 113.815358539382217, 23.261795494282484, 0.0 ], [ 113.815329342404212, 23.261780989267461, 0.0 ], [ 113.815293929743959, 23.261760207752335, 0.0 ], [ 113.815240305620449, 23.261726479070006, 0.0 ], [ 113.815200762756135, 23.261699478570883, 0.0 ], [ 113.815158479747353, 23.261661739661559, 0.0 ], [ 113.815127729962413, 23.261632318752891, 0.0 ], [ 113.815082515106653, 23.26156980935048, 0.0 ], [ 113.81506055985534, 23.261534786949785, 0.0 ], [ 113.815036957801667, 23.261486372757663, 0.0 ], [ 113.81502277236207, 23.261441870400006, 0.0 ], [ 113.815007893949272, 23.261323077899011, 0.0 ], [ 113.815017815257292, 23.261286304298423, 0.0 ], [ 113.815042837793612, 23.26120684435746, 0.0 ], [ 113.814880703580371, 23.261020124546427, 0.0 ], [ 113.814772725587986, 23.260895772928706, 0.0 ], [ 113.814718493805501, 23.260838753042208, 0.0 ], [ 113.814705191275522, 23.26084512610225, 0.0 ], [ 113.81470502991732, 23.260845203565548, 0.0 ], [ 113.814495595865296, 23.26094554133212, 0.0 ], [ 113.814314652221455, 23.2610084563286, 0.0 ], [ 113.814172341739607, 23.261045688176328, 0.0 ], [ 113.81404007132501, 23.261071263862501, 0.0 ], [ 113.813900952927014, 23.261089184235772, 0.0 ], [ 113.813772792044631, 23.261097764723257, 0.0 ], [ 113.813623483186717, 23.261098316255776, 0.0 ], [ 113.81357209988181, 23.261095094329182, 0.0 ], [ 113.813417488286632, 23.261208764736121, 0.0 ], [ 113.813374110331807, 23.261445657321641, 0.0 ], [ 113.813375834688856, 23.261692394085486, 0.0 ], [ 113.813434634897945, 23.261933080526397, 0.0 ], [ 113.813549648069767, 23.262243551748877, 0.0 ], [ 113.813609432556959, 23.262439219411267, 0.0 ], [ 113.813642722190465, 23.262640193885456, 0.0 ], [ 113.813644204962472, 23.262655336802332, 0.0 ] ] ] ] } },
+{ "type": "Feature", "properties": { "FID_": 0, "Entity": "LWPolyline", "Layer": "JZD", "Color": 1, "Linetype": "CONTINUOUS", "Elevation": 0.0, "LineWt": 25, "RefName": null, "height": 0.0 }, "geometry": { "type": "MultiPolygon", "coordinates": [ [ [ [ 113.815164439693319, 23.260509684234922, 0.0 ], [ 113.815164439693319, 23.260509684234922, 0.0 ], [ 113.815517855483705, 23.260916691609559, 0.0 ], [ 113.81559330415682, 23.260945169383426, 0.0 ], [ 113.815678111927994, 23.260988979877034, 0.0 ], [ 113.815729698996535, 23.261033531492501, 0.0 ], [ 113.815843699487345, 23.261144031037869, 0.0 ], [ 113.815954131449303, 23.261257856397666, 0.0 ], [ 113.816063289243871, 23.261360982032269, 0.0 ], [ 113.816115404426782, 23.26139619221571, 0.0 ], [ 113.816170904600014, 23.26142666856483, 0.0 ], [ 113.816229286837086, 23.26145213508763, 0.0 ], [ 113.816290024692037, 23.261472361815674, 0.0 ], [ 113.816352566243822, 23.261487165704779, 0.0 ], [ 113.816416347775245, 23.261496413360025, 0.0 ], [ 113.81648079181808, 23.261500021033541, 0.0 ], [ 113.816492910739029, 23.261501015801024, 0.0 ], [ 113.816645187957519, 23.261526976530714, 0.0 ], [ 113.81681375472472, 23.2615635883569, 0.0 ], [ 113.816844754205221, 23.261564303537387, 0.0 ], [ 113.816892574553179, 23.261565138555458, 0.0 ], [ 113.816927621746544, 23.261565286872184, 0.0 ], [ 113.816998235082011, 23.261569155255259, 0.0 ], [ 113.817070538653297, 23.261575517718423, 0.0 ], [ 113.817117990911967, 23.261583265226207, 0.0 ], [ 113.817185788908787, 23.261606331483346, 0.0 ], [ 113.817193115198066, 23.261608787910905, 0.0 ], [ 113.817215445965815, 23.261611086632964, 0.0 ], [ 113.817305965551384, 23.261610016337219, 0.0 ], [ 113.817477011666597, 23.261635375965081, 0.0 ], [ 113.817512136354054, 23.261642504950146, 0.0 ], [ 113.817577863920079, 23.261655986523596, 0.0 ], [ 113.817596967453085, 23.26165775231328, 0.0 ], [ 113.817641620653404, 23.261659161312437, 0.0 ], [ 113.817671056398666, 23.261658517379608, 0.0 ], [ 113.817713485176213, 23.261659297127892, 0.0 ], [ 113.817787985469892, 23.261668037473367, 0.0 ], [ 113.817834237435278, 23.261713371385913, 0.0 ], [ 113.817866997749547, 23.261758883770252, 0.0 ], [ 113.818065321398635, 23.261808800403585, 0.0 ], [ 113.818233252516222, 23.261445698960696, 0.0 ], [ 113.818236240550718, 23.261439238198868, 0.0 ], [ 113.818332339001557, 23.261231456835361, 0.0 ], [ 113.818470843637357, 23.260931978998237, 0.0 ], [ 113.818477024095941, 23.260918615437163, 0.0 ], [ 113.818536772169409, 23.260789426322706, 0.0 ], [ 113.818497298548195, 23.260795442206913, 0.0 ], [ 113.818486873101151, 23.260797876531843, 0.0 ], [ 113.818435518855196, 23.260809867653364, 0.0 ], [ 113.818382316742898, 23.260806253018369, 0.0 ], [ 113.81835094110815, 23.260794769120714, 0.0 ], [ 113.818298241228106, 23.260764550507947, 0.0 ], [ 113.818121279944634, 23.260643871287812, 0.0 ], [ 113.818122969892826, 23.260453543037006, 0.0 ], [ 113.818121173563298, 23.2604521720836, 0.0 ], [ 113.818109909648172, 23.260398742295425, 0.0 ], [ 113.818145242655817, 23.260237691442995, 0.0 ], [ 113.818256649499816, 23.260059366712454, 0.0 ], [ 113.818099656030185, 23.259989689349251, 0.0 ], [ 113.818009534499154, 23.259881926142864, 0.0 ], [ 113.817962882406263, 23.25960486581776, 0.0 ], [ 113.817928182372626, 23.259566788797894, 0.0 ], [ 113.817893897079713, 23.259529167338318, 0.0 ], [ 113.817499028433744, 23.259095875832525, 0.0 ], [ 113.817381706264399, 23.258967136848103, 0.0 ], [ 113.81723707745833, 23.2588017385687, 0.0 ], [ 113.817254682876069, 23.258671266444246, 0.0 ], [ 113.817363138248396, 23.258282041212421, 0.0 ], [ 113.817447291818397, 23.258012438533406, 0.0 ], [ 113.81744473239219, 23.258010991740043, 0.0 ], [ 113.817442525485575, 23.258009744005587, 0.0 ], [ 113.817442442459281, 23.258009714111726, 0.0 ], [ 113.817200317724655, 23.257872811504861, 0.0 ], [ 113.817126241190238, 23.257812184222633, 0.0 ], [ 113.816913460267102, 23.25763805417796, 0.0 ], [ 113.816561333535745, 23.257335389537875, 0.0 ], [ 113.816099606310374, 23.256932412593379, 0.0 ], [ 113.816067075134214, 23.257007632650751, 0.0 ], [ 113.816013738927779, 23.257159852815217, 0.0 ], [ 113.815975501641105, 23.25729464474103, 0.0 ], [ 113.815934026703232, 23.257492023595972, 0.0 ], [ 113.815910219689655, 23.257677140308438, 0.0 ], [ 113.815901985239606, 23.257808151504477, 0.0 ], [ 113.81590213362459, 23.257986897077746, 0.0 ], [ 113.815908640574648, 23.258095524247729, 0.0 ], [ 113.815920508379548, 23.258208717600599, 0.0 ], [ 113.815935928345297, 23.258337718555715, 0.0 ], [ 113.815952839161724, 23.258479171137161, 0.0 ], [ 113.815968571295912, 23.258610756695365, 0.0 ], [ 113.815980245698299, 23.258737475106326, 0.0 ], [ 113.815982564294899, 23.258871652661185, 0.0 ], [ 113.815975720105229, 23.258992972296507, 0.0 ], [ 113.815950631565201, 23.259168199266071, 0.0 ], [ 113.815928107842169, 23.259259054832384, 0.0 ], [ 113.815918322983336, 23.259298525775087, 0.0 ], [ 113.815908388741931, 23.259338602421625, 0.0 ], [ 113.815863079935014, 23.259470004439226, 0.0 ], [ 113.815790748828846, 23.259631768056185, 0.0 ], [ 113.815676434774446, 23.259826328988265, 0.0 ], [ 113.815528726871264, 23.260045798219465, 0.0 ], [ 113.815388347040155, 23.260253226951534, 0.0 ], [ 113.815269248255589, 23.260403704420625, 0.0 ], [ 113.815164439693319, 23.260509684234922, 0.0 ] ] ] ] } }
+]
+}
diff --git a/public/datas/redline/53_46.geojson b/public/datas/redline/53_46.geojson
new file mode 100644
index 0000000..d1a790b
--- /dev/null
+++ b/public/datas/redline/53_46.geojson
@@ -0,0 +1,8 @@
+{
+"type": "FeatureCollection",
+"name": "53",
+"crs": { "type": "name", "properties": { "name": "urn:ogc:def:crs:OGC:1.3:CRS84" } },
+"features": [
+{ "type": "Feature", "properties": { "FID_": 0, "Entity": "LWPolyline", "Layer": "JZD", "Color": 1, "Linetype": "CONTINUOUS", "Elevation": 0.0, "LineWt": 25, "RefName": null, "height": 0.0 }, "geometry": { "type": "MultiPolygon", "coordinates": [ [ [ [ 113.817802708539915, 23.25060214342405, 0.0 ], [ 113.817802708539915, 23.25060214342405, 0.0 ], [ 113.817809209046672, 23.250598103484563, 0.0 ], [ 113.817855785345316, 23.250585433085476, 0.0 ], [ 113.81793855664921, 23.250555340601839, 0.0 ], [ 113.818018127784654, 23.250518604038916, 0.0 ], [ 113.818093874889314, 23.250475514332937, 0.0 ], [ 113.818165200421845, 23.250426411211176, 0.0 ], [ 113.818225004498359, 23.250377074401491, 0.0 ], [ 113.818230115191383, 23.250367625771254, 0.0 ], [ 113.818246739999964, 23.25032178, 0.0 ], [ 113.81827989, 23.25027594, 0.0 ], [ 113.818321329999989, 23.25023012000003, 0.0 ], [ 113.81837102999998, 23.250184310000016, 0.0 ], [ 113.81844554999995, 23.250146160000018, 0.0 ], [ 113.818577990000023, 23.25010045, 0.0 ], [ 113.818599689337915, 23.250093793546359, 0.0 ], [ 113.818776638917882, 23.250039512643596, 0.0 ], [ 113.818798112030606, 23.250035137153137, 0.0 ], [ 113.818798819911265, 23.250034925527586, 0.0 ], [ 113.818890475116518, 23.25001517349089, 0.0 ], [ 113.818906597420508, 23.250012992352701, 0.0 ], [ 113.81892561, 23.250009110000029, 0.0 ], [ 113.819124210000055, 23.249986400000036, 0.0 ], [ 113.819223500000021, 23.24998652, 0.0 ], [ 113.819322769999971, 23.25000193, 0.0 ], [ 113.819482908267261, 23.250045286516855, 0.0 ], [ 113.819521259999902, 23.25005567, 0.0 ], [ 113.819570880000029, 23.250071030000019, 0.0 ], [ 113.819670129999949, 23.250101720000011, 0.0 ], [ 113.819868629999974, 23.250155459999974, 0.0 ], [ 113.81991824, 23.250178450000053, 0.0 ], [ 113.820017450000051, 23.250239720000057, 0.0 ], [ 113.820116590000026, 23.250346870000037, 0.0 ], [ 113.82019918000006, 23.250453990000047, 0.0 ], [ 113.820273499999985, 23.250568760000032, 0.0 ], [ 113.820285758999944, 23.250591481, 0.0 ], [ 113.82039730043364, 23.250798250372064, 0.0 ], [ 113.820413778125314, 23.250844140522545, 0.0 ], [ 113.820428549588939, 23.250926669564006, 0.0 ], [ 113.820450298403813, 23.25104816801165, 0.0 ], [ 113.820462322491494, 23.251061022575083, 0.0 ], [ 113.820753331516244, 23.250575433613296, 0.0 ], [ 113.820936583386228, 23.25024723771757, 0.0 ], [ 113.821372995245312, 23.249453251704708, 0.0 ], [ 113.821321563463144, 23.24943988473623, 0.0 ], [ 113.821276832613407, 23.249428279408797, 0.0 ], [ 113.820077691457442, 23.249117159196416, 0.0 ], [ 113.819864355443414, 23.24906180751713, 0.0 ], [ 113.819811693738714, 23.249051312555086, 0.0 ], [ 113.819758038924448, 23.24904684546361, 0.0 ], [ 113.819704195134463, 23.249048474886461, 0.0 ], [ 113.819650971514591, 23.249056175567016, 0.0 ], [ 113.819599166581824, 23.249069832845016, 0.0 ], [ 113.819549556501471, 23.249089240837158, 0.0 ], [ 113.819502888239626, 23.249114107846619, 0.0 ], [ 113.819459860012387, 23.249144061758503, 0.0 ], [ 113.819396154131695, 23.24919006988787, 0.0 ], [ 113.819328355998238, 23.249230781065691, 0.0 ], [ 113.819256981992382, 23.24926588707077, 0.0 ], [ 113.819182572872364, 23.249295120343501, 0.0 ], [ 113.819105692787318, 23.249318260305749, 0.0 ], [ 113.819034095962081, 23.249333595487272, 0.0 ], [ 113.819026924393754, 23.249335131549199, 0.0 ], [ 113.818946885472812, 23.249345600243281, 0.0 ], [ 113.818931185714248, 23.249346381255837, 0.0 ], [ 113.818920392994343, 23.249338093232097, 0.0 ], [ 113.818875358851315, 23.249303511361038, 0.0 ], [ 113.818846754163772, 23.249304056186872, 0.0 ], [ 113.818755286125437, 23.249300539191228, 0.0 ], [ 113.818671838201269, 23.249285993468142, 0.0 ], [ 113.81857688591073, 23.249261768553307, 0.0 ], [ 113.818499746685958, 23.249233488550558, 0.0 ], [ 113.818298429456462, 23.249563382917916, 0.0 ], [ 113.818114864900934, 23.249902005396926, 0.0 ], [ 113.817949490839737, 23.250248537998175, 0.0 ], [ 113.817802708539915, 23.25060214342405, 0.0 ] ] ] ] } }
+]
+}
diff --git a/src/App.vue b/src/App.vue
index 5319ff6..cc411ac 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -102,7 +102,7 @@
   <div class="position">
     <label>经度：{{ lng }}</label>
     <label>纬度：{{ lat }}</label>
-    <!-- <label>视角高：{{cameraHeight}}</label> -->
+    <label>视角高：{{cameraHeight}}</label>
   </div>
 </template>
 <script setup>
@@ -110,7 +110,7 @@ import { ref, onMounted, nextTick } from 'vue'
 import { Plus, Minus, View } from '@element-plus/icons-vue'
 import { ElMessage } from 'element-plus'
 import dataLoading from './utils/dataLoading.js';
-import { getHeightByType, cartesianToLnglat ,debounce} from './utils/common.js';
+import { getHeightByType, cartesianToLnglat ,debounce,getAssetsFile} from './utils/common.js';
 import { queryGridItem } from './api/index.js';
 import Bubble from '@/components/bubble/index.js'
 import { sourceEpsgCode, targetProj4Defined } from "@/config/index.js"
@@ -183,10 +183,14 @@ const initViewer = async () => {
   // viewer.scene.globe.translucency.enabled = true;
   viewer.scene.globe.undergroundColor = Cesium.Color.TRANSPARENT;
   // 限制相机视角
-  viewer.scene.screenSpaceCameraController.minimumZoomDistance = 20
+  viewer.scene.screenSpaceCameraController.minimumZoomDistance = 5;
+  // viewer.scene.screenSpaceCameraController.enableCollisionDetection = false;//禁止模型穿透
   // viewer.scene.pickTranslucentDepth = true;
   // 开启帧率显示
   viewer.scene.debugShowFramesPerSecond = true;
+
+  addSkyBox();
+
   initNavigation();
   initEvent(viewer);
   window.viewer = viewer;
@@ -220,6 +224,11 @@ const initViewer = async () => {
           if (lc.type === "poi") {
             dataLoading.addPoiLayer(viewer, wsConfig.url, lc.id, wsConfig.show)
           }
+          if (lc.type === "geojson") {
+            fetch(wsConfig.url).then(res => res.json()).then(data => {
+              dataLoading.addGeoJSONData(viewer, data, lc.id, wsConfig.show)
+            })
+          }
           if (lc.type === "3dTilesLayer") {
             let url = tileUrlTemplate.replace('{Text}', lc.id);
             dataLoading.loadTileset(viewer, url, lc.id,false).then(tileset => {
@@ -240,6 +249,24 @@ const initViewer = async () => {
   window.coordSource = new Cesium.CustomDataSource("coordSource");
   viewer.dataSources.add(window.coordSource);
 }
+
+// 自带的天空盒会有倾斜
+import GroundSkyBox  from './utils/SkyboxOnGround/index.js';
+const addSkyBox = () => {
+  viewer.scene.skyBox = new GroundSkyBox ({
+    show: true,
+    sources: {
+      positiveX: getAssetsFile('img/skybox/lantian/Right.jpg'),
+      negativeX: getAssetsFile('img/skybox/lantian/Left.jpg'),
+      positiveY: getAssetsFile('img/skybox/lantian/Front.jpg'),
+      negativeY: getAssetsFile('img/skybox/lantian/Back.jpg'),
+      positiveZ: getAssetsFile('img/skybox/lantian/Up.jpg'),
+      negativeZ: getAssetsFile('img/skybox/lantian/Down.jpg'),
+    },
+    nearGround:true
+  });
+}
+
 const clearEntity = () => {
   if (!isDraw) {
     // 清空绘制的路径
@@ -520,34 +547,34 @@ const initEvent = (viewer) => {
   // 可以根据需要动态调整最大屏幕空间误差
   // 例如，当相机距离模型较远时，增大最大屏幕空间误差
   // 当相机靠近模型时，减小最大屏幕空间误差
-  viewer.scene.postRender.addEventListener(() => {
+  // viewer.scene.postRender.addEventListener(() => {
 
-    const allTilesets = getAll3DTilesets(viewer);
-    allTilesets.forEach(tileset => {
-      const distance = Cesium.Cartesian3.distance(
-        viewer.camera.position,
-        tileset.boundingSphere.center
-      );
-      if (distance > 2500) {
-        tileset.maximumScreenSpaceError = 256;
-        tileset.baseScreenSpaceError = 1024 * 3;
-      }else if (distance > 2000) {
-        tileset.maximumScreenSpaceError = 128;
-        tileset.baseScreenSpaceError = 1024 * 2;
-      }else if (distance > 1500) {
-        tileset.maximumScreenSpaceError = 64;
-        tileset.baseScreenSpaceError = 1024 ;
-        // tileset.skipScreenSpaceErrorFactor = 512;
-      } else if (distance > 500) {
-        tileset.maximumScreenSpaceError = 32;
-        tileset.baseScreenSpaceError = 16;
-      } else {
-        tileset.maximumScreenSpaceError = 16;
-        tileset.baseScreenSpaceError = 16;
-      }
-    })
+  //   const allTilesets = getAll3DTilesets(viewer);
+  //   allTilesets.forEach(tileset => {
+  //     const distance = Cesium.Cartesian3.distance(
+  //       viewer.camera.position,
+  //       tileset.boundingSphere.center
+  //     );
+  //     if (distance > 2500) {
+  //       tileset.maximumScreenSpaceError = 256;
+  //       tileset.baseScreenSpaceError = 1024 * 3;
+  //     }else if (distance > 2000) {
+  //       tileset.maximumScreenSpaceError = 128;
+  //       tileset.baseScreenSpaceError = 1024 * 2;
+  //     }else if (distance > 1500) {
+  //       tileset.maximumScreenSpaceError = 64;
+  //       tileset.baseScreenSpaceError = 1024 ;
+  //       // tileset.skipScreenSpaceErrorFactor = 512;
+  //     } else if (distance > 500) {
+  //       tileset.maximumScreenSpaceError = 32;
+  //       tileset.baseScreenSpaceError = 16;
+  //     } else {
+  //       tileset.maximumScreenSpaceError = 16;
+  //       tileset.baseScreenSpaceError = 16;
+  //     }
+  //   })
 
-  });
+  // });
 
   let handler = new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas);
   // 鼠标全局的点击事件处理函数
@@ -654,6 +681,7 @@ const initEvent = (viewer) => {
       var cartographic = Cesium.Cartographic.fromCartesian(cartesian);
       lat.value = Cesium.Math.toDegrees(cartographic.latitude).toFixed(6);
       lng.value = Cesium.Math.toDegrees(cartographic.longitude).toFixed(6);
+      cameraHeight.value = viewer.camera.positionCartographic.height.toFixed(2);
     }
   }, Cesium.ScreenSpaceEventType.MOUSE_MOVE)
 }
@@ -701,6 +729,16 @@ const checkChange = (data, checked, childrenChecked) => {
     if (data.type === "poi") {
       viewer.dataSources.getByName(data.id)[0].show = checked
     }
+    if (data.type === "geojson") {
+      const primitives = viewer.scene.primitives;
+      for (let i = 0; i < primitives.length; ++i) {
+        if (primitives.get(i).name == data.id) {
+          primitives.get(i).show = checked;
+          checked&&dataLoading.focusPrimitivesCollection(primitives.get(i));
+          break;
+        }
+      }
+    }
     if (data.type === "userVector") {
       const primitives = viewer.scene.primitives;
       let currPrimitive = null;
@@ -724,7 +762,8 @@ const checkChange = (data, checked, childrenChecked) => {
         }
       }
       if (currPrimitive) {
-        currPrimitive.show = checked
+        currPrimitive.show = checked;
+        // viewer.zoomTo(currPrimitive);
       } else {
         if (checked) {
           let url = tileUrlTemplate.replace('{Text}', data.id);
@@ -1180,6 +1219,9 @@ async function calcArea(points) {
   label:nth-child(2) {
     margin-left: 0.8rem;
   }
+  label:nth-child(3) {
+    margin-left: 0.8rem;
+  }
 }
 
 .addition-nav {
diff --git a/src/assets/img/404.png b/src/assets/img/404.png
new file mode 100644
index 0000000..0bcf874
Binary files /dev/null and b/src/assets/img/404.png differ
diff --git a/src/assets/img/skybox/baiyun/bottom.jpg b/src/assets/img/skybox/baiyun/bottom.jpg
new file mode 100644
index 0000000..bf41b61
Binary files /dev/null and b/src/assets/img/skybox/baiyun/bottom.jpg differ
diff --git a/src/assets/img/skybox/baiyun/east.jpg b/src/assets/img/skybox/baiyun/east.jpg
new file mode 100644
index 0000000..e5a1783
Binary files /dev/null and b/src/assets/img/skybox/baiyun/east.jpg differ
diff --git a/src/assets/img/skybox/baiyun/north.jpg b/src/assets/img/skybox/baiyun/north.jpg
new file mode 100644
index 0000000..c62d0fa
Binary files /dev/null and b/src/assets/img/skybox/baiyun/north.jpg differ
diff --git a/src/assets/img/skybox/baiyun/south.jpg b/src/assets/img/skybox/baiyun/south.jpg
new file mode 100644
index 0000000..768b284
Binary files /dev/null and b/src/assets/img/skybox/baiyun/south.jpg differ
diff --git a/src/assets/img/skybox/baiyun/top.jpg b/src/assets/img/skybox/baiyun/top.jpg
new file mode 100644
index 0000000..7be9e31
Binary files /dev/null and b/src/assets/img/skybox/baiyun/top.jpg differ
diff --git a/src/assets/img/skybox/baiyun/west.jpg b/src/assets/img/skybox/baiyun/west.jpg
new file mode 100644
index 0000000..bdd96d0
Binary files /dev/null and b/src/assets/img/skybox/baiyun/west.jpg differ
diff --git a/src/assets/img/skybox/blueSky/bottom.jpg b/src/assets/img/skybox/blueSky/bottom.jpg
new file mode 100644
index 0000000..fa22029
Binary files /dev/null and b/src/assets/img/skybox/blueSky/bottom.jpg differ
diff --git a/src/assets/img/skybox/blueSky/east.jpg b/src/assets/img/skybox/blueSky/east.jpg
new file mode 100644
index 0000000..1fe68ae
Binary files /dev/null and b/src/assets/img/skybox/blueSky/east.jpg differ
diff --git a/src/assets/img/skybox/blueSky/north.jpg b/src/assets/img/skybox/blueSky/north.jpg
new file mode 100644
index 0000000..deb643f
Binary files /dev/null and b/src/assets/img/skybox/blueSky/north.jpg differ
diff --git a/src/assets/img/skybox/blueSky/south.jpg b/src/assets/img/skybox/blueSky/south.jpg
new file mode 100644
index 0000000..c428203
Binary files /dev/null and b/src/assets/img/skybox/blueSky/south.jpg differ
diff --git a/src/assets/img/skybox/blueSky/top.jpg b/src/assets/img/skybox/blueSky/top.jpg
new file mode 100644
index 0000000..31d21f6
Binary files /dev/null and b/src/assets/img/skybox/blueSky/top.jpg differ
diff --git a/src/assets/img/skybox/blueSky/west.jpg b/src/assets/img/skybox/blueSky/west.jpg
new file mode 100644
index 0000000..2146bab
Binary files /dev/null and b/src/assets/img/skybox/blueSky/west.jpg differ
diff --git a/src/assets/img/skybox/bottom.jpg b/src/assets/img/skybox/bottom.jpg
new file mode 100644
index 0000000..5c296f0
Binary files /dev/null and b/src/assets/img/skybox/bottom.jpg differ
diff --git a/src/assets/img/skybox/clearSky/bottom.jpg b/src/assets/img/skybox/clearSky/bottom.jpg
new file mode 100644
index 0000000..5c296f0
Binary files /dev/null and b/src/assets/img/skybox/clearSky/bottom.jpg differ
diff --git a/src/assets/img/skybox/clearSky/east.jpg b/src/assets/img/skybox/clearSky/east.jpg
new file mode 100644
index 0000000..f321ba6
Binary files /dev/null and b/src/assets/img/skybox/clearSky/east.jpg differ
diff --git a/src/assets/img/skybox/clearSky/north.jpg b/src/assets/img/skybox/clearSky/north.jpg
new file mode 100644
index 0000000..fb96d00
Binary files /dev/null and b/src/assets/img/skybox/clearSky/north.jpg differ
diff --git a/src/assets/img/skybox/clearSky/south.jpg b/src/assets/img/skybox/clearSky/south.jpg
new file mode 100644
index 0000000..c5418cc
Binary files /dev/null and b/src/assets/img/skybox/clearSky/south.jpg differ
diff --git a/src/assets/img/skybox/clearSky/top.jpg b/src/assets/img/skybox/clearSky/top.jpg
new file mode 100644
index 0000000..114d220
Binary files /dev/null and b/src/assets/img/skybox/clearSky/top.jpg differ
diff --git a/src/assets/img/skybox/clearSky/west.jpg b/src/assets/img/skybox/clearSky/west.jpg
new file mode 100644
index 0000000..cf60321
Binary files /dev/null and b/src/assets/img/skybox/clearSky/west.jpg differ
diff --git a/src/assets/img/skybox/dream/bottom.jpg b/src/assets/img/skybox/dream/bottom.jpg
new file mode 100644
index 0000000..5df4930
Binary files /dev/null and b/src/assets/img/skybox/dream/bottom.jpg differ
diff --git a/src/assets/img/skybox/dream/east.jpg b/src/assets/img/skybox/dream/east.jpg
new file mode 100644
index 0000000..f6750cc
Binary files /dev/null and b/src/assets/img/skybox/dream/east.jpg differ
diff --git a/src/assets/img/skybox/dream/north.jpg b/src/assets/img/skybox/dream/north.jpg
new file mode 100644
index 0000000..cc4b622
Binary files /dev/null and b/src/assets/img/skybox/dream/north.jpg differ
diff --git a/src/assets/img/skybox/dream/south.jpg b/src/assets/img/skybox/dream/south.jpg
new file mode 100644
index 0000000..e8bcef6
Binary files /dev/null and b/src/assets/img/skybox/dream/south.jpg differ
diff --git a/src/assets/img/skybox/dream/top.jpg b/src/assets/img/skybox/dream/top.jpg
new file mode 100644
index 0000000..ef57cb9
Binary files /dev/null and b/src/assets/img/skybox/dream/top.jpg differ
diff --git a/src/assets/img/skybox/dream/west.jpg b/src/assets/img/skybox/dream/west.jpg
new file mode 100644
index 0000000..8b0f771
Binary files /dev/null and b/src/assets/img/skybox/dream/west.jpg differ
diff --git a/src/assets/img/skybox/east.jpg b/src/assets/img/skybox/east.jpg
new file mode 100644
index 0000000..f321ba6
Binary files /dev/null and b/src/assets/img/skybox/east.jpg differ
diff --git a/src/assets/img/skybox/lantian/Back.jpg b/src/assets/img/skybox/lantian/Back.jpg
new file mode 100644
index 0000000..81d3982
Binary files /dev/null and b/src/assets/img/skybox/lantian/Back.jpg differ
diff --git a/src/assets/img/skybox/lantian/Down.jpg b/src/assets/img/skybox/lantian/Down.jpg
new file mode 100644
index 0000000..c025b60
Binary files /dev/null and b/src/assets/img/skybox/lantian/Down.jpg differ
diff --git a/src/assets/img/skybox/lantian/Front.jpg b/src/assets/img/skybox/lantian/Front.jpg
new file mode 100644
index 0000000..19fb45a
Binary files /dev/null and b/src/assets/img/skybox/lantian/Front.jpg differ
diff --git a/src/assets/img/skybox/lantian/Left.jpg b/src/assets/img/skybox/lantian/Left.jpg
new file mode 100644
index 0000000..5809dd9
Binary files /dev/null and b/src/assets/img/skybox/lantian/Left.jpg differ
diff --git a/src/assets/img/skybox/lantian/Right.jpg b/src/assets/img/skybox/lantian/Right.jpg
new file mode 100644
index 0000000..1101162
Binary files /dev/null and b/src/assets/img/skybox/lantian/Right.jpg differ
diff --git a/src/assets/img/skybox/lantian/Up.jpg b/src/assets/img/skybox/lantian/Up.jpg
new file mode 100644
index 0000000..755f121
Binary files /dev/null and b/src/assets/img/skybox/lantian/Up.jpg differ
diff --git a/src/assets/img/skybox/north.jpg b/src/assets/img/skybox/north.jpg
new file mode 100644
index 0000000..fb96d00
Binary files /dev/null and b/src/assets/img/skybox/north.jpg differ
diff --git a/src/assets/img/skybox/south.jpg b/src/assets/img/skybox/south.jpg
new file mode 100644
index 0000000..c5418cc
Binary files /dev/null and b/src/assets/img/skybox/south.jpg differ
diff --git a/src/assets/img/skybox/starrySky/bottom.jpg b/src/assets/img/skybox/starrySky/bottom.jpg
new file mode 100644
index 0000000..20973c4
Binary files /dev/null and b/src/assets/img/skybox/starrySky/bottom.jpg differ
diff --git a/src/assets/img/skybox/starrySky/east.jpg b/src/assets/img/skybox/starrySky/east.jpg
new file mode 100644
index 0000000..6f244ca
Binary files /dev/null and b/src/assets/img/skybox/starrySky/east.jpg differ
diff --git a/src/assets/img/skybox/starrySky/north.jpg b/src/assets/img/skybox/starrySky/north.jpg
new file mode 100644
index 0000000..105e254
Binary files /dev/null and b/src/assets/img/skybox/starrySky/north.jpg differ
diff --git a/src/assets/img/skybox/starrySky/south.jpg b/src/assets/img/skybox/starrySky/south.jpg
new file mode 100644
index 0000000..c354f8d
Binary files /dev/null and b/src/assets/img/skybox/starrySky/south.jpg differ
diff --git a/src/assets/img/skybox/starrySky/top.jpg b/src/assets/img/skybox/starrySky/top.jpg
new file mode 100644
index 0000000..4a8641b
Binary files /dev/null and b/src/assets/img/skybox/starrySky/top.jpg differ
diff --git a/src/assets/img/skybox/starrySky/west.jpg b/src/assets/img/skybox/starrySky/west.jpg
new file mode 100644
index 0000000..7c20f6b
Binary files /dev/null and b/src/assets/img/skybox/starrySky/west.jpg differ
diff --git a/src/assets/img/skybox/sunSets/bottom.jpg b/src/assets/img/skybox/sunSets/bottom.jpg
new file mode 100644
index 0000000..9dc6ad8
Binary files /dev/null and b/src/assets/img/skybox/sunSets/bottom.jpg differ
diff --git a/src/assets/img/skybox/sunSets/east.jpg b/src/assets/img/skybox/sunSets/east.jpg
new file mode 100644
index 0000000..067d24c
Binary files /dev/null and b/src/assets/img/skybox/sunSets/east.jpg differ
diff --git a/src/assets/img/skybox/sunSets/north.jpg b/src/assets/img/skybox/sunSets/north.jpg
new file mode 100644
index 0000000..2b7802a
Binary files /dev/null and b/src/assets/img/skybox/sunSets/north.jpg differ
diff --git a/src/assets/img/skybox/sunSets/south.jpg b/src/assets/img/skybox/sunSets/south.jpg
new file mode 100644
index 0000000..fec20e8
Binary files /dev/null and b/src/assets/img/skybox/sunSets/south.jpg differ
diff --git a/src/assets/img/skybox/sunSets/top.jpg b/src/assets/img/skybox/sunSets/top.jpg
new file mode 100644
index 0000000..05d58b8
Binary files /dev/null and b/src/assets/img/skybox/sunSets/top.jpg differ
diff --git a/src/assets/img/skybox/sunSets/west.jpg b/src/assets/img/skybox/sunSets/west.jpg
new file mode 100644
index 0000000..a0a39cf
Binary files /dev/null and b/src/assets/img/skybox/sunSets/west.jpg differ
diff --git a/src/assets/img/skybox/sunnySky - 副本/bottom.jpg b/src/assets/img/skybox/sunnySky - 副本/bottom.jpg
new file mode 100644
index 0000000..0c4dfa9
Binary files /dev/null and b/src/assets/img/skybox/sunnySky - 副本/bottom.jpg differ
diff --git a/src/assets/img/skybox/sunnySky - 副本/east.jpg b/src/assets/img/skybox/sunnySky - 副本/east.jpg
new file mode 100644
index 0000000..145d454
Binary files /dev/null and b/src/assets/img/skybox/sunnySky - 副本/east.jpg differ
diff --git a/src/assets/img/skybox/sunnySky - 副本/north.jpg b/src/assets/img/skybox/sunnySky - 副本/north.jpg
new file mode 100644
index 0000000..07168ea
Binary files /dev/null and b/src/assets/img/skybox/sunnySky - 副本/north.jpg differ
diff --git a/src/assets/img/skybox/sunnySky - 副本/south.jpg b/src/assets/img/skybox/sunnySky - 副本/south.jpg
new file mode 100644
index 0000000..bf0b38d
Binary files /dev/null and b/src/assets/img/skybox/sunnySky - 副本/south.jpg differ
diff --git a/src/assets/img/skybox/sunnySky - 副本/top.jpg b/src/assets/img/skybox/sunnySky - 副本/top.jpg
new file mode 100644
index 0000000..16e4c8a
Binary files /dev/null and b/src/assets/img/skybox/sunnySky - 副本/top.jpg differ
diff --git a/src/assets/img/skybox/sunnySky - 副本/west.jpg b/src/assets/img/skybox/sunnySky - 副本/west.jpg
new file mode 100644
index 0000000..361a070
Binary files /dev/null and b/src/assets/img/skybox/sunnySky - 副本/west.jpg differ
diff --git a/src/assets/img/skybox/sunnySky/bottom.jpg b/src/assets/img/skybox/sunnySky/bottom.jpg
new file mode 100644
index 0000000..7fb8839
Binary files /dev/null and b/src/assets/img/skybox/sunnySky/bottom.jpg differ
diff --git a/src/assets/img/skybox/sunnySky/east.jpg b/src/assets/img/skybox/sunnySky/east.jpg
new file mode 100644
index 0000000..0c4e2bc
Binary files /dev/null and b/src/assets/img/skybox/sunnySky/east.jpg differ
diff --git a/src/assets/img/skybox/sunnySky/north.jpg b/src/assets/img/skybox/sunnySky/north.jpg
new file mode 100644
index 0000000..3922095
Binary files /dev/null and b/src/assets/img/skybox/sunnySky/north.jpg differ
diff --git a/src/assets/img/skybox/sunnySky/south.jpg b/src/assets/img/skybox/sunnySky/south.jpg
new file mode 100644
index 0000000..01381b2
Binary files /dev/null and b/src/assets/img/skybox/sunnySky/south.jpg differ
diff --git a/src/assets/img/skybox/sunnySky/top.jpg b/src/assets/img/skybox/sunnySky/top.jpg
new file mode 100644
index 0000000..1a8a024
Binary files /dev/null and b/src/assets/img/skybox/sunnySky/top.jpg differ
diff --git a/src/assets/img/skybox/sunnySky/west.jpg b/src/assets/img/skybox/sunnySky/west.jpg
new file mode 100644
index 0000000..5693635
Binary files /dev/null and b/src/assets/img/skybox/sunnySky/west.jpg differ
diff --git a/src/assets/img/skybox/top.jpg b/src/assets/img/skybox/top.jpg
new file mode 100644
index 0000000..114d220
Binary files /dev/null and b/src/assets/img/skybox/top.jpg differ
diff --git a/src/assets/img/skybox/west.jpg b/src/assets/img/skybox/west.jpg
new file mode 100644
index 0000000..cf60321
Binary files /dev/null and b/src/assets/img/skybox/west.jpg differ
diff --git a/src/config/index.js b/src/config/index.js
index a29f0fa..9c3dad7 100644
--- a/src/config/index.js
+++ b/src/config/index.js
@@ -1,68 +1,68 @@
 // const host = "192.168.21.30";
 // const host = "172.27.40.60";
-const host = "192.168.28.126";
-const geoserverUrl = "http://"+host+":8088/geoserver"
+const host = "127.0.0.1";
+const geoserverUrl = "http://" + host + ":8088/geoserver"
 
-const geoserverWMTSUrl = geoserverUrl+"/cxy/gwc/service/wmts"
+const geoserverWMTSUrl = geoserverUrl + "/cxy/gwc/service/wmts"
 
 const gridServiceName = "cxy:modelgrid4326"
 
 const demoWmtsService = {
-  id:"dom0.2m",
+  id: "dom0.2m",
   url: geoserverWMTSUrl,
   layerName: "cxy:dom0.2m",
   epsgCode: "EPSG:4326",
-  extent:[
+  extent: [
     113.7574461874795,
     23.213844014596848,
     113.8554165916731,
     23.317278851278726
   ]
 }
-export const geoserverWFSUrl = geoserverUrl+"/wfs";
-export const terrainUrl = 'http://'+host+':9090/terrain/';
+export const geoserverWFSUrl = geoserverUrl + "/wfs";
+export const terrainUrl = 'http://' + host + ':9090/terrain/';
 export const targetProj4Defined = "+proj=tmerc +lat_0=0 +lon_0=114 +k=1 +x_0=500000 +y_0=0 +ellps=GRS80 +units=m +no_defs +type=crs"
 export const sourceEpsgCode = "EPSG:4326"
 // export const tileUrlTemplate = `http://61.144.79.174:9095/data/3dtiles/%E5%A2%9E%E5%9F%8E%E5%8C%BA100%E5%B9%B3%E6%96%B9%E5%8D%83%E7%B1%B3%E6%A8%A1%E5%9E%8B/{Text}/tileset.json`
 export const tileUrlTemplate = `http://${host}:9090/3dtiles/{Text}/tileset.json`
 // export const tileUrlTemplate = `http://${host}:9292/3dtiles1.1/draco/{Text}/tileset.json`
 export const initConfig = {
-  point:[113.804,23.263,20000.0]
+  point: [113.804, 23.263, 20000.0]
 }
-export const queryUrl = geoserverUrl+`/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=${gridServiceName}&outputFormat=application/json&maxFeatures=50`;
-export const gridGeojsonUrl = geoserverUrl+`/cxy/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=${gridServiceName}&maxFeatures=99999&outputFormat=application/json`
+export const queryUrl = geoserverUrl + `/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=${gridServiceName}&outputFormat=application/json&maxFeatures=50`;
+export const gridGeojsonUrl = geoserverUrl + `/cxy/ows?service=WFS&version=1.0.0&request=GetFeature&typeName=${gridServiceName}&maxFeatures=99999&outputFormat=application/json`
 export const cesiumKey = "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJqdGkiOiIyNjI2ZjVjMS0zZTFjLTQ3MDAtYTZlZC02YWFjOWQwNzBjNjIiLCJpZCI6ODM1NTQsImlhdCI6MTY0NTY1NzYzM30.IPqS_sM-s_vzNnK0EAiTy6kpYP5RBYkuMgbqJtKQkPw";
 
-export const layerTreeData =  [
+export const layerTreeData = [
   {
     label: '基础图层',
-    id:'baseLayer',
+    id: 'baseLayer',
     disabled: true,
     children: [
       {
         label: '电子地图-高德',
-        id:'amap-vector',
-        type:'xyz',
-        layerConfig:{
-          url:"http://"+host+":9090/data/wmts/amap/{z}/{x}/{y}.png",
+        id: 'amap-vector',
+        type: 'xyz',
+        layerConfig: {
+          url: "http://" + host + ":9090/data/wmts/amap/{z}/{x}/{y}.png",
           show: true
         }
       },
       {
         label: '遥感影像',
-        id:demoWmtsService.id,
-        type:'xyz',
-        layerConfig:{
-          url:"http://"+host+":9090/data/wmts/grid/{z}/{x}/{y}.png",
+        id: demoWmtsService.id,
+        type: 'xyz',
+        layerConfig: {
+          url: "http://" + host + ":9090/data/wmts/grid/{z}/{x}/{y}.png",
           show: true
         }
       },
       {
         label: '分幅网格',
-        id:gridServiceName,
+        id: gridServiceName,
         type: "wfs",
-        layerConfig:{
-          url:gridGeojsonUrl,
+        layerConfig: {
+          url: gridGeojsonUrl,
           show: true
         }
       },
@@ -70,46 +70,138 @@ export const layerTreeData =  [
   },
   {
     label: '矢量数据',
-    id:'vectorLayer',
+    id: 'vectorLayer',
     disabled: true,
     children: [
       {
         label: '兴趣点',
-        id:'poi',
+        id: 'poi',
         type: "poi",
-        layerConfig:{
+        layerConfig: {
           url: '/datas/poi0317.geojson',
           show: false
         }
       },
-    ],
-  },
-  {
-    label: '规划设计模型',
-    id:'slope', 
-    disabled: true,
-    children: [
       {
-        label: '保利251亩地块',
-        id:'baoli0309',
-        type: "3dTilesLayer",
-        layerConfig:{
+        label: '增城251亩地块项目',
+        id: 'redline251',
+        type: "geojson",
+        layerConfig: {
+          url: '/datas/redline/251.geojson',
           show: false
         }
       },
       {
         label: '荔湖旁120亩地块',
-        id:'LiHu120',
-        type: "3dTilesLayer",
-        layerConfig:{
+        id: 'redline120',
+        type: "geojson",
+        layerConfig: {
+          url: '/datas/redline/120.geojson',
           show: false
         }
       },
+      {
+        label: '新城大道东侧53.464亩地块',
+        id: 'redline5346',
+        type: "geojson",
+        layerConfig: {
+          url: '/datas/redline/53_46.geojson',
+          show: false
+        }
+      },
+
+    ],
+  },
+  {
+    label: '规划设计模型',
+    id: 'slope',
+    disabled: true,
+    children: [
+      // {
+      //   label: '增城251亩项目总平面报建图（旧）',
+      //   id:'baoli0309',
+      //   type: "3dTilesLayer",
+      //   layerConfig:{
+      //     show: false
+      //   }
+      // },
+      {
+        label: '增城251亩项目总平面报建图',
+        id: 'baoli0610',
+        type: "3dTilesLayer",
+        layerConfig: {
+          show: false
+        }
+      },
+      {
+        label: '荔湖旁120亩地块',
+        id: 'LiHu120',
+        type: "3dTilesLayer",
+        layerConfig: {
+          show: false
+        }
+      },
+      {
+        label: '荔湖街新城大道东侧53.464亩地块',
+        id: 'xinchengdadao',
+        type: "3dTilesLayer",
+        layerConfig: {
+          show: false
+        }
+      },
+      // {
+      //   label: '0626',
+      //   id: 'baoli0626',
+      //   type: "3dTilesLayer",
+      //   layerConfig: {
+      //     show: false
+      //   }
+      // },
+      // {
+      //   label: '0627',
+      //   id: 'baoli0627',
+      //   type: "3dTilesLayer",
+      //   layerConfig: {
+      //     show: false
+      //   }
+      // },
+      {
+        label: '广汕公路南侧22.974亩',
+        id: 'b0701-1',
+        type: "3dTilesLayer",
+        layerConfig: {
+          show: false
+        }
+      },
+      // {
+      //   label: '周边参照',
+      //   id: 'b0701-2',
+      //   type: "3dTilesLayer",
+      //   layerConfig: {
+      //     show: false
+      //   }
+      // },
+      //  {
+      //   label: '方案一',
+      //   id: 'plan-a',
+      //   type: "3dTilesLayer",
+      //   layerConfig: {
+      //     show: false
+      //   }
+      // },
+      //  {
+      //   label: '方案二',
+      //   id: 'plan-b',
+      //   type: "3dTilesLayer",
+      //   layerConfig: {
+      //     show: false
+      //   }
+      // },
     ]
   },
   {
     label: '倾斜模型',
-    id:'3dtile',
+    id: '3dtile',
     disabled: true,
     children: [
       // {
diff --git a/src/utils/SkyboxOnGround/index.js b/src/utils/SkyboxOnGround/index.js
new file mode 100644
index 0000000..1d1813b
--- /dev/null
+++ b/src/utils/SkyboxOnGround/index.js
@@ -0,0 +1,333 @@
+import * as Cesium from 'cesium';
+ 
+const BoxGeometry = Cesium.BoxGeometry;
+const Cartesian3 = Cesium.Cartesian3;
+const defaultValue = Cesium.defaultValue;
+const defined = Cesium.defined;
+const destroyObject = Cesium.destroyObject;
+const DeveloperError = Cesium.DeveloperError;
+const GeometryPipeline = Cesium.GeometryPipeline;
+const Matrix3 = Cesium.Matrix3;
+const Matrix4 = Cesium.Matrix4;
+const Transforms = Cesium.Transforms;
+const VertexFormat = Cesium.VertexFormat;
+const BufferUsage = Cesium.BufferUsage;
+const CubeMap = Cesium.CubeMap;
+const DrawCommand = Cesium.DrawCommand;
+const loadCubeMap = Cesium.loadCubeMap;
+const RenderState = Cesium.RenderState;
+const VertexArray = Cesium.VertexArray;
+const BlendingState = Cesium.BlendingState;
+const SceneMode = Cesium.SceneMode;
+const ShaderProgram = Cesium.ShaderProgram;
+const ShaderSource = Cesium.ShaderSource;
+//片元着色器，直接从源码复制
+// const SkyBoxFS = "uniform samplerCube u_cubeMap;\n\
+// \n\
+// in vec3 v_texCoord;\n\
+// \n\
+// void main()\n\
+// {\n\
+//     vec4 color = czm_textureCube(u_cubeMap, normalize(v_texCoord));\n\
+//     out_FragColor = vec4(czm_gammaCorrect(color).rgb, czm_morphTime);\n\
+// }\n\
+// ";
+ //片元着色器
+let SkyBoxFS = `uniform samplerCube u_cubeMap;
+  in vec3 v_texCoord;
+  void main()
+  {
+    vec4 color = texture(u_cubeMap, normalize(v_texCoord));
+    out_FragColor = vec4(czm_gammaCorrect(color).rgb, czm_morphTime);
+  }
+`;
+
+// //顶点着色器
+// const SkyBoxVS =
+//     `in vec3 position;
+//       out vec3 v_texCoord;
+//       uniform mat3 u_rotateMatrix;
+//       void main()
+//       {
+//          vec3 p = czm_viewRotation * u_rotateMatrix * (czm_temeToPseudoFixed * (czm_entireFrustum.y * position));
+//          gl_Position = czm_projection * vec4(p, 1.0);
+//          v_texCoord = position.xyz;
+//       }`;
+ 
+// 顶点着色器，主要修改是乘了一个旋转矩阵（之前计算出来当前相机方位的旋转矩阵）
+let SkyBoxVS = `
+  uniform mat3 u_rotateMatrix;
+  in vec3 position;
+  out vec3 v_texCoord;
+  void main()
+  {
+    vec3 p = czm_viewRotation * u_rotateMatrix * (czm_temeToPseudoFixed * (czm_entireFrustum.y * position));
+    gl_Position = czm_projection * vec4(p, 1.0);
+    v_texCoord = position.xyz;
+  }
+ `; 
+ 
+/**
+ * A sky box around the scene to draw stars.  The sky box is defined using the True Equator Mean Equinox (TEME) axes.
+ * <p>
+ * This is only supported in 3D.  The sky box is faded out when morphing to 2D or Columbus view.  The size of
+ * the sky box must not exceed {@link Scene#maximumCubeMapSize}.
+ * </p>
+ *
+ * @alias SkyBox
+ * @constructor
+ *
+ * @param {Object} options Object with the following properties:
+ * @param {Object} [options.sources] The source URL or <code>Image</code> object for each of the six cube map faces.  See the example below.
+ * @param {Boolean} [options.show=true] Determines if this primitive will be shown.
+ *
+ *
+ * @example
+ * scene.skyBox = new Cesium.SkyBox({
+ *   sources : {
+ *     positiveX : 'skybox_px.png',
+ *     negativeX : 'skybox_nx.png',
+ *     positiveY : 'skybox_py.png',
+ *     negativeY : 'skybox_ny.png',
+ *     positiveZ : 'skybox_pz.png',
+ *     negativeZ : 'skybox_nz.png'
+ *   }
+ * });
+ *
+ * @see Scene#skyBox
+ * @see Transforms.computeTemeToPseudoFixedMatrix
+ */
+function SkyBox(options) {
+    /**
+     * The sources used to create the cube map faces: an object
+     * with <code>positiveX</code>, <code>negativeX</code>, <code>positiveY</code>,
+     * <code>negativeY</code>, <code>positiveZ</code>, and <code>negativeZ</code> properties.
+     * These can be either URLs or <code>Image</code> objects.
+     *
+     * @type Object
+     * @default undefined
+     */
+    this.sources = options.sources;
+    this._sources = undefined;
+    /**
+        * 是否开启近地模式
+        */
+    this.nearGround = options.nearGround;
+    /**
+     * Determines if the sky box will be shown.
+     *
+     * @type {Boolean}
+     * @default true
+     */
+    this.show = defaultValue(options.show, true);
+ 
+    this._command = new DrawCommand({
+        modelMatrix: Matrix4.clone(Matrix4.IDENTITY),
+        owner: this,
+    });
+    this._cubeMap = undefined;
+ 
+    this._attributeLocations = undefined;
+    this._useHdr = undefined;
+}
+ 
+/**
+ * Called when {@link Viewer} or {@link CesiumWidget} render the scene to
+ * get the draw commands needed to render this primitive.
+ * <p>
+ * Do not call this function directly.  This is documented just to
+ * list the exceptions that may be propagated when the scene is rendered:
+ * </p>
+ *
+ * @exception {DeveloperError} this.sources is required and must have positiveX, negativeX, positiveY, negativeY, positiveZ, and negativeZ properties.
+ * @exception {DeveloperError} this.sources properties must all be the same type.
+ */
+SkyBox.prototype.update = function (frameState, useHdr) {
+    const that = this;
+ 
+    if (!this.show) {
+        return undefined;
+    }
+ 
+    if (
+        frameState.mode !== SceneMode.SCENE3D &&
+        frameState.mode !== SceneMode.MORPHING
+    ) {
+        return undefined;
+    }
+ 
+    // The sky box is only rendered during the render pass; it is not pickable, it doesn't cast shadows, etc.
+    if (!frameState.passes.render) {
+        return undefined;
+    }
+ 
+    const context = frameState.context;
+ 
+    if (this._sources !== this.sources) {
+        this._sources = this.sources;
+        const sources = this.sources;
+ 
+        //>>includeStart('debug', pragmas.debug);
+        if (
+            !defined(sources.positiveX) ||
+            !defined(sources.negativeX) ||
+            !defined(sources.positiveY) ||
+            !defined(sources.negativeY) ||
+            !defined(sources.positiveZ) ||
+            !defined(sources.negativeZ)
+        ) {
+            throw new DeveloperError(
+                "this.sources is required and must have positiveX, negativeX, positiveY, negativeY, positiveZ, and negativeZ properties."
+            );
+        }
+ 
+        if (
+            typeof sources.positiveX !== typeof sources.negativeX ||
+            typeof sources.positiveX !== typeof sources.positiveY ||
+            typeof sources.positiveX !== typeof sources.negativeY ||
+            typeof sources.positiveX !== typeof sources.positiveZ ||
+            typeof sources.positiveX !== typeof sources.negativeZ
+        ) {
+            throw new DeveloperError(
+                "this.sources properties must all be the same type."
+            );
+        }
+        //>>includeEnd('debug');
+ 
+        if (typeof sources.positiveX === "string") {
+            // Given urls for cube-map images.  Load them.
+            loadCubeMap(context, this._sources).then(function (cubeMap) {
+                that._cubeMap = that._cubeMap && that._cubeMap.destroy();
+                that._cubeMap = cubeMap;
+            });
+        } else {
+            this._cubeMap = this._cubeMap && this._cubeMap.destroy();
+            this._cubeMap = new CubeMap({
+                context: context,
+                source: sources,
+            });
+        }
+    }
+ 
+    const command = this._command;
+ 
+    if (!defined(command.vertexArray)) {
+        //uniforms
+        command.modelMatrix = Transforms.eastNorthUpToFixedFrame(
+            frameState.camera._positionWC
+        );
+        command.uniformMap = {
+            u_cubeMap: function () {
+                return that._cubeMap;
+            },
+            u_rotateMatrix: function () {
+                // // return Matrix4.getRotation(command.modelMatrix, skyboxMatrix3);
+                return that.nearGround ? (command.modelMatrix = Transforms.eastNorthUpToFixedFrame(frameState.camera._positionWC),
+                    Matrix4.getMatrix3(command.modelMatrix, new Matrix3)) : Matrix3.IDENTITY;
+                // if (!Cesium.defined(Cesium.Matrix4.getRotation)) {
+                //     return Cesium.Matrix4.getMatrix3(command.modelMatrix, skyboxMatrix3);
+                // }
+                // return Cesium.Matrix4.getRotation(command.modelMatrix, skyboxMatrix3);
+
+            }
+        };
+ 
+        // command.uniformMap = {
+        //     u_cubeMap: function () {
+        //         return that._cubeMap;
+        //     },
+        //     u_rotateMatrix: function () {
+        //         return that.nearGround ? (command.modelMatrix = Transforms.eastNorthUpToFixedFrame(frameState.camera._positionWC),
+        //             Matrix4.getMatrix3(command.modelMatrix, new Matrix3)) : Matrix3.IDENTITY;
+        //     }
+        // };
+ 
+        const geometry = BoxGeometry.createGeometry(
+            BoxGeometry.fromDimensions({
+                dimensions: new Cartesian3(2.0, 2.0, 2.0),
+                vertexFormat: VertexFormat.POSITION_ONLY,
+            })
+        );
+        const attributeLocations = (this._attributeLocations = GeometryPipeline.createAttributeLocations(
+            geometry
+        ));
+ 
+        command.vertexArray = VertexArray.fromGeometry({
+            context: context,
+            geometry: geometry,
+            attributeLocations: attributeLocations,
+            bufferUsage: BufferUsage.STATIC_DRAW,
+        });
+ 
+        command.renderState = RenderState.fromCache({
+            blending: BlendingState.ALPHA_BLEND,
+        });
+    }
+ 
+    if (!defined(command.shaderProgram) || this._useHdr !== useHdr) {
+        const fs = new ShaderSource({
+            defines: [useHdr ? "HDR" : ""],
+            sources: [SkyBoxFS],
+        });
+        // command.shaderProgram = ShaderProgram.fromCache({
+        //     context: context,
+        //     vertexShaderSource: SkyBoxVS,
+        //     fragmentShaderSource: fs,
+        //     attributeLocations: this._attributeLocations,
+        // });
+        command.shaderProgram = Cesium.ShaderProgram.fromCache({
+            context: context,
+            vertexShaderSource: SkyBoxVS,
+            fragmentShaderSource: fs,
+            attributeLocations: this._attributeLocations,
+        });
+        this._useHdr = useHdr;
+    }
+ 
+    if (!defined(this._cubeMap)) {
+        return undefined;
+    }
+ 
+    return command;
+};
+ 
+/**
+ * Returns true if this object was destroyed; otherwise, false.
+ * <br /><br />
+ * If this object was destroyed, it should not be used; calling any function other than
+ * <code>isDestroyed</code> will result in a {@link DeveloperError} exception.
+ *
+ * @returns {Boolean} <code>true</code> if this object was destroyed; otherwise, <code>false</code>.
+ *
+ * @see SkyBox#destroy
+ */
+SkyBox.prototype.isDestroyed = function () {
+    return false;
+};
+ 
+/**
+ * Destroys the WebGL resources held by this object.  Destroying an object allows for deterministic
+ * release of WebGL resources, instead of relying on the garbage collector to destroy this object.
+ * <br /><br />
+ * Once an object is destroyed, it should not be used; calling any function other than
+ * <code>isDestroyed</code> will result in a {@link DeveloperError} exception.  Therefore,
+ * assign the return value (<code>undefined</code>) to the object as done in the example.
+ *
+ * @exception {DeveloperError} This object was destroyed, i.e., destroy() was called.
+ *
+ *
+ * @example
+ * skyBox = skyBox && skyBox.destroy();
+ *
+ * @see SkyBox#isDestroyed
+ */
+SkyBox.prototype.destroy = function () {
+    const command = this._command;
+    command.vertexArray = command.vertexArray && command.vertexArray.destroy();
+    command.shaderProgram =
+        command.shaderProgram && command.shaderProgram.destroy();
+    this._cubeMap = this._cubeMap && this._cubeMap.destroy();
+    return destroyObject(this);
+};
+export default SkyBox;
+ 
\ No newline at end of file
diff --git a/src/utils/common.js b/src/utils/common.js
index 13d3507..56ee0cd 100644
--- a/src/utils/common.js
+++ b/src/utils/common.js
@@ -73,8 +73,13 @@ function debounce(func, delay) {
         }, delay);
     };
 }
+
+function getAssetsFile(url) {
+    return new URL(`../assets/${url}`, import.meta.url).href;
+}
 export {
     getHeightByType,
     cartesianToLnglat,
-    debounce
+    debounce,
+    getAssetsFile
 }
\ No newline at end of file
diff --git a/src/utils/dataLoading.js b/src/utils/dataLoading.js
index 36e3af1..c2d5401 100644
--- a/src/utils/dataLoading.js
+++ b/src/utils/dataLoading.js
@@ -52,7 +52,7 @@ const dataLoading = {
     },
     addGridLayer: async function (viewer, url, gridServiceName, gridDataCallBack, show) {
         fetch(url).then(res => res.json()).then(async result => {
-            console.log("result", result)
+            // console.log("result", result)
             // 方式1.使用图元的方式加载
             const tmpPrimitives = new Cesium.PrimitiveCollection();
             const labelPrimitives = new Cesium.LabelCollection({ "name": gridServiceName + "_label" });
@@ -432,7 +432,7 @@ const dataLoading = {
             const instance = new Cesium.GeometryInstance({
                 geometry: new Cesium.GroundPolylineGeometry({
                     positions: polylinePositions,
-                    width: 1.0
+                    width: 3.0
                 }),
                 id: JSON.stringify(feature.properties)
             });
@@ -448,11 +448,38 @@ const dataLoading = {
         tmpPrimitives.show = show;
         viewer.scene.primitives.add(tmpPrimitives);
 
+        if(show){
+            // // 获取图元的包围盒
+            // if (tmpPrimitives.length) {
+            //     var polyPositions = tmpPrimitives.get(0).geometryInstances.geometry._positions;
+            //     var boundingSphere = Cesium.BoundingSphere.fromPoints(polyPositions); //获取面的中心点
+            //     if (boundingSphere) {
+            //         // polyCenter.z+=2000
+            //         // viewer.camera.flyTo({
+            //         //     destination : polyCenter,
+            //         //     orientation: {//使用欧拉角
+            //         //         heading: Cesium.Math.toRadians(0.0),//使用弧度的形式
+            //         //         pitch: Cesium.Math.toRadians(-90.0),
+            //         //         roll: 0.0
+            //         //     },
+            //         //     duration:3,//设置飞行时间，单位为秒
+            //         //     maximumHeight:1000,//最大的飞行高度
+            //         // });
+            //         viewer.camera.flyToBoundingSphere(boundingSphere);
+            //     }
+            // }
+            dataLoading.focusPrimitivesCollection(tmpPrimitives);
+        }
+    },
+    focusPrimitivesCollection(primitives){
         // 获取图元的包围盒
-        if (tmpPrimitives.length) {
-            var polyPositions = tmpPrimitives.get(0).geometryInstances.geometry._positions;
-            var boundingSphere = Cesium.BoundingSphere.fromPoints(polyPositions); //获取面的中心点
-            if (boundingSphere) {
+        if (primitives.length) {
+            // Cesium 会自动释放该 Primitive 关联的所有 GeometryInstance 的资源（如 GPU 内存、纹理等）
+            // 只有图元第一次加载的时候才有效
+            var polyPositions = primitives.get(0).geometryInstances?.geometry?._positions;
+            
+            if (polyPositions) {
+                var boundingSphere = Cesium.BoundingSphere.fromPoints(polyPositions); //获取面的中心点
                 // polyCenter.z+=2000
                 // viewer.camera.flyTo({
                 //     destination : polyCenter,
@@ -464,16 +491,14 @@ const dataLoading = {
                 //     duration:3,//设置飞行时间，单位为秒
                 //     maximumHeight:1000,//最大的飞行高度
                 // });
-                viewer.camera.flyToBoundingSphere(boundingSphere);
+                boundingSphere&&viewer.camera.flyToBoundingSphere(boundingSphere);
             }
-
         }
-
     },
     loadTileset: async (viewer, tilesetUrl, name, isZoom = true) => {
         try {
             const tileset = await Cesium.Cesium3DTileset.fromUrl(tilesetUrl, {
-                baseScreenSpaceError: 32,//默认16，定义了瓦片加载的基础屏幕空间误差。数值越大，加载的瓦片精度越低、越模糊，但加载速度会更快，可根据场景和需求适当增大该值，如设置为 1024 等
+                baseScreenSpaceError: 8,//32,//默认16，定义了瓦片加载的基础屏幕空间误差。数值越大，加载的瓦片精度越低、越模糊，但加载速度会更快，可根据场景和需求适当增大该值，如设置为 1024 等
                 skipScreenSpaceErrorFactor: 64,//控制跳过的屏幕空间误差级别，值越大，跳过的级别越多，加载速度越快，但可能会导致细节丢失，可根据实际情况调整，如设置为 16 等
                 maximumScreenSpaceError: 120,//设置瓦片加载的最大屏幕空间误差，超过该值的瓦片将不会被加载。增大此值可以减少加载的数据量，加快加载速度，但可能会降低远处瓦片的显示质量，可将其数值加大
                 // maximumMemoryUsage: 128, // 内存分配变小有利于倾斜摄影数据回收，提升性能体验