From d564f0d7a188534c75dde1f57893c0b4c99f8e53 Mon Sep 17 00:00:00 2001 From: laozt <2721205210@qq.com> Date: Mon, 13 Nov 2023 14:11:10 +0800 Subject: [PATCH] =?UTF-8?q?=E6=96=87=E5=AD=97?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/data/jiangning.json | 1 + public/data/luduan.json | 65 ++++++++++++ public/data/围栏1.geojson | 8 ++ public/data/江宁开发区.geojson | 137 +++++++++++++++++++++++++ public/data/江宁开发区网格.geojson | 10 ++ public/data/江宁开发区重点区域.geojson | 26 +++++ public/data/路段.geojson | 52 ++++++++++ src/assets/styles/leaflet.scss | 99 ++++++++++++++++-- src/views/bigScreen/map/index.vue | 72 +++++++++++++ src/views/components/shop/index.vue | 2 +- 10 files changed, 461 insertions(+), 11 deletions(-) create mode 100644 public/data/jiangning.json create mode 100644 public/data/luduan.json create mode 100644 public/data/围栏1.geojson create mode 100644 public/data/江宁开发区.geojson create mode 100644 public/data/江宁开发区网格.geojson create mode 100644 public/data/江宁开发区重点区域.geojson create mode 100644 public/data/路段.geojson diff --git a/public/data/jiangning.json b/public/data/jiangning.json new file mode 100644 index 0000000..e7c0f17 --- /dev/null +++ b/public/data/jiangning.json @@ -0,0 +1 @@ +{"type":"FeatureCollection","features":[{"type":"Feature","properties":{"adcode":320115,"name":"江宁区","center":[118.850621,31.953418],"centroid":[118.830792,31.85463],"childrenNum":0,"level":"district","acroutes":[100000,320000,320100],"parent":{"adcode":320100}},"geometry":{"type":"MultiPolygon","coordinates":[[[[118.617931,31.870523],[118.614413,31.872449],[118.61731,31.876445],[118.619792,31.879481],[118.620124,31.880872],[118.614848,31.882813],[118.612949,31.883009],[118.610985,31.882724],[118.606585,31.884243],[118.604724,31.884356],[118.602536,31.883973],[118.601289,31.883324],[118.599876,31.883422],[118.59373,31.885741],[118.593902,31.887604],[118.59694,31.894571],[118.598079,31.898904],[118.597861,31.900604],[118.594107,31.905782],[118.594037,31.906921],[118.595175,31.912811],[118.599844,31.929128],[118.593077,31.927404],[118.580439,31.921849],[118.567802,31.911716],[118.555375,31.897356],[118.539923,31.885624],[118.530099,31.878219],[118.513266,31.854098],[118.505937,31.844886],[118.49319,31.811355],[118.486123,31.795411],[118.482158,31.778357],[118.487389,31.776517],[118.492736,31.776168],[118.497027,31.77726],[118.499714,31.778151],[118.502585,31.778338],[118.503193,31.778052],[118.504325,31.772538],[118.50593,31.769512],[118.508597,31.767106],[118.510765,31.765625],[118.515313,31.765522],[118.519745,31.763087],[118.523601,31.761994],[118.533854,31.767244],[118.536674,31.766595],[118.539674,31.761556],[118.545494,31.762162],[118.546792,31.760764],[118.547348,31.758998],[118.546306,31.758324],[118.53975,31.758678],[118.537518,31.754004],[118.538695,31.749373],[118.529402,31.748547],[118.523589,31.745476],[118.52213,31.743055],[118.523979,31.742253],[118.530016,31.742312],[118.530119,31.73803],[118.531116,31.736308],[118.533649,31.73709],[118.53629,31.738572],[118.537314,31.737208],[118.54252,31.733901],[118.543837,31.731731],[118.545097,31.73208],[118.54692,31.736554],[118.548666,31.737184],[118.550015,31.735973],[118.55313,31.729024],[118.554755,31.728211],[118.557185,31.729639],[118.562154,31.737848],[118.567232,31.74272],[118.571703,31.746239],[118.573014,31.745491],[118.575297,31.740929],[118.579359,31.740668],[118.588773,31.743453],[118.593103,31.744418],[118.600714,31.753979],[118.605632,31.756228],[118.606099,31.75703],[118.609341,31.757187],[118.610294,31.756026],[118.61371,31.754688],[118.616677,31.751499],[118.619044,31.750067],[118.621998,31.751873],[118.622695,31.754043],[118.625708,31.756247],[118.627051,31.759465],[118.628611,31.759298],[118.638109,31.759057],[118.641665,31.758245],[118.642906,31.753861],[118.644524,31.752247],[118.647786,31.751041],[118.648374,31.748807],[118.641697,31.744009],[118.642394,31.742292],[118.646078,31.740348],[118.648662,31.739708],[118.650593,31.740442],[118.652109,31.739777],[118.650875,31.735333],[118.650779,31.733581],[118.65241,31.731061],[118.653977,31.730141],[118.662962,31.730412],[118.66852,31.729314],[118.673841,31.72894],[118.675696,31.729033],[118.677269,31.728581],[118.680205,31.726464],[118.684912,31.724899],[118.686134,31.723383],[118.687291,31.720971],[118.687528,31.718416],[118.687343,31.716167],[118.690822,31.715079],[118.691877,31.713646],[118.696041,31.711062],[118.697697,31.709418],[118.696341,31.707911],[118.692606,31.707379],[118.690246,31.7048],[118.681529,31.697567],[118.68073,31.696602],[118.673867,31.696455],[118.67159,31.695007],[118.67017,31.692693],[118.671405,31.688468],[118.670535,31.68735],[118.668648,31.686154],[118.663001,31.680353],[118.654917,31.67563],[118.652672,31.676817],[118.650702,31.678462],[118.649608,31.680087],[118.64698,31.679885],[118.645822,31.676985],[118.644901,31.673931],[118.643232,31.671346],[118.643795,31.669735],[118.646967,31.666352],[118.648502,31.662273],[118.647952,31.659377],[118.643628,31.650008],[118.644748,31.647136],[118.648604,31.64654],[118.649033,31.647181],[118.650421,31.646688],[118.654821,31.642713],[118.657846,31.641116],[118.659624,31.640954],[118.669819,31.640584],[118.673816,31.640545],[118.684797,31.636234],[118.686684,31.635919],[118.688826,31.636283],[118.694979,31.639727],[118.698011,31.639693],[118.700441,31.638756],[118.704112,31.638397],[118.708551,31.640545],[118.709631,31.641575],[118.711589,31.642368],[118.716942,31.639471],[118.717249,31.637219],[118.717134,31.635081],[118.717984,31.633662],[118.71941,31.627449],[118.722256,31.626976],[118.724943,31.627375],[118.724859,31.630529],[118.72626,31.631021],[118.726785,31.63281],[118.727757,31.634022],[118.728927,31.63412],[118.730245,31.633061],[118.731716,31.633874],[118.73272,31.63382],[118.733212,31.632381],[118.73405,31.632061],[118.734574,31.633519],[118.735732,31.633367],[118.736717,31.63416],[118.736583,31.635357],[118.735841,31.635894],[118.736608,31.636727],[118.736544,31.639279],[118.738642,31.640875],[118.739889,31.64256],[118.739141,31.643722],[118.738367,31.646787],[118.740151,31.647319],[118.741418,31.648757],[118.740919,31.650289],[118.739966,31.650166],[118.739403,31.651072],[118.74104,31.652737],[118.742921,31.653629],[118.744206,31.654801],[118.745153,31.656712],[118.743816,31.660535],[118.743912,31.663007],[118.744987,31.664416],[118.744187,31.666115],[118.744373,31.668366],[118.747602,31.671124],[118.748862,31.673104],[118.747967,31.675458],[118.751126,31.677713],[118.755866,31.677669],[118.760112,31.680245],[118.760509,31.680254],[118.768299,31.677487],[118.774132,31.682613],[118.779709,31.680077],[118.784499,31.67498],[118.78865,31.671932],[118.793037,31.67106],[118.798166,31.668657],[118.79903,31.666366],[118.795947,31.663426],[118.792589,31.659387],[118.783085,31.656511],[118.782938,31.65624],[118.783744,31.651747],[118.788432,31.648462],[118.789558,31.64655],[118.789187,31.64455],[118.787972,31.642545],[118.78904,31.640239],[118.791886,31.637865],[118.792832,31.635702],[118.792071,31.633307],[118.790447,31.630075],[118.792385,31.629366],[118.794457,31.62911],[118.796043,31.628301],[118.799023,31.625143],[118.802758,31.619486],[118.805361,31.618368],[118.81452,31.61923],[118.817475,31.620689],[118.820602,31.623246],[118.819553,31.628518],[118.822291,31.629252],[118.827164,31.629435],[118.832824,31.630376],[118.833413,31.630864],[118.835523,31.635963],[118.840051,31.640619],[118.843742,31.64089],[118.848769,31.637939],[118.850553,31.638885],[118.849926,31.640604],[118.848219,31.642264],[118.849709,31.643786],[118.851915,31.644501],[118.855075,31.644609],[118.858202,31.645969],[118.863818,31.646851],[118.868416,31.646594],[118.869874,31.64624],[118.87634,31.64353],[118.882096,31.642614],[118.885339,31.643097],[118.886612,31.644333],[118.88839,31.650393],[118.888243,31.651407],[118.886228,31.651437],[118.885083,31.652314],[118.885288,31.653614],[118.887808,31.654855],[118.888518,31.658638],[118.890046,31.662209],[118.891978,31.66415],[118.897235,31.663145],[118.903042,31.664923],[118.906515,31.670119],[118.907864,31.674714],[118.9075,31.676202],[118.906291,31.677536],[118.906086,31.681515],[118.905684,31.683268],[118.906214,31.684263],[118.90743,31.684317],[118.914151,31.687257],[118.918865,31.688956],[118.920899,31.688719],[118.926233,31.687572],[118.933805,31.680737],[118.935334,31.677182],[118.937297,31.674764],[118.940489,31.673793],[118.944876,31.674616],[118.94746,31.67728],[118.947786,31.679196],[118.944307,31.681687],[118.94306,31.682909],[118.943885,31.68575],[118.947268,31.692087],[118.947383,31.697543],[118.94879,31.699379],[118.946034,31.701797],[118.944479,31.703894],[118.943092,31.707537],[118.942132,31.709299],[118.940738,31.710638],[118.937758,31.712608],[118.936095,31.714094],[118.933159,31.719125],[118.931982,31.720001],[118.917618,31.725903],[118.900497,31.733684],[118.899761,31.735259],[118.901411,31.745328],[118.901271,31.747006],[118.895355,31.759362],[118.8946,31.764863],[118.89467,31.766703],[118.89696,31.770038],[118.899128,31.772164],[118.903272,31.778579],[118.903694,31.779936],[118.903637,31.78278],[118.902089,31.788328],[118.902179,31.789361],[118.903982,31.789459],[118.909156,31.787536],[118.911657,31.786395],[118.914222,31.784304],[118.917132,31.78247],[118.921775,31.778111],[118.92739,31.775873],[118.928644,31.775789],[118.929469,31.7773],[118.930281,31.777423],[118.935903,31.775066],[118.940968,31.772523],[118.948285,31.770043],[118.95179,31.767721],[118.953075,31.767672],[118.959119,31.768828],[118.962701,31.769679],[118.969838,31.770063],[118.971917,31.769571],[118.973196,31.767977],[118.975204,31.766968],[118.976656,31.766767],[118.978639,31.767662],[118.981031,31.769389],[118.982949,31.775243],[118.982028,31.778042],[118.982559,31.782981],[118.985495,31.784447],[119.002929,31.783434],[119.005321,31.787536],[119.007873,31.792337],[119.006063,31.793847],[119.006357,31.798618],[119.004803,31.799631],[119.000742,31.801406],[118.998427,31.80147],[118.99709,31.803324],[118.995018,31.805375],[118.992664,31.808881],[118.99205,31.812446],[118.990029,31.812805],[118.988398,31.815121],[118.987644,31.815584],[118.986416,31.81787],[118.980621,31.820673],[118.979342,31.82203],[118.978005,31.822787],[118.971885,31.824331],[118.970388,31.826082],[118.971738,31.827507],[118.972915,31.829794],[118.970798,31.830988],[118.969544,31.833712],[118.969448,31.834597],[118.971559,31.836421],[118.976592,31.835806],[118.977814,31.836264],[118.979323,31.838235],[118.978856,31.841376],[118.979656,31.84235],[118.992268,31.844134],[118.995517,31.843839],[118.996911,31.842802],[119.003377,31.845776],[119.010745,31.845879],[119.014672,31.846577],[119.020357,31.845933],[119.025902,31.846361],[119.027968,31.848401],[119.028972,31.850318],[119.03281,31.853754],[119.035956,31.854309],[119.041591,31.853867],[119.043369,31.854422],[119.045857,31.858403],[119.050046,31.859942],[119.055924,31.861126],[119.061827,31.864571],[119.066649,31.868243],[119.068952,31.869162],[119.069751,31.868793],[119.071932,31.8655],[119.075405,31.864183],[119.086738,31.861804],[119.092398,31.860448],[119.093562,31.860374],[119.094521,31.861008],[119.097175,31.86408],[119.100329,31.865805],[119.100987,31.866921],[119.101486,31.869678],[119.102509,31.871835],[119.102919,31.87356],[119.102848,31.875747],[119.103763,31.878867],[119.105624,31.880901],[119.107779,31.885142],[119.109065,31.886041],[119.113791,31.887736],[119.115039,31.888586],[119.116465,31.890478],[119.117034,31.892831],[119.116695,31.899037],[119.112148,31.900461],[119.111182,31.90164],[119.112391,31.904622],[119.112685,31.906823],[119.111278,31.908459],[119.110031,31.910655],[119.108432,31.922984],[119.104985,31.930267],[119.105771,31.93122],[119.104345,31.931249],[119.104166,31.933607],[119.102254,31.933184],[119.102043,31.935321],[119.101493,31.93565],[119.097719,31.933007],[119.094911,31.934466],[119.093511,31.934564],[119.090428,31.933194],[119.088516,31.932634],[119.087128,31.934397],[119.084953,31.935915],[119.082216,31.93648],[119.076876,31.93672],[119.071113,31.938591],[119.067634,31.940226],[119.065351,31.940172],[119.061545,31.939269],[119.058041,31.93918],[119.055303,31.939549],[119.054619,31.938164],[119.051543,31.935939],[119.046509,31.935915],[119.043618,31.937329],[119.040152,31.937874],[119.037523,31.938989],[119.033021,31.944557],[119.029331,31.950263],[119.029164,31.952738],[119.029241,31.957088],[119.034396,31.962258],[119.038527,31.962714],[119.041885,31.963858],[119.043324,31.965753],[119.046848,31.968547],[119.053103,31.968768],[119.06198,31.972479],[119.06489,31.973421],[119.070423,31.972356],[119.073755,31.969622],[119.07497,31.969352],[119.077336,31.970599],[119.08001,31.973014],[119.082849,31.974241],[119.090115,31.974128],[119.095142,31.971222],[119.096709,31.969499],[119.100245,31.967084],[119.102964,31.965581],[119.105669,31.965159],[119.107946,31.965793],[119.109685,31.967491],[119.111041,31.969479],[119.111745,31.974987],[119.112685,31.978374],[119.113913,31.979842],[119.115991,31.979906],[119.118588,31.977991],[119.121127,31.977554],[119.121664,31.980985],[119.121639,31.984819],[119.118671,31.986056],[119.115844,31.986394],[119.11422,31.988191],[119.114162,31.997884],[119.112474,32.00045],[119.107504,32.003434],[119.10281,32.004877],[119.100872,32.00232],[119.093185,32.002703],[119.09236,32.004126],[119.093767,32.006251],[119.09653,32.009269],[119.097905,32.011236],[119.09637,32.018326],[119.09463,32.020804],[119.09431,32.022237],[119.094937,32.027996],[119.09234,32.032215],[119.092667,32.037617],[119.089392,32.042556],[119.087736,32.045627],[119.086616,32.053205],[119.092839,32.060336],[119.098512,32.071624],[119.099145,32.076297],[119.100162,32.085947],[119.100175,32.08883],[119.098864,32.091041],[119.096939,32.092046],[119.094553,32.091835],[119.09133,32.090178],[119.089757,32.089697],[119.086392,32.092237],[119.082952,32.097002],[119.081116,32.100664],[119.080432,32.106316],[119.079779,32.107321],[119.075545,32.108085],[119.069259,32.107914],[119.06056,32.104046],[119.057663,32.102242],[119.055674,32.104002],[119.050142,32.104424],[119.049304,32.102757],[119.047072,32.101375],[119.046675,32.100566],[119.047328,32.099414],[119.050462,32.098188],[119.04972,32.095085],[119.049099,32.094438],[119.046017,32.094306],[119.044322,32.09482],[119.044149,32.095678],[119.042761,32.095904],[119.041367,32.09509],[119.039704,32.094703],[119.038406,32.096036],[119.03641,32.095041],[119.03162,32.094943],[119.030942,32.09533],[119.029382,32.095026],[119.028576,32.095816],[119.026683,32.095262],[119.023722,32.095727],[119.020971,32.098159],[119.019353,32.09808],[119.017115,32.0966],[119.014154,32.096262],[119.012177,32.095654],[119.00928,32.096742],[119.008071,32.096517],[119.005673,32.093757],[119.002801,32.092404],[119.001855,32.091389],[119.00268,32.089658],[119.003287,32.085157],[119.003371,32.082711],[119.003876,32.081799],[119.007681,32.081936],[119.007969,32.081725],[119.00834,32.0782],[119.006716,32.077871],[119.002948,32.076199],[118.998459,32.073081],[118.998222,32.071575],[118.99528,32.070065],[118.993611,32.068844],[118.993323,32.066647],[118.992741,32.066162],[118.988814,32.0665],[118.985584,32.065661],[118.984561,32.066436],[118.98552,32.071384],[118.985386,32.071615],[118.980385,32.071801],[118.978415,32.072973],[118.976195,32.07184],[118.973388,32.072228],[118.970778,32.073939],[118.970542,32.076283],[118.971098,32.080534],[118.971942,32.082706],[118.974379,32.08302],[118.976291,32.083829],[118.97569,32.084834],[118.973209,32.086952],[118.979214,32.09235],[118.980314,32.095203],[118.983365,32.097419],[118.981619,32.098728],[118.980308,32.101816],[118.980743,32.107723],[118.978153,32.109551],[118.974238,32.109727],[118.968783,32.10659],[118.963596,32.101644],[118.960322,32.100424],[118.957399,32.100394],[118.949027,32.098394],[118.943661,32.095595],[118.943386,32.089908],[118.94359,32.086623],[118.941326,32.086682],[118.938141,32.084643],[118.93669,32.080205],[118.934298,32.076606],[118.932091,32.074988],[118.929207,32.074625],[118.922568,32.077376],[118.920419,32.077464],[118.918699,32.073679],[118.917157,32.068658],[118.920656,32.066029],[118.921135,32.06369],[118.919588,32.061233],[118.920669,32.059899],[118.919217,32.059394],[118.917752,32.056751],[118.916358,32.055284],[118.918187,32.053121],[118.920899,32.051517],[118.919575,32.050237],[118.917138,32.047162],[118.914446,32.043243],[118.915763,32.043189],[118.915961,32.04238],[118.91852,32.041227],[118.91804,32.039917],[118.916716,32.040054],[118.913198,32.036317],[118.909092,32.032279],[118.906643,32.030096],[118.898687,32.027388],[118.897849,32.026741],[118.895048,32.02284],[118.884962,32.018915],[118.883734,32.017482],[118.87902,32.013449],[118.875854,32.011732],[118.875515,32.00894],[118.873488,32.006555],[118.871934,32.005829],[118.870124,32.004234],[118.867514,32.002884],[118.86674,32.000902],[118.865947,32.000593],[118.862999,32.00181],[118.858151,31.998693],[118.853546,31.995558],[118.852229,31.993437],[118.849734,31.991042],[118.849447,31.989658],[118.850016,31.988544],[118.84763,31.988363],[118.846569,31.987837],[118.840896,31.982679],[118.839092,31.982414],[118.835447,31.981373],[118.832025,31.980887],[118.829505,31.98102],[118.826525,31.980269],[118.819489,31.978114],[118.816145,31.976411],[118.813292,31.975905],[118.811456,31.973843],[118.811367,31.972651],[118.809256,31.971399],[118.81044,31.969857],[118.810529,31.968267],[118.809762,31.967879],[118.81028,31.966887],[118.809224,31.966337],[118.809838,31.963048],[118.806091,31.961374],[118.805534,31.961742],[118.801901,31.967349],[118.800782,31.967535],[118.796977,31.96594],[118.795474,31.968286],[118.79296,31.967776],[118.787946,31.966033],[118.78196,31.963171],[118.780706,31.958924],[118.781096,31.95698],[118.7807,31.956803],[118.775008,31.95862],[118.772449,31.958571],[118.770237,31.956641],[118.769277,31.955438],[118.768913,31.953091],[118.769571,31.947931],[118.769041,31.944577],[118.770377,31.940992],[118.772737,31.938974],[118.776658,31.934152],[118.776274,31.930788],[118.775225,31.926834],[118.776389,31.92402],[118.777886,31.921942],[118.777732,31.919786],[118.776153,31.917762],[118.771951,31.917394],[118.768727,31.918779],[118.766143,31.917954],[118.763566,31.915616],[118.761775,31.915218],[118.756025,31.916382],[118.754631,31.914457],[118.752233,31.913469],[118.74931,31.912678],[118.745914,31.91257],[118.741936,31.913833],[118.740989,31.916539],[118.738898,31.917748],[118.736557,31.917345],[118.732272,31.915596],[118.727558,31.917448],[118.726369,31.918931],[118.726868,31.922389],[118.726151,31.924319],[118.723644,31.925719],[118.723548,31.928253],[118.725448,31.932222],[118.723644,31.933184],[118.719769,31.934628],[118.71957,31.934466],[118.718975,31.929761],[118.717146,31.92676],[118.712055,31.925592],[118.713085,31.924236],[118.710847,31.923013],[118.708429,31.923583],[118.705385,31.926205],[118.701298,31.926299],[118.696706,31.924516],[118.692523,31.924251],[118.690988,31.922979],[118.687554,31.923057],[118.684317,31.921206],[118.679476,31.918067],[118.676854,31.914638],[118.677046,31.913322],[118.676349,31.912477],[118.677193,31.911166],[118.680275,31.910055],[118.681881,31.906096],[118.68355,31.904794],[118.688903,31.904146],[118.690739,31.902947],[118.691302,31.90109],[118.689735,31.899179],[118.689242,31.897774],[118.687822,31.896777],[118.684708,31.895421],[118.680742,31.895593],[118.67993,31.896226],[118.67796,31.899621],[118.676016,31.900201],[118.672844,31.899361],[118.666179,31.89799],[118.664401,31.898447],[118.661766,31.898491],[118.65979,31.897862],[118.656516,31.894752],[118.655793,31.893514],[118.654936,31.890866],[118.6542,31.885899],[118.654949,31.883825],[118.654987,31.882066],[118.654277,31.879988],[118.652781,31.878395],[118.644658,31.873098],[118.637572,31.867732],[118.636056,31.866699],[118.635058,31.866562],[118.632148,31.867186],[118.628816,31.869054],[118.62762,31.869167],[118.624154,31.868351],[118.621442,31.868911],[118.617931,31.870523]]],[[[118.618583,31.873378],[118.620834,31.872911],[118.621947,31.874184],[118.620617,31.874926],[118.621845,31.875319],[118.61873,31.875044],[118.61788,31.874626],[118.618583,31.873378]]]]}}]} \ No newline at end of file diff --git a/public/data/luduan.json b/public/data/luduan.json new file mode 100644 index 0000000..fae931a --- /dev/null +++ b/public/data/luduan.json @@ -0,0 +1,65 @@ +{ + "type": "FeatureCollection", + "features": [ + { + "type": "Feature", + "properties": {}, + "geometry": { + "type": "LineString", + "coordinates": [ + [118.80477905273436, 31.87522527511162], + [118.80889892578126, 31.866478368426876], + [118.8116455078125, 31.85773063158148], + [118.81301879882812, 31.84489911613476], + [118.81439208984375, 31.834399275715842], + [118.81782531738281, 31.825065081208855], + [118.82263183593749, 31.81572994283835], + [118.828125, 31.808727969741742], + [118.83430480957031, 31.803476141595862], + [118.84391784667969, 31.795889640575172], + [118.85009765625, 31.788886163788444], + [118.85627746582033, 31.785967891858995], + [118.86383056640625, 31.78013107166944], + [118.87275695800781, 31.773710143949053], + [118.87825012207031, 31.771375150628398] + ] + } + }, + { + "type": "Feature", + "properties": {}, + "geometry": { + "type": "LineString", + "coordinates": [ + [118.80203247070312, 31.770791393089315], + [118.80615234374999, 31.763786015317773], + [118.81027221679689, 31.75619625757135], + [118.81645202636719, 31.75210920715378], + [118.82194519042967, 31.742766700104642], + [118.82194519042967, 31.737511125687828], + [118.82469177246095, 31.725246959131393], + [118.82263183593749, 31.716485846385325] + ] + } + }, + { + "type": "Feature", + "properties": {}, + "geometry": { + "type": "LineString", + "coordinates": [ + [118.69834899902342, 31.813396010784928], + [118.70452880859375, 31.811645523039363], + [118.7134552001953, 31.810478512778403], + [118.71894836425781, 31.814562984184228], + [118.72444152832031, 31.816313416635875], + [118.73199462890626, 31.820981074302228], + [118.73817443847656, 31.82273138509748], + [118.74916076660156, 31.822147951852507], + [118.7574005126953, 31.820981074302228], + [118.76014709472655, 31.820397629997018] + ] + } + } + ] +} diff --git a/public/data/围栏1.geojson b/public/data/围栏1.geojson new file mode 100644 index 0000000..f00e6c1 --- /dev/null +++ b/public/data/围栏1.geojson @@ -0,0 +1,8 @@ +{ +"type": "FeatureCollection", +"name": "围栏1", +"crs": { "type": "name", "properties": { "name": "urn:ogc:def:crs:OGC:1.3:CRS84" } }, +"features": [ +{ "type": "Feature", "properties": { "name": "围栏1" }, "geometry": { "type": "Polygon", "coordinates": [ [ [ 118.824948660512831, 31.904974503876872 ], [ 118.820808356760807, 31.904358766395802 ], [ 118.819215932240795, 31.904082746145665 ], [ 118.815755062950643, 31.904146443126468 ], [ 118.813929082834363, 31.903488240991528 ], [ 118.812103102718083, 31.90178965483685 ], [ 118.811635991525549, 31.899581492835772 ], [ 118.812442819949027, 31.897245936873091 ], [ 118.813355810007167, 31.895950764930149 ], [ 118.825458236359239, 31.896800058007489 ], [ 118.824927428185902, 31.904910806896069 ], [ 118.824948660512831, 31.904974503876872 ] ] ] } } +] +} diff --git a/public/data/江宁开发区.geojson b/public/data/江宁开发区.geojson new file mode 100644 index 0000000..ac3713a --- /dev/null +++ b/public/data/江宁开发区.geojson @@ -0,0 +1,137 @@ +{ + "type": "FeatureCollection", + "name": "江宁开发区", + "crs": { + "type": "name", + "properties": { "name": "urn:ogc:def:crs:OGC:1.3:CRS84" } + }, + "features": [ + { + "type": "Feature", + "properties": { "name": "江宁开发区" }, + "geometry": { + "type": "Polygon", + "coordinates": [ + [ + [118.840310143225139, 31.922794907156462], + [118.849827879580104, 31.916230951049592], + [118.853109857633541, 31.909995192748067], + [118.851797066412161, 31.905072225667912], + [118.855735440076288, 31.896867280534327], + [118.857048231297668, 31.88702134637402], + [118.858361022519034, 31.878160005629745], + [118.864268583015217, 31.872580642938907], + [118.864596780820563, 31.863719302194632], + [118.864596780820563, 31.857811741698448], + [118.872473528148802, 31.853873368034325], + [118.876083704007584, 31.849934994370205], + [118.873458121564838, 31.840745455820585], + [118.876411901812929, 31.83647888435112], + [118.879365682061021, 31.830899521660282], + [118.879693879866366, 31.826961147996158], + [118.877068297423619, 31.823022774332035], + [118.869847945706056, 31.821709983110662], + [118.861971198377816, 31.817771609446538], + [118.859345615935069, 31.813176840171732], + [118.857376429102999, 31.809566664312953], + [118.853438055438886, 31.807269279675548], + [118.849171483969414, 31.807269279675548], + [118.843263923473231, 31.810879455534327], + [118.841951132251864, 31.81022305992364], + [118.849499681774759, 31.802674510400738], + [118.854094451049576, 31.798736136736615], + [118.858361022519034, 31.79446956526715], + [118.856720033492323, 31.79053119160303], + [118.854094451049576, 31.78331083988547], + [118.853438055438886, 31.7767468837786], + [118.851140670801485, 31.771823916698448], + [118.844248516889266, 31.769526532061043], + [118.834402582728956, 31.766900949618297], + [118.819305483683152, 31.758039608874022], + [118.815367110019039, 31.760665191316768], + [118.811756934160258, 31.758367806679367], + [118.807490362690785, 31.753773037404557], + [118.803223791221328, 31.753773037404557], + [118.796988032919799, 31.75508582862593], + [118.789111285591559, 31.759024202290053], + [118.786813900954158, 31.763290773759518], + [118.795347043893088, 31.772152114503793], + [118.791408670228961, 31.785280026717533], + [118.785172911927432, 31.791515785019058], + [118.781562736068651, 31.79446956526715], + [118.789111285591559, 31.804315499427457], + [118.787142098759489, 31.81022305992364], + [118.786157505343468, 31.81678701603051], + [118.781562736068651, 31.818428005057228], + [118.777952560209883, 31.814817829198446], + [118.774014186545756, 31.800705323568678], + [118.770732208492319, 31.797423345515242], + [118.762199065553389, 31.799720730152647], + [118.755635109446516, 31.800705323568678], + [118.748414757728966, 31.800705323568678], + [118.747758362118276, 31.804315499427457], + [118.747430164312931, 31.810551257728982], + [118.740538010400712, 31.812848642366387], + [118.733974054293853, 31.811535851145013], + [118.726753702576289, 31.808253873091576], + [118.728722889408346, 31.802674510400738], + [118.726753702576289, 31.798079741125928], + [118.721174339885451, 31.7970951477099], + [118.718220559637359, 31.800705323568678], + [118.718548757442704, 31.806941081870203], + [118.716579570610634, 31.812520444561045], + [118.714610383778577, 31.816458818225165], + [118.710343812309119, 31.82138178530532], + [118.705092647423612, 31.826632950190813], + [118.701154273759499, 31.832868708492342], + [118.696559504484682, 31.841730049236617], + [118.693933922041936, 31.848294005343487], + [118.693605724236591, 31.855186159255698], + [118.699185086927429, 31.856498950477075], + [118.738568823568656, 31.851904181202265], + [118.740538010400712, 31.861421917557227], + [118.737912427957966, 31.863391104389287], + [118.734630449904529, 31.86732947805341], + [118.738240625763311, 31.872252445133562], + [118.734958647709874, 31.87389343416028], + [118.728722889408346, 31.874878027576312], + [118.730035680629726, 31.881113785877837], + [118.731020274045761, 31.889975126622112], + [118.735615043320564, 31.894898093702263], + [118.740866208206057, 31.89358530248089], + [118.745460977480874, 31.893257104675545], + [118.748414757728966, 31.90211844541982], + [118.74611737309155, 31.90671321469463], + [118.741850801622093, 31.910651588358753], + [118.741850801622093, 31.910651588358753], + [118.744148186259494, 31.9132771708015], + [118.755635109446516, 31.915574555438905], + [118.763511856774755, 31.916887346660278], + [118.766793834828192, 31.916559148854937], + [118.774998779961791, 31.916559148854937], + [118.777624362404538, 31.923123104961807], + [118.776311571183157, 31.928374269847303], + [118.776639768988503, 31.933953632538142], + [118.773357790935066, 31.93953299522898], + [118.771060406297664, 31.943471368893103], + [118.770404010686974, 31.948394335973255], + [118.773029593129721, 31.953645500858752], + [118.777296164599193, 31.955614687690812], + [118.783860120706066, 31.955614687690812], + [118.789439483396905, 31.959553061354935], + [118.793377857061017, 31.960537654770967], + [118.796988032919799, 31.959553061354935], + [118.796988032919799, 31.954630094274783], + [118.812085131965603, 31.953645500858752], + [118.822915659541934, 31.95331730305341], + [118.825869439790026, 31.952989105248065], + [118.834402582728956, 31.941173984255698], + [118.836699967366371, 31.932640841316768], + [118.839981945419794, 31.922794907156462], + [118.840310143225139, 31.922794907156462] + ] + ] + } + } + ] +} diff --git a/public/data/江宁开发区网格.geojson b/public/data/江宁开发区网格.geojson new file mode 100644 index 0000000..5fdd3c4 --- /dev/null +++ b/public/data/江宁开发区网格.geojson @@ -0,0 +1,10 @@ +{ +"type": "FeatureCollection", +"name": "江宁开发区网格", +"crs": { "type": "name", "properties": { "name": "urn:ogc:def:crs:OGC:1.3:CRS84" } }, +"features": [ +{ "type": "Feature", "properties": { "name": "网格1" }, "geometry": { "type": "Polygon", "coordinates": [ [ [ 118.81613343447944, 31.879313005888363 ], [ 118.785821887413832, 31.816906879576809 ], [ 118.781562736068651, 31.818428005057228 ], [ 118.777952560209883, 31.814817829198446 ], [ 118.774014186545756, 31.800705323568678 ], [ 118.770732208492319, 31.797423345515242 ], [ 118.762199065553389, 31.799720730152647 ], [ 118.755635109446516, 31.800705323568678 ], [ 118.748414757728966, 31.800705323568678 ], [ 118.747758362118276, 31.804315499427457 ], [ 118.747430164312931, 31.810551257728982 ], [ 118.740538010400712, 31.812848642366387 ], [ 118.733974054293853, 31.811535851145013 ], [ 118.726753702576289, 31.808253873091576 ], [ 118.728722889408346, 31.802674510400738 ], [ 118.726753702576289, 31.798079741125928 ], [ 118.721174339885451, 31.7970951477099 ], [ 118.718220559637359, 31.800705323568678 ], [ 118.718548757442704, 31.806941081870203 ], [ 118.716579570610634, 31.812520444561045 ], [ 118.714610383778577, 31.816458818225165 ], [ 118.710343812309119, 31.82138178530532 ], [ 118.705092647423612, 31.826632950190813 ], [ 118.701154273759499, 31.832868708492342 ], [ 118.696559504484682, 31.841730049236617 ], [ 118.693933922041936, 31.848294005343487 ], [ 118.693605724236591, 31.855186159255698 ], [ 118.699185086927429, 31.856498950477075 ], [ 118.738568823568656, 31.851904181202265 ], [ 118.740538010400712, 31.861421917557227 ], [ 118.737912427957966, 31.863391104389287 ], [ 118.734630449904529, 31.86732947805341 ], [ 118.738240625763311, 31.872252445133562 ], [ 118.734958647709874, 31.87389343416028 ], [ 118.728722889408346, 31.874878027576312 ], [ 118.730035680629726, 31.881113785877837 ], [ 118.731020274045761, 31.889975126622112 ], [ 118.735615043320564, 31.894898093702263 ], [ 118.740866208206057, 31.89358530248089 ], [ 118.745460977480874, 31.893257104675545 ], [ 118.747273844365012, 31.898695705327974 ], [ 118.81613343447944, 31.879313005888363 ] ] ] } }, +{ "type": "Feature", "properties": { "name": "网格2" }, "geometry": { "type": "Polygon", "coordinates": [ [ [ 118.85795149093228, 31.880924343840377 ], [ 118.835387176144991, 31.87389343416028 ], [ 118.81613343447944, 31.879313005888363 ], [ 118.747273844365012, 31.898695705327974 ], [ 118.748414757728966, 31.90211844541982 ], [ 118.74611737309155, 31.90671321469463 ], [ 118.741850801622093, 31.910651588358753 ], [ 118.744148186259494, 31.9132771708015 ], [ 118.755635109446516, 31.915574555438905 ], [ 118.763511856774755, 31.916887346660278 ], [ 118.766793834828192, 31.916559148854937 ], [ 118.774998779961791, 31.916559148854937 ], [ 118.777624362404538, 31.923123104961807 ], [ 118.776311571183157, 31.928374269847303 ], [ 118.776639768988503, 31.933953632538142 ], [ 118.773357790935066, 31.93953299522898 ], [ 118.771060406297664, 31.943471368893103 ], [ 118.770404010686974, 31.948394335973255 ], [ 118.773029593129721, 31.953645500858752 ], [ 118.777296164599193, 31.955614687690812 ], [ 118.783860120706066, 31.955614687690812 ], [ 118.789439483396905, 31.959553061354935 ], [ 118.793377857061017, 31.960537654770967 ], [ 118.796988032919799, 31.959553061354935 ], [ 118.796988032919799, 31.954630094274783 ], [ 118.812085131965603, 31.953645500858752 ], [ 118.822915659541934, 31.95331730305341 ], [ 118.825869439790026, 31.952989105248065 ], [ 118.834402582728956, 31.941173984255698 ], [ 118.836699967366371, 31.932640841316768 ], [ 118.839981945419794, 31.922794907156462 ], [ 118.840310143225139, 31.922794907156462 ], [ 118.849827879580104, 31.916230951049592 ], [ 118.853109857633541, 31.909995192748067 ], [ 118.851797066412161, 31.905072225667912 ], [ 118.855735440076288, 31.896867280534327 ], [ 118.857048231297668, 31.88702134637402 ], [ 118.85795149093228, 31.880924343840377 ] ] ] } }, +{ "type": "Feature", "properties": { "name": "网格3" }, "geometry": { "type": "Polygon", "coordinates": [ [ [ 118.785821887413832, 31.816906879576809 ], [ 118.81613343447944, 31.879313005888363 ], [ 118.835387176144991, 31.87389343416028 ], [ 118.85795149093228, 31.880924343840377 ], [ 118.858361022519034, 31.878160005629745 ], [ 118.864268583015217, 31.872580642938907 ], [ 118.864596780820563, 31.863719302194632 ], [ 118.864596780820563, 31.857811741698448 ], [ 118.872473528148802, 31.853873368034325 ], [ 118.876083704007584, 31.849934994370205 ], [ 118.873458121564838, 31.840745455820585 ], [ 118.876411901812929, 31.83647888435112 ], [ 118.879365682061021, 31.830899521660282 ], [ 118.879693879866366, 31.826961147996158 ], [ 118.877068297423619, 31.823022774332035 ], [ 118.869847945706056, 31.821709983110662 ], [ 118.861971198377816, 31.817771609446538 ], [ 118.859345615935069, 31.813176840171732 ], [ 118.857376429102999, 31.809566664312953 ], [ 118.853438055438886, 31.807269279675548 ], [ 118.849171483969414, 31.807269279675548 ], [ 118.843263923473231, 31.810879455534327 ], [ 118.841951132251864, 31.81022305992364 ], [ 118.849499681774759, 31.802674510400738 ], [ 118.854094451049576, 31.798736136736615 ], [ 118.858361022519034, 31.79446956526715 ], [ 118.856720033492323, 31.79053119160303 ], [ 118.854094451049576, 31.78331083988547 ], [ 118.853438055438886, 31.7767468837786 ], [ 118.851140670801485, 31.771823916698448 ], [ 118.844248516889266, 31.769526532061043 ], [ 118.834402582728956, 31.766900949618297 ], [ 118.819305483683152, 31.758039608874022 ], [ 118.815367110019039, 31.760665191316768 ], [ 118.811756934160258, 31.758367806679367 ], [ 118.807490362690785, 31.753773037404557 ], [ 118.803223791221328, 31.753773037404557 ], [ 118.796988032919799, 31.75508582862593 ], [ 118.789111285591559, 31.759024202290053 ], [ 118.786813900954158, 31.763290773759518 ], [ 118.795347043893088, 31.772152114503793 ], [ 118.791408670228961, 31.785280026717533 ], [ 118.785172911927432, 31.791515785019058 ], [ 118.781562736068651, 31.79446956526715 ], [ 118.789111285591559, 31.804315499427457 ], [ 118.787142098759489, 31.81022305992364 ], [ 118.786157505343468, 31.81678701603051 ], [ 118.785821887413832, 31.816906879576809 ] ] ] } } +] +} diff --git a/public/data/江宁开发区重点区域.geojson b/public/data/江宁开发区重点区域.geojson new file mode 100644 index 0000000..1042305 --- /dev/null +++ b/public/data/江宁开发区重点区域.geojson @@ -0,0 +1,26 @@ +{ + "type": "FeatureCollection", + "name": "江宁开发区重点区域", + "crs": { + "type": "name", + "properties": { "name": "urn:ogc:def:crs:OGC:1.3:CRS84" } + }, + "features": [ + { + "type": "Feature", + "properties": { "name": "重点片区" }, + "geometry": { + "type": "Polygon", + "coordinates": [ + [ + [118.803281070877205, 31.779640077988638], + [118.803281070877205, 31.797135515381811], + [118.835893925047003, 31.797135515381811], + [118.835893925047003, 31.779640077988638], + [118.803281070877205, 31.779640077988638] + ] + ] + } + } + ] +} diff --git a/public/data/路段.geojson b/public/data/路段.geojson new file mode 100644 index 0000000..3efab14 --- /dev/null +++ b/public/data/路段.geojson @@ -0,0 +1,52 @@ +{ + "type": "FeatureCollection", + "name": "路段", + "crs": { + "type": "name", + "properties": { "name": "urn:ogc:def:crs:OGC:1.3:CRS84" } + }, + "features": [ + { + "type": "Feature", + "properties": { "name": "重点路段" }, + "geometry": { + "type": "Polygon", + "coordinates": [ + [ + [118.751975691709987, 31.913412138002268], + [118.752600883827895, 31.912083604751714], + [118.753616821019492, 31.911223965589588], + [118.755062577792145, 31.909778208816928], + [118.756195738505852, 31.907941706970572], + [118.756273887520592, 31.905714460050525], + [118.757875942322741, 31.902041456357814], + [118.759009103036448, 31.900283103526199], + [118.762564883207048, 31.891569488382856], + [118.764518608575514, 31.886685174961698], + [118.764713981112351, 31.884067182967961], + [118.764206012516553, 31.879847136172081], + [118.764674906604981, 31.879808061664711], + [118.765104726186053, 31.883246618313205], + [118.765143800693423, 31.884770524100606], + [118.764792130127091, 31.887036845528023], + [118.764323236038663, 31.88828722976384], + [118.760376710794375, 31.898055856606156], + [118.759517071632246, 31.900165880004096], + [118.75850113444065, 31.901846083820974], + [118.757289824712203, 31.904073330741021], + [118.756860005131145, 31.904698522858929], + [118.756547409072184, 31.90719929133056], + [118.756430185550045, 31.908645048103224], + [118.755609620895299, 31.909817283324301], + [118.753734044541574, 31.911692859678023], + [118.752952554394184, 31.912513424332779], + [118.752600883827867, 31.913451212509642], + [118.752092915232055, 31.913412138002272], + [118.752092915232055, 31.913412138002272], + [118.751975691709987, 31.913412138002268] + ] + ] + } + } + ] +} diff --git a/src/assets/styles/leaflet.scss b/src/assets/styles/leaflet.scss index d83d5bd..dc6c6d9 100644 --- a/src/assets/styles/leaflet.scss +++ b/src/assets/styles/leaflet.scss @@ -2,12 +2,15 @@ background-color: transparent !important; box-shadow: none !important; } + .leaflet-popup-close-button { display: none; } + .leaflet-popup-tip-container { display: none; } + // 事件分布 .event-popup { width: 252px; @@ -15,10 +18,12 @@ background-image: url("../images/popup/bg2.png"); background-size: 100% 100%; z-index: 600; + .event-title { padding: 9px 10px 0 16px; display: flex; justify-content: space-between; + .title { font-size: 14px; font-family: Source Han Sans CN-Bold, Source Han Sans CN; @@ -30,41 +35,48 @@ justify-content: center; width: 194px; height: 30px; - background: linear-gradient(270deg, rgba(9,32,53,0) 0%, rgba(8,37,64,0.98) 51%, rgba(9,34,56,0) 100%); + background: linear-gradient(270deg, rgba(9, 32, 53, 0) 0%, rgba(8, 37, 64, 0.98) 51%, rgba(9, 34, 56, 0) 100%); border-radius: 0px 0px 0px 0px; opacity: 1; border: 1px solid; border-image: linear-gradient(90deg, rgba(64.00000378489494, 163.00000548362732, 255, 0), rgba(64.00000378489494, 163.00000548362732, 255, 1), rgba(64.00000378489494, 163.00000548362732, 255, 0)) 1 1; } + .mask { width: 13px; height: 13px; cursor: pointer; } } + .event-main { padding: 12px 18px 25px 18px; display: grid; grid-column: 1fr; grid-row-gap: 9px; + .event-info { display: flex; align-items: center; + .dot { width: 4px; height: 4px; background: #DAEBFF; - box-shadow: 0px 0px 10px 5px rgba(0,119,255,0.25), 0px 0px 5px 0px rgba(229,241,255,0.25); + box-shadow: 0px 0px 10px 5px rgba(0, 119, 255, 0.25), 0px 0px 5px 0px rgba(229, 241, 255, 0.25); border-radius: 20px 20px 20px 20px; margin-right: 7px; } - .name,.position { + + .name, + .position { font-size: 12px; font-family: Source Han Sans CN-Medium, Source Han Sans CN; font-weight: 500; color: #E9F4FF; line-height: 17px; } + .position { width: 120px; white-space: nowrap; @@ -72,6 +84,7 @@ text-overflow: ellipsis; } } + .btn { margin-top: 19px; background-image: url('../images/popup/icon1btn.png'); @@ -90,6 +103,7 @@ } } } + // 执法人员 .person-popup { width: 242px; @@ -97,10 +111,12 @@ background-image: url("../images/popup/bg1.png"); background-size: 100% 100%; z-index: 600; + .person-title { padding: 9px 10px 0 16px; display: flex; justify-content: space-between; + .title { font-size: 14px; font-family: Source Han Sans CN-Bold, Source Han Sans CN; @@ -112,32 +128,38 @@ justify-content: center; width: 194px; height: 30px; - background: linear-gradient(270deg, rgba(9,32,53,0) 0%, rgba(8,37,64,0.98) 51%, rgba(9,34,56,0) 100%); + background: linear-gradient(270deg, rgba(9, 32, 53, 0) 0%, rgba(8, 37, 64, 0.98) 51%, rgba(9, 34, 56, 0) 100%); border-radius: 0px 0px 0px 0px; opacity: 1; border: 1px solid; border-image: linear-gradient(90deg, rgba(64.00000378489494, 163.00000548362732, 255, 0), rgba(64.00000378489494, 163.00000548362732, 255, 1), rgba(64.00000378489494, 163.00000548362732, 255, 0)) 1 1; } + .mask { width: 13px; height: 13px; cursor: pointer; } } + .person-main { padding: 12px 32px 25px 30px; + .person-info { display: flex; align-items: center; + .dot { width: 4px; height: 4px; background: #DAEBFF; - box-shadow: 0px 0px 10px 5px rgba(0,119,255,0.25), 0px 0px 5px 0px rgba(229,241,255,0.25); + box-shadow: 0px 0px 10px 5px rgba(0, 119, 255, 0.25), 0px 0px 5px 0px rgba(229, 241, 255, 0.25); border-radius: 20px 20px 20px 20px; margin-right: 15px; } - .name,.position { + + .name, + .position { font-size: 12px; font-family: Source Han Sans CN-Medium, Source Han Sans CN; font-weight: 500; @@ -146,11 +168,13 @@ margin-right: 9px; } } + .btns { display: grid; grid-column: 1fr; grid-row-gap: 6px; margin-top: 15px; + div { background-image: url('../images/popup/icon1btn.png'); width: 100%; @@ -169,6 +193,7 @@ } } } + // 执法车辆 .car-popup { width: 262px; @@ -176,10 +201,12 @@ background-image: url("../images/popup/bg3.png"); background-size: 100% 100%; z-index: 600; + .car-title { padding: 9px 10px 0 16px; display: flex; justify-content: space-between; + .title { font-size: 14px; font-family: Source Han Sans CN-Bold, Source Han Sans CN; @@ -191,35 +218,41 @@ justify-content: center; width: 194px; height: 30px; - background: linear-gradient(270deg, rgba(9,32,53,0) 0%, rgba(8,37,64,0.98) 51%, rgba(9,34,56,0) 100%); + background: linear-gradient(270deg, rgba(9, 32, 53, 0) 0%, rgba(8, 37, 64, 0.98) 51%, rgba(9, 34, 56, 0) 100%); border-radius: 0px 0px 0px 0px; opacity: 1; border: 1px solid; border-image: linear-gradient(90deg, rgba(64.00000378489494, 163.00000548362732, 255, 0), rgba(64.00000378489494, 163.00000548362732, 255, 1), rgba(64.00000378489494, 163.00000548362732, 255, 0)) 1 1; } + .mask { width: 13px; height: 13px; cursor: pointer; } } + .car-main { padding: 12px 10px 25px 15px; display: grid; grid-column: 1fr; grid-row-gap: 9px; + .car-info { display: flex; align-items: center; + .dot { width: 4px; height: 4px; background: #DAEBFF; - box-shadow: 0px 0px 10px 5px rgba(0,119,255,0.25), 0px 0px 5px 0px rgba(229,241,255,0.25); + box-shadow: 0px 0px 10px 5px rgba(0, 119, 255, 0.25), 0px 0px 5px 0px rgba(229, 241, 255, 0.25); border-radius: 20px 20px 20px 20px; margin-right: 7px; } - .name,.position { + + .name, + .position { font-size: 12px; font-family: Source Han Sans CN-Medium, Source Han Sans CN; font-weight: 500; @@ -228,6 +261,7 @@ margin-right: 8px; } } + .btn { margin-top: 19px; background-image: url('../images/popup/icon1btn.png'); @@ -246,6 +280,7 @@ } } } + // 监控视频 .monitoring-popup { width: 242px; @@ -253,10 +288,12 @@ background-image: url("../images/popup/bg4.png"); background-size: 100% 100%; z-index: 600; + .monitoring-title { padding: 9px 10px 0 16px; display: flex; justify-content: space-between; + .title { font-size: 14px; font-family: Source Han Sans CN-Bold, Source Han Sans CN; @@ -268,36 +305,42 @@ justify-content: center; width: 194px; height: 30px; - background: linear-gradient(270deg, rgba(9,32,53,0) 0%, rgba(8,37,64,0.98) 51%, rgba(9,34,56,0) 100%); + background: linear-gradient(270deg, rgba(9, 32, 53, 0) 0%, rgba(8, 37, 64, 0.98) 51%, rgba(9, 34, 56, 0) 100%); border-radius: 0px 0px 0px 0px; opacity: 1; border: 1px solid; border-image: linear-gradient(90deg, rgba(64.00000378489494, 163.00000548362732, 255, 0), rgba(64.00000378489494, 163.00000548362732, 255, 1), rgba(64.00000378489494, 163.00000548362732, 255, 0)) 1 1; } + .mask { width: 13px; height: 13px; cursor: pointer; } } + .monitoring { padding: 11px 25px 24px 25px; + .bg { background-image: url("../images/videoImg.png"); background-size: 100% 100%; width: 192px; height: 108px; padding: 2px; + img { width: 100%; height: 100%; } } + .btns { display: flex; align-items: center; justify-content: space-between; margin-top: 16px; + .btn { background-image: url("../images/popup/icon2btn.png"); background-size: 100% 100%; @@ -316,18 +359,23 @@ } } } + .popup-pc-person { bottom: 20px !important; } + .popup-pc-common { bottom: 23px !important; } + .popup-pc-emphasis { bottom: 25px !important; } + .popup-pc-car { bottom: 25px !important; } + .popup-pc-monitoring { bottom: 20px !important; } @@ -339,10 +387,41 @@ align-items: center; color: #F44444; } + // 重点路段文字 .region-name2 { display: flex !important; // justify-content: center; align-items: center; color: #46FF77; +} + +.land-name2 { + font-size: 16px; + font-weight: bold; + text-align: center; + // font-style: italic; + color: rgba(181, 207, 255, 0.5); + // background: linear-gradient(0deg, #B5CFFF 0%, #fff7cf 100%); + // -webkit-background-clip: text; + // -webkit-text-fill-color: transparent; + // line-height: 24px; + // letter-spacing: 2px; + white-space: nowrap; + // filter: drop-shadow(0 0 0.75px rgba(0, 0, 0, 0.5)) drop-shadow(0 0 0.75px rgba(0, 0, 0, 0.5)) drop-shadow(0 0 0.75px rgba(0, 0, 0, 0.5)) drop-shadow(0 0 0.75px rgba(0, 0, 0, 0.5)) drop-shadow(0 0 0.75px rgba(0, 0, 0, 0.5)); +} + +.land-name5 { + font-size: 16px; + // font-weight: bold; + text-align: center; + color: #62E1FA; + line-height: 24px; + letter-spacing: 2px; + white-space: nowrap; + // filter: drop-shadow(0 0 0.75px rgba(0, 0, 0, 0.5)) drop-shadow(0 0 0.75px rgba(0, 0, 0, 0.5)) drop-shadow(0 0 0.75px rgba(0, 0, 0, 0.5)) drop-shadow(0 0 0.75px rgba(0, 0, 0, 0.5)) drop-shadow(0 0 0.75px rgba(0, 0, 0, 0.5)); + + + + } \ No newline at end of file diff --git a/src/views/bigScreen/map/index.vue b/src/views/bigScreen/map/index.vue index c0e8d9b..e600380 100644 --- a/src/views/bigScreen/map/index.vue +++ b/src/views/bigScreen/map/index.vue @@ -195,6 +195,8 @@ import personPopup from "../../components/personPopup/index.vue"; import eventPopup from "../../components/eventPopup/index.vue"; import carPopup from "../../components/carPopup/index.vue"; import monitoringPopup from "../../components/monitoringPopup/index.vue"; +import axios from "axios"; + export default { name: "myMap", components: { @@ -223,6 +225,7 @@ export default { mapLayer5: null, mapLayer6: null, mapLayer7: null, + mapLayer8: null, }, mapEvent: { mapEvent1: null, @@ -311,6 +314,7 @@ export default { this.mapLayers.mapLayer5 = L.featureGroup().addTo(this.globalMap); this.mapLayers.mapLayer6 = L.featureGroup().addTo(this.globalMap); this.mapLayers.mapLayer7 = L.featureGroup().addTo(this.globalMap); + this.mapLayers.mapLayer8 = L.featureGroup().addTo(this.globalMap); this.globalMap.on("zoomend", (e) => { let zoom = this.globalMap.getZoom(); @@ -325,6 +329,74 @@ export default { // this.addLayer5(); this.addLayer6(); this.addLayer7(); + + this.addLayer8(); + }, + addLayer8() { + // 加载geojson + axios.get("./data/江宁开发区网格.geojson").then((res) => { + console.log(res.data); + let geojson = L.geoJSON(res.data, { + pane: "mapLayer2", + style: function (feature) { + return { + color: "#ffa500", + weight: 3, + fillColor: "#ffa500", + fillOpacity: 0.3, + }; + }, + onEachFeature: (feature, layer) => { + let text = feature.properties.name; + let bounds = layer._bounds; + let center = bounds.getCenter(); + let myIcon = L.divIcon({ + className: "land-name2", + html: text, + iconSize: [150, 24], + iconAnchor: [75, 12], + }); + // 多边形上的标记点; + L.marker(center, { + pane: "mapLayer3", + icon: myIcon, + }).addTo(this.mapLayers.mapLayer8); + }, + }); + // .addTo(this.mapLayers.mapLayer8); + }); + + // 加载geojson + axios.get("./data/围栏1.geojson").then((res) => { + console.log(res.data); + let geojson = L.geoJSON(res.data, { + pane: "mapLayer2", + style: function (feature) { + return { + color: "#62E1FA", + weight: 1, + fillColor: "#62E1FA", + fillOpacity: 0.3, + }; + }, + onEachFeature: (feature, layer) => { + let text = feature.properties.name; + let bounds = layer._bounds; + let center = bounds.getCenter(); + let myIcon = L.divIcon({ + className: "land-name5", + html: text, + iconSize: [150, 24], + iconAnchor: [75, 12], + }); + // 多边形上的标记点; + L.marker(center, { + pane: "mapLayer3", + icon: myIcon, + }).addTo(this.mapLayers.mapLayer8); + }, + }).addTo(this.mapLayers.mapLayer8); + }); }, addLayer1() { this.mapLayers.mapLayer1.clearLayers(); diff --git a/src/views/components/shop/index.vue b/src/views/components/shop/index.vue index 56a95e1..2c84b9a 100644 --- a/src/views/components/shop/index.vue +++ b/src/views/components/shop/index.vue @@ -47,7 +47,7 @@ export default { currentIndex: 0, list: [ { name: "主体工商信息" }, - { name: "安全生产模版" }, + { name: "安全生产摸排" }, { name: "整改过程信息" }, { name: "过期未整改告警" }, ],