配置Charts地图

This commit is contained in:
GGJ
2023-12-29 11:50:53 +08:00
parent 9ea3660392
commit 24f193c2c7
46 changed files with 176205 additions and 190 deletions

File diff suppressed because one or more lines are too long

26630
src/assets/map/中国.json Normal file

File diff suppressed because it is too large Load Diff

5323
src/assets/map/云南.json Normal file

File diff suppressed because it is too large Load Diff

26630
src/assets/map/全国.json Normal file

File diff suppressed because it is too large Load Diff

1705
src/assets/map/冀北.json Normal file

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1 @@
{"type":"FeatureCollection","features":[{"type":"Feature","properties":{"adcode":710000,"name":"台湾省","center":[121.509062,25.044332],"centroid":[120.971485,23.749452],"childrenNum":0,"level":"province","acroutes":[100000],"parent":{"adcode":100000}},"geometry":{"type":"MultiPolygon","coordinates":[[[[120.443558,22.441245],[120.517584,22.408536],[120.569903,22.361728],[120.640505,22.241347],[120.659209,22.15432],[120.662001,22.066983],[120.651464,22.033165],[120.667691,21.983168],[120.70157,21.927065],[120.743246,21.915569],[120.78155,21.923957],[120.85468,21.883333],[120.87291,21.897387],[120.866482,21.98436],[120.907315,22.033208],[120.904154,22.119757],[120.914955,22.302718],[120.981658,22.528305],[121.015009,22.584168],[121.033292,22.650725],[121.078498,22.669656],[121.170544,22.723133],[121.210481,22.770665],[121.237931,22.836327],[121.324708,22.945666],[121.354687,23.01006],[121.370388,23.084347],[121.409535,23.102669],[121.430294,23.137196],[121.415015,23.195973],[121.440358,23.272096],[121.479558,23.3223],[121.497788,23.419789],[121.521497,23.483198],[121.523078,23.538708],[121.587778,23.76102],[121.621604,23.92075],[121.659381,24.006893],[121.639992,24.064276],[121.643838,24.097713],[121.678085,24.133906],[121.689044,24.174401],[121.809172,24.339055],[121.826717,24.423579],[121.867498,24.478978],[121.885464,24.529677],[121.892524,24.617912],[121.862598,24.671515],[121.837993,24.76015],[121.845053,24.836269],[121.932883,24.938645],[122.012178,25.001469],[121.980776,25.03079],[121.947425,25.031955],[121.917077,25.137908],[121.842155,25.135332],[121.782407,25.160425],[121.750531,25.160716],[121.707327,25.191493],[121.700319,25.226913],[121.655324,25.241859],[121.623026,25.294694],[121.584986,25.308926],[121.535038,25.307515],[121.444415,25.270624],[121.413487,25.238912],[121.371864,25.159885],[121.319281,25.140691],[121.209322,25.127104],[121.133135,25.078728],[121.102102,25.075153],[121.024704,25.040479],[121.009688,24.993649],[120.960899,24.940227],[120.908475,24.852012],[120.892299,24.767526],[120.823753,24.688321],[120.762371,24.658335],[120.688661,24.600678],[120.64277,24.490172],[120.589187,24.432354],[120.546299,24.370413],[120.521009,24.312038],[120.470534,24.24259],[120.451461,24.182691],[120.392029,24.11824],[120.316158,23.984881],[120.278276,23.927798],[120.245768,23.840553],[120.175377,23.807385],[120.102773,23.700981],[120.094817,23.587466],[120.121741,23.504664],[120.107831,23.341264],[120.081434,23.29191],[120.018947,23.073115],[120.029537,23.048623],[120.131382,23.002118],[120.149138,22.896715],[120.200403,22.721101],[120.274272,22.560181],[120.297191,22.531315],[120.443558,22.441245]]],[[[124.542984,25.903911],[124.586346,25.913777],[124.572805,25.93974],[124.541825,25.931031],[124.542984,25.903911]]],[[[123.445286,25.725966],[123.472104,25.713024],[123.508933,25.723237],[123.514834,25.751226],[123.483063,25.768587],[123.444496,25.746514],[123.445286,25.725966]]],[[[119.64597,23.55091],[119.701081,23.550657],[119.678057,23.600041],[119.610089,23.603953],[119.594388,23.577245],[119.566306,23.584732],[119.562565,23.530377],[119.573788,23.505885],[119.609141,23.503864],[119.64597,23.55091]]],[[[123.667207,25.914066],[123.707092,25.916873],[123.678008,25.938667],[123.667207,25.914066]]],[[[119.506031,23.625567],[119.505241,23.575814],[119.472416,23.557136],[119.523207,23.563699],[119.525578,23.624895],[119.506031,23.625567]]],[[[119.49739,23.386683],[119.495125,23.350156],[119.516885,23.349903],[119.49739,23.386683]]],[[[119.557454,23.666474],[119.604083,23.616989],[119.615516,23.660925],[119.586485,23.675974],[119.557454,23.666474]]],[[[121.46823,22.676644],[121.476502,22.64166],[121.513541,22.631833],[121.5147,22.67639],[121.46823,22.676644]]],[[[121.510538,22.087185],[121.507693,22.048523],[121.534089,22.022146],[121.594522,21.995382],[121.604586,22.022699],[121.575028,22.037122],[121.575607,22.084421],[121.510538,22.087185]]],[[[122.097533,25.500168],[122.093581,25.47183],[122.124825,25.475932],[122.097533,25.500168]]],[[[119.421467,23.216684],[119.421309,23.18935],[119.453396,23.217697],[119.421467,23.216684]]],[[[120.355042,22.327259],[120.395454,22.342287],[120.383072,22.355573],[120.355042,22.327259]]]]}}]}

6409
src/assets/map/吉林.json Normal file

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

7270
src/assets/map/四川.json Normal file

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

5474
src/assets/map/安徽.json Normal file

File diff suppressed because it is too large Load Diff

7366
src/assets/map/山东.json Normal file

File diff suppressed because it is too large Load Diff

2587
src/assets/map/山西.json Normal file

File diff suppressed because it is too large Load Diff

8581
src/assets/map/广东.json Normal file

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

4186
src/assets/map/江苏.json Normal file

File diff suppressed because it is too large Load Diff

5264
src/assets/map/江西.json Normal file

File diff suppressed because it is too large Load Diff

2381
src/assets/map/河北.json Normal file

File diff suppressed because it is too large Load Diff

6633
src/assets/map/河南.json Normal file

File diff suppressed because it is too large Load Diff

5786
src/assets/map/浙江.json Normal file

File diff suppressed because it is too large Load Diff

866
src/assets/map/海南.json Normal file
View File

@@ -0,0 +1,866 @@
{
"type": "FeatureCollection",
"features": [{
"type": "Feature",
"properties": { "adcode": 460100, "name": "海口", "center": [110.33119, 20.031971], "centroid": [110.422966, 19.852113], "childrenNum": 4, "level": "city", "parent": { "adcode": 460000 }, "subFeatureIndex": 0, "acroutes": [100000, 460000] },
"geometry": {
"type": "MultiPolygon",
"coordinates": [
[
[
[110.106525, 20.026851],
[110.161895, 19.977693],
[110.143932, 19.889106],
[110.186246, 19.864193],
[110.228283, 19.753767],
[110.208468, 19.716679],
[110.222357, 19.67974],
[110.262449, 19.687318],
[110.314208, 19.697421],
[110.340041, 19.720625],
[110.393373, 19.698053],
[110.372633, 19.654004],
[110.401151, 19.606626],
[110.455687, 19.574559],
[110.486705, 19.593357],
[110.519297, 19.563341],
[110.540223, 19.535532],
[110.611518, 19.526841],
[110.641333, 19.549122],
[110.636148, 19.593989],
[110.672814, 19.647214],
[110.623463, 19.664109],
[110.623, 19.735461],
[110.670314, 19.812776],
[110.704665, 19.805992],
[110.699573, 19.861512],
[110.676147, 19.860092],
[110.675314, 19.907868],
[110.634666, 19.965401],
[110.598, 19.98305],
[110.526612, 20.075206],
[110.495039, 20.077253],
[110.387355, 20.11347],
[110.318467, 20.109061],
[110.293282, 20.059614],
[110.24319, 20.077568],
[110.144395, 20.074418],
[110.106525, 20.026851]
]
]
]
}
}, {
"type": "Feature",
"properties": { "adcode": 460200, "name": "三亚", "center": [109.508268, 18.247872], "centroid": [109.421656, 18.362263], "childrenNum": 4, "level": "city", "parent": { "adcode": 460000 }, "subFeatureIndex": 1, "acroutes": [100000, 460000] },
"geometry": {
"type": "MultiPolygon",
"coordinates": [
[
[
[108.932374, 18.335288],
[108.956448, 18.307433],
[109.006632, 18.323032],
[109.108298, 18.323828],
[109.138668, 18.267791],
[109.174686, 18.260149],
[109.28811, 18.264925],
[109.355887, 18.214922],
[109.441349, 18.199153],
[109.4632, 18.177171],
[109.527366, 18.169046],
[109.561718, 18.143554],
[109.63792, 18.171595],
[109.72616, 18.177808],
[109.749863, 18.19326],
[109.783381, 18.337516],
[109.805418, 18.347543],
[109.785048, 18.426622],
[109.809955, 18.459388],
[109.781159, 18.51107],
[109.725234, 18.493102],
[109.710882, 18.426462],
[109.665883, 18.391462],
[109.539866, 18.396713],
[109.515607, 18.429008],
[109.536996, 18.490717],
[109.535237, 18.53142],
[109.506163, 18.551291],
[109.423386, 18.574657],
[109.405146, 18.623443],
[109.332832, 18.575451],
[109.313295, 18.517429],
[109.246537, 18.558921],
[109.203574, 18.553517],
[109.185056, 18.507095],
[109.195148, 18.469407],
[109.072557, 18.452231],
[109.015243, 18.422645],
[108.932374, 18.335288]
]
]
]
}
},
{
"type": "Feature",
"properties": { "adcode": 460400, "name": "儋州", "center": [109.576782, 19.517486], "centroid": [109.390059, 19.579264], "childrenNum": 0, "level": "city", "parent": { "adcode": 460000 }, "subFeatureIndex": 3, "acroutes": [100000, 460000] },
"geometry": {
"type": "MultiPolygon",
"coordinates": [
[
[
[108.928671, 19.524313],
[108.939596, 19.497287],
[108.982744, 19.477213],
[108.997373, 19.431522],
[109.04478, 19.430415],
[109.051447, 19.487803],
[109.117557, 19.46757],
[109.13052, 19.479584],
[109.178389, 19.399262],
[109.26774, 19.376803],
[109.318943, 19.398155],
[109.384035, 19.355448],
[109.424405, 19.354815],
[109.457275, 19.39942],
[109.483848, 19.406063],
[109.506348, 19.359561],
[109.468386, 19.301178],
[109.541625, 19.311939],
[109.587365, 19.243249],
[109.611995, 19.252589],
[109.634031, 19.20256],
[109.673105, 19.207627],
[109.686994, 19.178965],
[109.706808, 19.22156],
[109.697271, 19.271267],
[109.713382, 19.309881],
[109.700234, 19.349436],
[109.647272, 19.357505],
[109.646439, 19.402425],
[109.737734, 19.407486],
[109.751993, 19.416974],
[109.728197, 19.496023],
[109.760048, 19.528895],
[109.7694, 19.578508],
[109.709308, 19.57756],
[109.659402, 19.611048],
[109.664216, 19.629685],
[109.582921, 19.637581],
[109.557366, 19.697421],
[109.599402, 19.730726],
[109.569218, 19.797947],
[109.564588, 19.854888],
[109.498663, 19.873339],
[109.410794, 19.895256],
[109.349591, 19.898724],
[109.30811, 19.9178],
[109.264592, 19.90503],
[109.255611, 19.867189],
[109.218574, 19.855834],
[109.15913, 19.790689],
[109.169501, 19.736724],
[109.147649, 19.704998],
[109.093668, 19.689844],
[109.048576, 19.620051],
[108.993392, 19.586723],
[108.928671, 19.524313]
]
]
]
}
}, {
"type": "Feature",
"properties": { "adcode": 469001, "name": "五指山", "center": [109.516662, 18.776921], "centroid": [109.511892, 18.824035], "childrenNum": 0, "level": "city", "parent": { "adcode": 460000 }, "subFeatureIndex": 4, "acroutes": [100000, 460000] },
"geometry": {
"type": "MultiPolygon",
"coordinates": [
[
[
[109.715419, 18.833686],
[109.699123, 18.889379],
[109.730512, 18.913649],
[109.676531, 18.925862],
[109.601532, 18.910318],
[109.55357, 18.946321],
[109.524033, 19.030986],
[109.468386, 19.032254],
[109.456349, 18.995635],
[109.424775, 18.990403],
[109.367739, 18.936171],
[109.34848, 18.946321],
[109.32635, 18.926338],
[109.343109, 18.877163],
[109.374591, 18.853998],
[109.353387, 18.812896],
[109.356628, 18.710653],
[109.398109, 18.671104],
[109.408016, 18.627733],
[109.448293, 18.655378],
[109.48857, 18.64664],
[109.539866, 18.659508],
[109.533662, 18.694295],
[109.576717, 18.714782],
[109.619865, 18.678252],
[109.641809, 18.72304],
[109.703012, 18.721769],
[109.681531, 18.786071],
[109.689216, 18.830036],
[109.715419, 18.833686]
]
]
]
}
}, {
"type": "Feature",
"properties": { "adcode": 469002, "name": "琼海", "center": [110.466785, 19.246011], "centroid": [110.421962, 19.210377], "childrenNum": 0, "level": "city", "parent": { "adcode": 460000 }, "subFeatureIndex": 5, "acroutes": [100000, 460000] },
"geometry": {
"type": "MultiPolygon",
"coordinates": [
[
[
[110.610593, 19.084394],
[110.619296, 19.152041],
[110.676703, 19.286302],
[110.706517, 19.320167],
[110.730035, 19.378859],
[110.633555, 19.391354],
[110.604574, 19.350386],
[110.584111, 19.367787],
[110.581426, 19.419504],
[110.546242, 19.46836],
[110.504853, 19.46836],
[110.484761, 19.443223],
[110.450317, 19.447492],
[110.423928, 19.413495],
[110.368744, 19.391829],
[110.327356, 19.315261],
[110.3593, 19.298646],
[110.344392, 19.228368],
[110.300226, 19.21586],
[110.224857, 19.221718],
[110.170598, 19.191317],
[110.150876, 19.208419],
[110.115229, 19.133191],
[110.124118, 19.04747],
[110.158562, 18.99944],
[110.229579, 19.002452],
[110.249949, 18.976292],
[110.465039, 19.074411],
[110.477539, 19.096912],
[110.521797, 19.102932],
[110.610593, 19.084394]
]
]
]
}
}, {
"type": "Feature",
"properties": { "adcode": 469005, "name": "文昌", "center": [110.753975, 19.612986], "centroid": [110.788535, 19.747363], "childrenNum": 0, "level": "city", "parent": { "adcode": 460000 }, "subFeatureIndex": 6, "acroutes": [100000, 460000] },
"geometry": {
"type": "MultiPolygon",
"coordinates": [
[
[
[110.730035, 19.378859],
[110.781053, 19.395783],
[110.844015, 19.450179],
[110.920774, 19.552598],
[111.008921, 19.60394],
[111.071327, 19.628895],
[111.044013, 19.763551],
[111.013643, 19.850472],
[110.969569, 20.010151],
[110.940959, 20.028583],
[110.871515, 20.011569],
[110.808738, 20.035672],
[110.778368, 20.068276],
[110.744665, 20.073946],
[110.717258, 20.148734],
[110.687073, 20.16353],
[110.655685, 20.134409],
[110.56226, 20.109691],
[110.526612, 20.075206],
[110.598, 19.98305],
[110.634666, 19.965401],
[110.675314, 19.907868],
[110.676147, 19.860092],
[110.699573, 19.861512],
[110.704665, 19.805992],
[110.670314, 19.812776],
[110.623, 19.735461],
[110.623463, 19.664109],
[110.672814, 19.647214],
[110.636148, 19.593989],
[110.641333, 19.549122],
[110.611518, 19.526841],
[110.540223, 19.535532],
[110.519297, 19.563341],
[110.469854, 19.531424],
[110.485779, 19.502345],
[110.520594, 19.509931],
[110.546242, 19.46836],
[110.581426, 19.419504],
[110.584111, 19.367787],
[110.604574, 19.350386],
[110.633555, 19.391354],
[110.730035, 19.378859]
]
]
]
}
}, {
"type": "Feature",
"properties": { "adcode": 469006, "name": "万宁", "center": [110.388793, 18.796216], "centroid": [110.324496, 18.830445], "childrenNum": 0, "level": "city", "parent": { "adcode": 460000 }, "subFeatureIndex": 7, "acroutes": [100000, 460000] },
"geometry": {
"type": "MultiPolygon",
"coordinates": [
[
[
[110.158562, 18.99944],
[110.108284, 18.944577],
[110.097729, 18.911746],
[110.045322, 18.884778],
[110.095785, 18.811467],
[110.057267, 18.758448],
[110.014952, 18.732885],
[110.020786, 18.658873],
[110.115877, 18.592774],
[110.137543, 18.606123],
[110.213931, 18.578789],
[110.246246, 18.609619],
[110.329393, 18.642509],
[110.36754, 18.632182],
[110.495316, 18.649976],
[110.500779, 18.752732],
[110.577908, 18.784642],
[110.590593, 18.839082],
[110.585871, 18.897786],
[110.610593, 19.084394],
[110.521797, 19.102932],
[110.477539, 19.096912],
[110.465039, 19.074411],
[110.249949, 18.976292],
[110.229579, 19.002452],
[110.158562, 18.99944]
]
]
]
}
}, {
"type": "Feature",
"properties": { "adcode": 469007, "name": "东方", "center": [108.653789, 19.10198], "centroid": [108.818801, 18.996184], "childrenNum": 0, "level": "city", "parent": { "adcode": 460000 }, "subFeatureIndex": 8, "acroutes": [100000, 460000] },
"geometry": {
"type": "MultiPolygon",
"coordinates": [
[
[
[109.125242, 18.878432],
[109.089779, 18.909842],
[109.113668, 18.969949],
[109.098853, 19.028291],
[109.008762, 19.050005],
[109.022929, 19.107052],
[108.99191, 19.13034],
[108.954874, 19.218869],
[108.916171, 19.218552],
[108.833209, 19.25987],
[108.783765, 19.244674],
[108.704136, 19.262719],
[108.644785, 19.349278],
[108.605712, 19.264619],
[108.591082, 19.141587],
[108.598305, 19.055869],
[108.630434, 19.003086],
[108.637841, 18.924593],
[108.595619, 18.872086],
[108.593212, 18.809404],
[108.659785, 18.716846],
[108.761543, 18.732091],
[108.81145, 18.720022],
[108.844412, 18.750827],
[108.928578, 18.790198],
[108.987003, 18.786547],
[109.015151, 18.808928],
[109.071076, 18.807499],
[109.094965, 18.857012],
[109.125242, 18.878432]
]
]
]
}
}, {
"type": "Feature",
"properties": { "adcode": 469021, "name": "定安", "center": [110.349235, 19.684966], "centroid": [110.312936, 19.483405], "childrenNum": 0, "level": "city", "parent": { "adcode": 460000 }, "subFeatureIndex": 9, "acroutes": [100000, 460000] },
"geometry": {
"type": "MultiPolygon",
"coordinates": [
[
[
[110.224857, 19.221718],
[110.300226, 19.21586],
[110.344392, 19.228368],
[110.3593, 19.298646],
[110.327356, 19.315261],
[110.368744, 19.391829],
[110.423928, 19.413495],
[110.450317, 19.447492],
[110.484761, 19.443223],
[110.504853, 19.46836],
[110.546242, 19.46836],
[110.520594, 19.509931],
[110.485779, 19.502345],
[110.469854, 19.531424],
[110.519297, 19.563341],
[110.486705, 19.593357],
[110.455687, 19.574559],
[110.401151, 19.606626],
[110.372633, 19.654004],
[110.393373, 19.698053],
[110.340041, 19.720625],
[110.314208, 19.697421],
[110.262449, 19.687318],
[110.221616, 19.629843],
[110.186524, 19.636791],
[110.160784, 19.67153],
[110.13134, 19.648003],
[110.137266, 19.56034],
[110.192172, 19.58925],
[110.196339, 19.535374],
[110.243005, 19.517675],
[110.227727, 19.450654],
[110.194024, 19.455871],
[110.164487, 19.426146],
[110.165691, 19.361459],
[110.188283, 19.306242],
[110.228098, 19.301969],
[110.224857, 19.221718]
]
]
]
}
}, {
"type": "Feature",
"properties": { "adcode": 469022, "name": "屯昌", "center": [110.102773, 19.362916], "centroid": [110.055723, 19.342208], "childrenNum": 0, "level": "city", "parent": { "adcode": 460000 }, "subFeatureIndex": 10, "acroutes": [100000, 460000] },
"geometry": {
"type": "MultiPolygon",
"coordinates": [
[
[
[110.115229, 19.133191],
[110.150876, 19.208419],
[110.170598, 19.191317],
[110.224857, 19.221718],
[110.228098, 19.301969],
[110.188283, 19.306242],
[110.165691, 19.361459],
[110.164487, 19.426146],
[110.194024, 19.455871],
[110.227727, 19.450654],
[110.243005, 19.517675],
[110.196339, 19.535374],
[110.192172, 19.58925],
[110.137266, 19.56034],
[110.101803, 19.54928],
[110.119488, 19.503293],
[110.072081, 19.492071],
[110.045785, 19.456029],
[110.020508, 19.485432],
[109.938287, 19.485749],
[109.94699, 19.468044],
[109.914583, 19.42409],
[109.912917, 19.391671],
[109.876436, 19.386926],
[109.826436, 19.343108],
[109.822733, 19.289626],
[109.923565, 19.239608],
[109.957638, 19.188625],
[110.026526, 19.17564],
[110.057267, 19.134617],
[110.115229, 19.133191]
]
]
]
}
}, {
"type": "Feature",
"properties": { "adcode": 469023, "name": "澄迈", "center": [110.007147, 19.737095], "centroid": [109.990417, 19.700201], "childrenNum": 0, "level": "city", "parent": { "adcode": 460000 }, "subFeatureIndex": 11, "acroutes": [100000, 460000] },
"geometry": {
"type": "MultiPolygon",
"coordinates": [
[
[
[110.137266, 19.56034],
[110.13134, 19.648003],
[110.160784, 19.67153],
[110.186524, 19.636791],
[110.221616, 19.629843],
[110.262449, 19.687318],
[110.222357, 19.67974],
[110.208468, 19.716679],
[110.228283, 19.753767],
[110.186246, 19.864193],
[110.143932, 19.889106],
[110.161895, 19.977693],
[110.106525, 20.026851],
[109.997638, 19.979899],
[109.965231, 19.993608],
[109.855047, 19.984153],
[109.879491, 19.885322],
[109.842269, 19.871446],
[109.884121, 19.853311],
[109.874306, 19.799524],
[109.897084, 19.77933],
[109.852732, 19.652582],
[109.786437, 19.608047],
[109.7694, 19.578508],
[109.760048, 19.528895],
[109.728197, 19.496023],
[109.751993, 19.416974],
[109.737734, 19.407486],
[109.793474, 19.379966],
[109.857269, 19.412388],
[109.876436, 19.386926],
[109.912917, 19.391671],
[109.914583, 19.42409],
[109.94699, 19.468044],
[109.938287, 19.485749],
[110.020508, 19.485432],
[110.045785, 19.456029],
[110.072081, 19.492071],
[110.119488, 19.503293],
[110.101803, 19.54928],
[110.137266, 19.56034]
]
]
]
}
}, {
"type": "Feature",
"properties": { "adcode": 469024, "name": "临高", "center": [109.687697, 19.908293], "centroid": [109.71548, 19.809704], "childrenNum": 0, "level": "city", "parent": { "adcode": 460000 }, "subFeatureIndex": 12, "acroutes": [100000, 460000] },
"geometry": {
"type": "MultiPolygon",
"coordinates": [
[
[
[109.855047, 19.984153],
[109.814307, 19.992977],
[109.761715, 19.981317],
[109.712271, 20.017398],
[109.585328, 19.98825],
[109.526626, 19.943494],
[109.498663, 19.873339],
[109.564588, 19.854888],
[109.569218, 19.797947],
[109.599402, 19.730726],
[109.557366, 19.697421],
[109.582921, 19.637581],
[109.664216, 19.629685],
[109.659402, 19.611048],
[109.709308, 19.57756],
[109.7694, 19.578508],
[109.786437, 19.608047],
[109.852732, 19.652582],
[109.897084, 19.77933],
[109.874306, 19.799524],
[109.884121, 19.853311],
[109.842269, 19.871446],
[109.879491, 19.885322],
[109.855047, 19.984153]
]
]
]
}
}, {
"type": "Feature",
"properties": { "adcode": 469025, "name": "白沙", "center": [109.452606, 19.224584], "centroid": [109.351743, 19.20989], "childrenNum": 0, "level": "city", "parent": { "adcode": 460000 }, "subFeatureIndex": 13, "acroutes": [100000, 460000] },
"geometry": {
"type": "MultiPolygon",
"coordinates": [
[
[
[109.298203, 18.960911],
[109.34848, 18.946321],
[109.367739, 18.936171],
[109.424775, 18.990403],
[109.456349, 18.995635],
[109.468386, 19.032254],
[109.524033, 19.030986],
[109.561347, 19.072668],
[109.601439, 19.053492],
[109.613569, 19.086454],
[109.687734, 19.118775],
[109.686994, 19.178965],
[109.673105, 19.207627],
[109.634031, 19.20256],
[109.611995, 19.252589],
[109.587365, 19.243249],
[109.541625, 19.311939],
[109.468386, 19.301178],
[109.506348, 19.359561],
[109.483848, 19.406063],
[109.457275, 19.39942],
[109.424405, 19.354815],
[109.384035, 19.355448],
[109.318943, 19.398155],
[109.26774, 19.376803],
[109.178389, 19.399262],
[109.13052, 19.479584],
[109.117557, 19.46757],
[109.051447, 19.487803],
[109.04478, 19.430415],
[109.043669, 19.342792],
[109.08265, 19.328869],
[109.142834, 19.265727],
[109.120242, 19.203985],
[109.163667, 19.14222],
[109.177093, 19.083443],
[109.271166, 19.067438],
[109.298203, 18.960911]
]
]
]
}
}, {
"type": "Feature",
"properties": { "adcode": 469026, "name": "昌江", "center": [109.053351, 19.260968], "centroid": [108.993675, 19.226048], "childrenNum": 0, "level": "city", "parent": { "adcode": 460000 }, "subFeatureIndex": 14, "acroutes": [100000, 460000] },
"geometry": {
"type": "MultiPolygon",
"coordinates": [
[
[
[109.04478, 19.430415],
[108.997373, 19.431522],
[108.982744, 19.477213],
[108.939596, 19.497287],
[108.928671, 19.524313],
[108.887004, 19.4897],
[108.806357, 19.450654],
[108.747654, 19.391671],
[108.694137, 19.387084],
[108.644785, 19.349278],
[108.704136, 19.262719],
[108.783765, 19.244674],
[108.833209, 19.25987],
[108.916171, 19.218552],
[108.954874, 19.218869],
[108.99191, 19.13034],
[109.022929, 19.107052],
[109.008762, 19.050005],
[109.098853, 19.028291],
[109.113668, 18.969949],
[109.089779, 18.909842],
[109.125242, 18.878432],
[109.141816, 18.904449],
[109.206722, 18.894772],
[109.265518, 18.905877],
[109.298203, 18.960911],
[109.271166, 19.067438],
[109.177093, 19.083443],
[109.163667, 19.14222],
[109.120242, 19.203985],
[109.142834, 19.265727],
[109.08265, 19.328869],
[109.043669, 19.342792],
[109.04478, 19.430415]
]
]
]
}
}, {
"type": "Feature",
"properties": { "adcode": 469027, "name": "乐东", "center": [109.175444, 18.74758], "centroid": [109.029671, 18.639822], "childrenNum": 0, "level": "city", "parent": { "adcode": 460000 }, "subFeatureIndex": 15, "acroutes": [100000, 460000] },
"geometry": {
"type": "MultiPolygon",
"coordinates": [
[
[
[109.405146, 18.623443],
[109.408016, 18.627733],
[109.398109, 18.671104],
[109.356628, 18.710653],
[109.353387, 18.812896],
[109.374591, 18.853998],
[109.343109, 18.877163],
[109.32635, 18.926338],
[109.34848, 18.946321],
[109.298203, 18.960911],
[109.265518, 18.905877],
[109.206722, 18.894772],
[109.141816, 18.904449],
[109.125242, 18.878432],
[109.094965, 18.857012],
[109.071076, 18.807499],
[109.015151, 18.808928],
[108.987003, 18.786547],
[108.928578, 18.790198],
[108.844412, 18.750827],
[108.81145, 18.720022],
[108.761543, 18.732091],
[108.659785, 18.716846],
[108.664137, 18.673328],
[108.641082, 18.565279],
[108.644971, 18.486741],
[108.658304, 18.462728],
[108.70997, 18.444119],
[108.776728, 18.442051],
[108.881264, 18.416599],
[108.932374, 18.335288],
[109.015243, 18.422645],
[109.072557, 18.452231],
[109.195148, 18.469407],
[109.185056, 18.507095],
[109.203574, 18.553517],
[109.246537, 18.558921],
[109.313295, 18.517429],
[109.332832, 18.575451],
[109.405146, 18.623443]
]
]
]
}
}, {
"type": "Feature",
"properties": { "adcode": 469028, "name": "陵水", "center": [110.037218, 18.505006], "centroid": [109.951436, 18.549546], "childrenNum": 0, "level": "city", "parent": { "adcode": 460000 }, "subFeatureIndex": 16, "acroutes": [100000, 460000] },
"geometry": {
"type": "MultiPolygon",
"coordinates": [
[
[
[110.014952, 18.732885],
[109.980416, 18.76718],
[109.94412, 18.771942],
[109.902361, 18.739395],
[109.891065, 18.754479],
[109.830696, 18.728597],
[109.773474, 18.809404],
[109.756159, 18.788928],
[109.771993, 18.723675],
[109.802177, 18.725263],
[109.839677, 18.67857],
[109.804677, 18.594364],
[109.846621, 18.57116],
[109.828751, 18.511229],
[109.781159, 18.51107],
[109.809955, 18.459388],
[109.785048, 18.426622],
[109.805418, 18.347543],
[109.919676, 18.375551],
[109.999767, 18.359797],
[110.070785, 18.376187],
[110.090507, 18.399258],
[110.116618, 18.506618],
[110.213931, 18.578789],
[110.137543, 18.606123],
[110.115877, 18.592774],
[110.020786, 18.658873],
[110.014952, 18.732885]
]
]
]
}
}, {
"type": "Feature",
"properties": { "adcode": 469029, "name": "保亭", "center": [109.70245, 18.636371], "centroid": [109.650759, 18.589686], "childrenNum": 0, "level": "city", "parent": { "adcode": 460000 }, "subFeatureIndex": 17, "acroutes": [100000, 460000] },
"geometry": {
"type": "MultiPolygon",
"coordinates": [
[
[
[109.715419, 18.833686],
[109.689216, 18.830036],
[109.681531, 18.786071],
[109.703012, 18.721769],
[109.641809, 18.72304],
[109.619865, 18.678252],
[109.576717, 18.714782],
[109.533662, 18.694295],
[109.539866, 18.659508],
[109.48857, 18.64664],
[109.448293, 18.655378],
[109.408016, 18.627733],
[109.405146, 18.623443],
[109.423386, 18.574657],
[109.506163, 18.551291],
[109.535237, 18.53142],
[109.536996, 18.490717],
[109.515607, 18.429008],
[109.539866, 18.396713],
[109.665883, 18.391462],
[109.710882, 18.426462],
[109.725234, 18.493102],
[109.781159, 18.51107],
[109.828751, 18.511229],
[109.846621, 18.57116],
[109.804677, 18.594364],
[109.839677, 18.67857],
[109.802177, 18.725263],
[109.771993, 18.723675],
[109.756159, 18.788928],
[109.773474, 18.809404],
[109.715419, 18.833686]
]
]
]
}
}, {
"type": "Feature",
"properties": { "adcode": 469030, "name": "琼中", "center": [109.839996, 19.03557], "centroid": [109.854584, 19.033919], "childrenNum": 0, "level": "city", "parent": { "adcode": 460000 }, "subFeatureIndex": 18, "acroutes": [100000, 460000] },
"geometry": {
"type": "MultiPolygon",
"coordinates": [
[
[
[109.876436, 19.386926],
[109.857269, 19.412388],
[109.793474, 19.379966],
[109.737734, 19.407486],
[109.646439, 19.402425],
[109.647272, 19.357505],
[109.700234, 19.349436],
[109.713382, 19.309881],
[109.697271, 19.271267],
[109.706808, 19.22156],
[109.686994, 19.178965],
[109.687734, 19.118775],
[109.613569, 19.086454],
[109.601439, 19.053492],
[109.561347, 19.072668],
[109.524033, 19.030986],
[109.55357, 18.946321],
[109.601532, 18.910318],
[109.676531, 18.925862],
[109.730512, 18.913649],
[109.699123, 18.889379],
[109.715419, 18.833686],
[109.773474, 18.809404],
[109.830696, 18.728597],
[109.891065, 18.754479],
[109.902361, 18.739395],
[109.94412, 18.771942],
[109.980416, 18.76718],
[110.014952, 18.732885],
[110.057267, 18.758448],
[110.095785, 18.811467],
[110.045322, 18.884778],
[110.097729, 18.911746],
[110.108284, 18.944577],
[110.158562, 18.99944],
[110.124118, 19.04747],
[110.115229, 19.133191],
[110.057267, 19.134617],
[110.026526, 19.17564],
[109.957638, 19.188625],
[109.923565, 19.239608],
[109.822733, 19.289626],
[109.826436, 19.343108],
[109.876436, 19.386926]
]
]
]
}
}
]
}

6830
src/assets/map/湖北.json Normal file

File diff suppressed because it is too large Load Diff

7611
src/assets/map/湖南.json Normal file

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

4573
src/assets/map/甘肃.json Normal file

File diff suppressed because it is too large Load Diff

5223
src/assets/map/福建.json Normal file

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

5676
src/assets/map/贵州.json Normal file

File diff suppressed because it is too large Load Diff

7099
src/assets/map/辽宁.json Normal file

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

3084
src/assets/map/陕西.json Normal file

File diff suppressed because it is too large Load Diff

4369
src/assets/map/青海.json Normal file

File diff suppressed because it is too large Load Diff

File diff suppressed because one or more lines are too long

File diff suppressed because it is too large Load Diff

View File

@@ -6,14 +6,12 @@
import { onBeforeUnmount, onMounted, ref, defineExpose, watch } from 'vue' import { onBeforeUnmount, onMounted, ref, defineExpose, watch } from 'vue'
import echarts from './echarts' import echarts from './echarts'
import 'echarts/lib/component/dataZoom' import 'echarts/lib/component/dataZoom'
const chartRef = ref<HTMLDivElement>()
const props = defineProps(['options']) const props = defineProps(['options'])
const chartRef = ref<HTMLDivElement>()
let chart: echarts.ECharts | null = null let chart: echarts.ECharts | null = null
const resizeHandler = () => { const resizeHandler = () => {
setTimeout(() => {
chart?.resize() chart?.resize()
}, 100)
} }
const initChart = () => { const initChart = () => {
chart?.dispose() chart?.dispose()

View File

@@ -1,217 +1,162 @@
<!-- 地图组件 --> <!-- 地图组件 -->
<template> <template>
<div class="bars_w" :id="id"></div> <div class="bars_w" ref="chartMap" id="chartMap"></div>
</template> </template>
<script setup> <script setup lang="ts">
import { ref, nextTick, onMounted, defineEmits } from 'vue' import { onBeforeUnmount, ref, nextTick, onMounted, defineEmits } from 'vue'
import * as echarts from 'echarts' import * as echarts from 'echarts'
// import cqMap from '../../views/ECharts/zg.json'
// import 'echarts/map/js/china.js' import chinaJson from '@/assets/map/zh.json'
import axios from 'axios' import axios from 'axios'
const props = defineProps({ const props = defineProps({
id: { datas: {
type: String, type: Array,
required: true required: true
},
datas: {
type: Array,
required: true
}
// cqMap: {
// // type: String,
// // required: true
// }
})
const myCharts = ref()
const emit = defineEmits(['getRegionByRegionId'])
onMounted(() => {
GetEchar()
})
const convertData = function (data) {
var res = []
for (var i = 0; i < data.length; i++) {
var geoCoord = geoCoordMap[data[i].name]
if (geoCoord) {
res.push({
name: data[i].name,
value: geoCoord.concat(data[i].value)
})
} }
} })
return res
}
const GetEchar = () => { const myCharts = ref()
nextTick(() => {
let chartDom = document.getElementById(props.id) const mapJson = ref()
const fetchConfig = async (name: string) => {
const res = await import(`../../assets/map/${name}.json`)
return res.default
// GetEchar(res.default)
}
// fetchConfig()
const emit = defineEmits(['getRegionByRegionId'])
onMounted(() => {
GetEchar()
})
const GetEchar = async () => {
let chartDom = document.getElementById('chartMap')
myCharts.value = echarts.init(chartDom) myCharts.value = echarts.init(chartDom)
axios.get(`./zg.json`).then((res) => { echarts.registerMap('china', await fetchConfig('中国')) //注册可用的地图
echarts.registerMap('china', res.data) var option = {
let option = {
backgroundColor: '#001540',
geo: { geo: {
show: true,
map: 'china',
roam: true,
top: 0,
left: 0,
zoom: 1,
label: {
emphasis: {
show: false
}
},
itemStyle: {
normal: {
borderColor: 'rgba(147, 235, 248, 1)',
borderWidth: 1,
areaColor: {
type: 'radial',
x: 0.5,
y: 0.5,
r: 0.8,
colorStops: [
{
offset: 0,
color: 'rgba(147, 235, 248, 0)' // 0% 处的颜色
},
{
offset: 1,
color: 'rgba(147, 235, 248, .2)' // 100% 处的颜色
}
],
globalCoord: false // 缺省为 false
},
shadowColor: 'rgba(128, 217, 248, 1)',
// shadowColor: 'rgba(255, 255, 255, 1)',
shadowOffsetX: -2,
shadowOffsetY: 2,
shadowBlur: 10
},
emphasis: {
areaColor: '#389BB7',
borderWidth: 0
}
}
},
series: [
//地图?
{
type: 'map',
map: 'china', map: 'china',
geoIndex: 0, zoom: 1,
aspectScale: 0.75, //长宽比
showLegendSymbol: false, // 存在legend时显示
label: {
normal: {
show: false
},
emphasis: {
show: false,
textStyle: {
color: '#fff'
}
}
},
roam: true, roam: true,
itemStyle: {
normal: {
areaColor: '#031525',
borderColor: '#FFFFFF'
},
emphasis: {
areaColor: '#2B91B7'
}
},
animation: false
},
//地图点的动画效果
{
// name: 'Top 5',
type: 'effectScatter',
coordinateSystem: 'geo',
symbolSize: function (val) {
return val[2] / 10
},
showEffectOn: 'render',
rippleEffect: {
brushType: 'stroke'
},
hoverAnimation: true,
label: { label: {
normal: { normal: {
formatter: '{b}', show: true,
position: 'right', fontSize: '14',
show: true color: 'rgba(0,0,0,0.7)'
} }
}, },
itemStyle: {
normal: {
shadowBlur: 10
}
},
zlevel: 1
}
]
}
myCharts.value.setOption(option)
})
window.addEventListener('resize', function () { itemStyle: {
myCharts.value.resize() normal: {
}) color: 'rgba(51, 69, 129, .8)', //地图背景色
borderColor: '#999999',
borderWidth: 1,
areaColor: {
type: 'radial',
x: 0.5,
y: 0.5,
r: 0.8,
colorStops: [
{
offset: 0,
color: 'rgba(147, 235, 248, 0)' // 0% 处的颜色
},
{
offset: 1,
color: 'rgba(147, 135, 148, .2)' // 100% 处的颜色
}
],
globalCoord: false // 缺省为 false
},
shadowColor: 'rgba(128, 217, 248, 1)',
// shadowColor: 'rgba(255, 255, 255, 1)',
shadowOffsetX: -2,
shadowOffsetY: 2,
shadowBlur: 10
},
emphasis: {
areaColor: '#ccc',
shadowOffsetX: 0,
shadowOffsetY: 0,
borderWidth: 0
}
},
regions: [
{
name: '南海诸岛',
itemStyle: {
// 隐藏地图
normal: {
opacity: 0 // 为 0 时不绘制该图形
}
},
label: {
show: false // 隐藏文字
}
}
]
}
}
myCharts.value.setOption(option)
window.addEventListener('resize', resizeHandler)
//设置默认选中高亮部分 //设置默认选中高亮部分
let index = 11 let index = 11
myCharts.value.dispatchAction({ myCharts.value.dispatchAction({
type: 'highlight',
seriesIndex: 0,
dataIndex: index
})
// 点击事件
myCharts.value.on('click', (e) => {
emit('getRegionByRegionId', e.data)
myCharts.value.dispatchAction({
type: 'downplay',
seriesIndex: 0,
dataIndex: 0
})
if (e.dataIndex != index) {
myCharts.value.dispatchAction({
type: 'downplay',
seriesIndex: 0,
dataIndex: index
})
}
myCharts.value.dispatchAction({
type: 'highlight',
seriesIndex: 0,
dataIndex: e.dataIndex
})
index = e.dataIndex
})
// 当鼠标离开时
myCharts.value.on('mouseout', function (e) {
myCharts.value.dispatchAction({
type: 'highlight', type: 'highlight',
seriesIndex: 0, seriesIndex: 0,
dataIndex: index dataIndex: index
})
}) })
})
// 点击事件
myCharts.value.on('click', e => {
emit('getRegionByRegionId', e.data)
myCharts.value.dispatchAction({
type: 'downplay',
seriesIndex: 0,
dataIndex: 0
})
if (e.dataIndex != index) {
myCharts.value.dispatchAction({
type: 'downplay',
seriesIndex: 0,
dataIndex: index
})
}
myCharts.value.dispatchAction({
type: 'highlight',
seriesIndex: 0,
dataIndex: e.dataIndex
})
index = e.dataIndex
})
// 当鼠标离开时
myCharts.value.on('mouseout', function (e) {
myCharts.value.dispatchAction({
type: 'highlight',
seriesIndex: 0,
dataIndex: index
})
})
} }
const resizeHandler = () => {
myCharts.value?.resize()
}
onBeforeUnmount(() => {
window.removeEventListener('resize', resizeHandler)
myCharts.value?.dispose()
})
</script> </script>
<style lang="scss" scoped> <style lang="scss" scoped>
.bars_w { .bars_w {
width: 100%; width: 100%;
height: 500px; height: 100%;
} }
</style> </style>

View File

@@ -23,7 +23,7 @@
<div> <div>
<el-row :gutter="20"> <el-row :gutter="20">
<el-col :span="12"> <el-col :span="12">
<MyEchartMap :id="'LearnMap'" :datas="[]"/> <MyEchartMap class="map" :datas="[]" />
</el-col> </el-col>
<el-col :span="12">1231</el-col> <el-col :span="12">1231</el-col>
</el-row> </el-row>
@@ -61,4 +61,8 @@ onMounted(() => {
onSubmit() onSubmit()
}) })
</script> </script>
<style lang="scss" scoped></style> <style lang="scss" scoped>
.map {
height: calc(100vh - 120px);
}
</style>