suzhou-jichuang-lanhai
/
JiangningUrbanManagePc
9
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

文字

Browse Source
dhy
laozt 1 year ago
parent b7a17219d5
commit d564f0d7a1
10 changed files with 461 additions and 11 deletions
Show Stats Download Patch File Download Diff File

1
public/data/jiangning.json
View File

File diff suppressed because one or more lines are too long

65
public/data/luduan.json
Unescape View File

@ -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]
]
}
}
]
}

8
public/data/围栏1.geojson
Unescape View File

@ -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 ] ] ] } }
]
}

137
public/data/江宁开发区.geojson
Unescape View File

@ -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]
]
]
}
}
]
}

10
public/data/江宁开发区网格.geojson
Unescape View File

@ -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 ] ] ] } }
]
}

26
public/data/江宁开发区重点区域.geojson
Unescape View File

@ -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]
]
]
}
}
]
}

52
public/data/路段.geojson
Unescape View File

@ -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]
]
]
}
}
]
}

99
src/assets/styles/leaflet.scss
Unescape View File

@ -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,6 +387,7 @@
align-items: center;
color: #F44444;
}
// 重点路段文字
.region-name2 {
display: flex !important;
@ -346,3 +395,33 @@
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));
}

72
src/views/bigScreen/map/index.vue
Unescape View File

@ -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();

2
src/views/components/shop/index.vue
Unescape View File

@ -47,7 +47,7 @@ export default {
currentIndex: 0,
list: [
{ name: "主体工商信息" },
{ name: "安全生产模版" },
{ name: "安全生产摸排" },
{ name: "整改过程信息" },
{ name: "过期未整改告警" },
],

Write Preview
Loading…
Cancel
Save