效果图：
【思路】：通过边界数据反选 达到挖洞效果
这是一份新疆边界的数据可以拿来体验一下
javascript
export const XinjiangRegion = {
type: 'FeatureCollection',
features: [
{
type: 'Feature',
properties: {
adcode: 650000,
name: '新疆维吾尔自治区',
center: [87.617733, 43.792818],
centroid: [85.294711, 41.371801],
childrenNum: 24,
level: 'province',
acroutes: [100000],
parent: { adcode: 100000 },
},
geometry: {
type: 'MultiPolygon',
coordinates: [
[
[
[88.64131, 48.181959],
[88.598288, 48.227262],
[88.575175, 48.277595],
[88.606068, 48.337876],
[88.573344, 48.369722],
[88.535585, 48.369056],
[88.503776, 48.412994],
[88.438099, 48.393559],
[88.36098, 48.433353],
[88.363039, 48.460485],
[88.257544, 48.497702],
[88.196672, 48.493982],
[88.151819, 48.526261],
[88.13008, 48.521613],
[88.101017, 48.548034],
[88.041289, 48.5483],
[87.973095, 48.576034],
[87.961653, 48.599377],
[88.02733, 48.627348],
[88.026644, 48.653185],
[88.089575, 48.694893],
[88.090719, 48.719768],
[88.061885, 48.714344],
[88.029161, 48.750185],
[87.961424, 48.773447],
[87.938998, 48.757852],
[87.872176, 48.799473],
[87.826408, 48.800926],
[87.828925, 48.825617],
[87.780869, 48.872194],
[87.742423, 48.881293],
[87.759815, 48.925974],
[87.814508, 48.945336],
[87.876524, 48.949155],
[87.871947, 48.963638],
[87.911766, 48.979959],
[87.884076, 48.993906],
[87.88316, 49.023762],
[87.835333, 49.054257],
[87.858217, 49.07357],
[87.867142, 49.10876],
[87.845631, 49.146023],
[87.820687, 49.148253],
[87.820916, 49.173822],
[87.700546, 49.175788],
[87.685442, 49.159924],
[87.563012, 49.142482],
[87.517473, 49.145499],
[87.495504, 49.131987],
[87.511523, 49.101671],
[87.436692, 49.075277],
[87.388865, 49.097995],
[87.30488, 49.112304],
[87.238745, 49.114535],
[87.211742, 49.140645],
[87.112654, 49.155597],
[87.088397, 49.133693],
[87.002124, 49.142613],
[86.953838, 49.1312],
[86.881982, 49.129494],
[86.847199, 49.101015],
[86.836214, 49.051103],
[86.772368, 49.027707],
[86.73255, 48.995354],
[86.730032, 48.955475],
[86.75818, 48.894873],
[86.782894, 48.886172],
[86.822484, 48.84581],
[86.818365, 48.830369],
[86.764358, 48.803699],
[86.754289, 48.780979],
[86.781064, 48.732069],
[86.702343, 48.66537],
[86.693647, 48.643779],
[86.642615, 48.629601],
[86.594559, 48.576697],
[86.585634, 48.542194],
[86.41263, 48.481091],
[86.371439, 48.493052],
[86.3021, 48.490793],
[86.270978, 48.452906],
[86.226125, 48.432422],
[86.053808, 48.441069],
[85.916504, 48.437876],
[85.838698, 48.42883],
[85.758604, 48.403943],
[85.71192, 48.361462],
[85.694986, 48.301476],
[85.661804, 48.243422],
[85.633885, 48.232871],
[85.622215, 48.202945],
[85.592236, 48.196396],
[85.55608, 48.139962],
[85.55196, 48.081591],
[85.531822, 48.046349],
[85.546926, 48.008265],
[85.617638, 47.550691],
[85.610086, 47.511295],
[85.652193, 47.455195],
[85.684917, 47.428886],
[85.701393, 47.38424],
[85.675992, 47.321617],
[85.701165, 47.288441],
[85.6824, 47.222709],
[85.582854, 47.142849],
[85.546926, 47.096732],
[85.540061, 47.057405],
[85.441202, 47.063415],
[85.326095, 47.044836],
[85.276436, 47.068878],
[85.213963, 47.041147],
[85.175518, 46.998087],
[85.111442, 46.973193],
[85.081922, 46.939799],
[84.987182, 46.918164],
[84.980088, 46.883092],
[84.943702, 46.861982],
[84.86704, 46.927476],
[84.84942, 46.956909],
[84.795413, 46.972509],
[84.748043, 47.009847],
[84.668635, 46.994805],
[84.56314, 46.99166],
[84.506616, 46.973056],
[84.425378, 47.00889],
[84.3716, 46.993301],
[84.336588, 47.005335],
[84.289218, 46.994805],
[84.195164, 47.003557],
[84.150311, 46.977297],
[84.086465, 46.965257],
[84.002709, 46.990566],
[83.951449, 46.987283],
[83.932913, 46.970046],
[83.885772, 46.981948],
[83.766546, 47.027071],
[83.699266, 47.015589],
[83.700639, 47.032128],
[83.57615, 47.059181],
[83.463332, 47.132074],
[83.418937, 47.11884],
[83.370422, 47.178569],
[83.332435, 47.167801],
[83.306347, 47.179659],
[83.257833, 47.173253],
[83.222134, 47.186882],
[83.20703, 47.21372],
[83.154854, 47.236052],
[83.1084, 47.222164],
[83.02739, 47.215491],
[83.031738, 47.16821],
[82.98803, 47.058771],
[82.937913, 47.014085],
[82.923496, 46.931995],
[82.876355, 46.823855],
[82.878415, 46.797232],
[82.829672, 46.772655],
[82.788938, 46.677815],
[82.774292, 46.60017],
[82.727151, 46.495503],
[82.608841, 46.295124],
[82.51822, 46.153769],
[82.461467, 45.980011],
[82.401282, 45.972207],
[82.342699, 45.935126],
[82.336062, 45.882249],
[82.349564, 45.823035],
[82.340182, 45.772569],
[82.290065, 45.716458],
[82.288464, 45.655385],
[82.266724, 45.620196],
[82.282056, 45.538939],
[82.447966, 45.461361],
[82.546825, 45.42591],
[82.60106, 45.346203],
[82.582753, 45.219089],
[82.486868, 45.181083],
[82.344758, 45.218948],
[82.294413, 45.247754],
[82.161457, 45.226292],
[82.10951, 45.21132],
[82.09578, 45.24973],
[82.052987, 45.2558],
[81.99303, 45.238153],
[81.920717, 45.233353],
[81.879754, 45.284163],
[81.832384, 45.319845],
[81.787989, 45.383676],
[81.73055, 45.363252],
[81.69897, 45.369028],
[81.582719, 45.33662],
[81.575396, 45.307859],
[81.541985, 45.307154],
[81.528484, 45.285997],
[81.449762, 45.265679],
[81.413148, 45.280918],
[81.382254, 45.257634],
[81.32779, 45.260881],
[81.28454, 45.239],
[81.236941, 45.247189],
[81.174925, 45.227845],
[81.170119, 45.210897],
[81.111307, 45.218383],
[81.080871, 45.18292],
[81.024577, 45.162848],
[80.965993, 45.168644],
[80.906266, 45.131171],
[80.8621, 45.127068],
[80.816332, 45.152809],
[80.770563, 45.153092],
[80.726626, 45.176984],
[80.73166, 45.156203],
[80.686121, 45.129049],
[80.599162, 45.105702],
[80.519296, 45.108674],
[80.493666, 45.127068],
[80.445838, 45.097777],
[80.444237, 45.077533],
[80.404418, 45.049491],
[80.358192, 45.040708],
[80.328214, 45.070028],
[80.291829, 45.065921],
[80.254756, 45.035182],
[80.195716, 45.030789],
[80.161389, 45.056007],
[80.11196, 45.052749],
[79.944677, 44.93818],
[79.887925, 44.909218],
[79.969163, 44.877542],
[79.953831, 44.849544],
[79.997768, 44.824093],
[79.99937, 44.793793],
[80.087703, 44.816982],
[80.11585, 44.815275],
[80.170085, 44.844569],
[80.187935, 44.825799],
[80.178781, 44.796923],
[80.220888, 44.733287],
[80.314942, 44.704649],
[80.413114, 44.610944],
[80.350641, 44.48448],
[80.382907, 44.401164],
[80.413114, 44.264625],
[80.400986, 44.19868],
[80.406936, 44.149784],
[80.39412, 44.127192],
[80.440804, 44.083854],
[80.458654, 44.047259],
[80.454763, 43.985688],
[80.484741, 43.957837],
[80.475359, 43.939215],
[80.512202, 43.904119],
[80.522042, 43.816652],
[80.587491, 43.725724],
[80.632344, 43.663384],
[80.755002, 43.494162],
[80.760952, 43.446432],
[80.73578, 43.389632],
[80.68635, 43.333653],
[80.692758, 43.32038],
[80.776971, 43.307979],
[80.76919, 43.265359],
[80.788642, 43.242285],
[80.804432, 43.178421],
[80.794592, 43.13732],
[80.752714, 43.148147],
[80.732576, 43.130882],
[80.665754, 43.147562],
[80.593441, 43.133516],
[80.556368, 43.104391],
[80.482453, 43.069539],
[80.416776, 43.056794],
[80.378559, 43.031443],
[80.392519, 43.002122],
[80.487259, 42.948869],
[80.591381, 42.923179],
[80.603052, 42.894394],
[80.505795, 42.882495],
[80.427074, 42.857071],
[80.425929, 42.842518],
[80.356133, 42.828256],
[80.320663, 42.838549],
[80.260249, 42.824873],
[80.258876, 42.790746],
[80.226151, 42.713006],
[80.228211, 42.692966],
[80.178324, 42.667907],
[80.163907, 42.62794],
[80.221575, 42.533302],
[80.265283, 42.502266],
[80.210361, 42.469588],
[80.206013, 42.431565],
[80.239882, 42.389224],
[80.228669, 42.359895],
[80.284048, 42.32062],
[80.27192, 42.282061],
[80.286565, 42.233088],
[80.233245, 42.210221],
[80.168712, 42.20027],
[80.163678, 42.152422],
[80.13965, 42.151233],
[80.168026, 42.096802],
[80.193427, 42.081476],
[80.142167, 42.03473],
[80.089762, 42.047536],
[79.923624, 42.042325],
[79.852683, 42.015367],
[79.854285, 41.984224],
[79.822705, 41.963354],
[79.776708, 41.892495],
[79.724761, 41.896823],
[79.641006, 41.884733],
[79.604849, 41.849045],
[79.551071, 41.833958],
[79.457018, 41.847851],
[79.407131, 41.833062],
[79.356557, 41.795701],
[79.325892, 41.809452],
[79.27692, 41.78105],
[79.219024, 41.726452],
[79.138014, 41.72301],
[79.114901, 41.699959],
[79.043274, 41.681242],
[79.021534, 41.657278],
[78.957688, 41.651585],
[78.891553, 41.597776],
[78.825189, 41.560279],
[78.738916, 41.555628],
[78.696809, 41.541672],
[78.705734, 41.519307],
[78.650583, 41.467341],
[78.580558, 41.481613],
[78.533875, 41.445551],
[78.454696, 41.412327],
[78.391765, 41.408266],
[78.323799, 41.3842],
[78.232263, 41.39849],
[78.166128, 41.3842],
[78.164297, 41.345224],
[78.137065, 41.280011],
[78.129055, 41.228156],
[78.097018, 41.22514],
[77.973444, 41.173392],
[77.904792, 41.185163],
[77.834537, 41.151956],
[77.807763, 41.123415],
[77.829503, 41.059493],
[77.780531, 41.023046],
[77.737509, 41.032273],
[77.684876, 41.007765],
[77.65444, 41.016087],
[77.591509, 40.99233],
[77.540248, 41.006403],
[77.476402, 40.999594],
[77.473885, 41.022743],
[77.41553, 41.038928],
[77.363126, 41.040742],
[77.296304, 41.005042],
[77.25168, 41.025163],
[77.169298, 41.009127],
[77.111172, 41.035903],
[77.091492, 41.062668],
[77.023297, 41.059341],
[77.002244, 41.073401],
[76.940915, 41.028794],
[76.885764, 41.027432],
[76.853497, 40.976437],
[76.761961, 40.954028],
[76.741823, 40.912068],
[76.731525, 40.819116],
[76.693309, 40.779499],
[76.646626, 40.760062],
[76.675917, 40.694267],
[76.654864, 40.65275],
[76.657381, 40.620341],
[76.618707, 40.609077],
[76.55692, 40.542676],
[76.539528, 40.464005],
[76.509092, 40.42952],
[76.470647, 40.422651],
[76.442042, 40.391505],
[76.390324, 40.377606],
[76.382086, 40.390894],
[76.333343, 40.343688],
[76.327622, 40.391352],
[76.283227, 40.415171],
[76.279794, 40.439288],
[76.213888, 40.394864],
[76.173383, 40.382035],
[76.144091, 40.393337],
[76.048894, 40.388756],
[76.048436, 40.356982],
[75.98642, 40.381883],
[75.932185, 40.339561],
[75.921429, 40.291248],
[75.831037, 40.327333],
[75.785956, 40.301036],
[75.709065, 40.280848],
[75.669934, 40.363857],
[75.68641, 40.418072],
[75.734467, 40.467514],
[75.646134, 40.516615],
[75.630802, 40.549075],
[75.63698, 40.62445],
[75.599451, 40.659748],
[75.568557, 40.65701],
[75.468096, 40.599943],
[75.432397, 40.563395],
[75.355506, 40.537952],
[75.292118, 40.483682],
[75.268776, 40.483682],
[75.242459, 40.448901],
[75.135362, 40.463395],
[75.102866, 40.439898],
[75.021857, 40.467209],
[74.963274, 40.464616],
[74.891875, 40.507621],
[74.844505, 40.52134],
[74.819333, 40.505791],
[74.814756, 40.460954],
[74.795076, 40.443255],
[74.908352, 40.33895],
[74.863041, 40.326416],
[74.811781, 40.34705],
[74.698047, 40.344452],
[74.701022, 40.317091],
[74.663263, 40.271363],
[74.618411, 40.279777],
[74.577448, 40.260347],
[74.547241, 40.219174],
[74.476758, 40.175065],
[74.433278, 40.131694],
[74.356617, 40.089216],
[74.316799, 40.106548],
[74.280642, 40.098112],
[74.26325, 40.125102],
[74.126632, 40.104554],
[74.089102, 40.079704],
[74.023425, 40.085074],
[74.003058, 40.045023],
[73.943331, 40.016005],
[73.980403, 40.004794],
[73.911064, 39.934721],
[73.907174, 39.873811],
[73.845387, 39.831172],
[73.841725, 39.756297],
[73.905572, 39.742114],
[73.924337, 39.721914],
[73.953628, 39.600278],
[73.916327, 39.586527],
[73.868042, 39.482917],
[73.745383, 39.462022],
[73.646982, 39.474405],
[73.610596, 39.465892],
[73.592518, 39.412312],
[73.506474, 39.380547],
[73.554073, 39.349854],
[73.554988, 39.29603],
[73.539427, 39.27244],
[73.58016, 39.237506],
[73.63943, 39.22042],
[73.657737, 39.166186],
[73.688631, 39.154992],
[73.719753, 39.108176],
[73.72044, 39.071759],
[73.742866, 39.029404],
[73.820214, 39.041553],
[73.846302, 38.972061],
[73.826393, 38.916855],
[73.767581, 38.941033],
[73.742408, 38.933858],
[73.709227, 38.89345],
[73.699386, 38.857703],
[73.729365, 38.83709],
[73.770785, 38.77115],
[73.757054, 38.719543],
[73.808772, 38.634231],
[73.799161, 38.611046],
[73.852252, 38.584249],
[73.899164, 38.57892],
[73.926168, 38.535958],
[74.011754, 38.524978],
[74.034409, 38.541604],
[74.090704, 38.542231],
[74.068735, 38.58566],
[74.118394, 38.614493],
[74.148143, 38.676821],
[74.22961, 38.656156],
[74.377899, 38.654903],
[74.455934, 38.632978],
[74.506508, 38.637677],
[74.546783, 38.607599],
[74.613376, 38.593183],
[74.640379, 38.599608],
[74.717727, 38.542231],
[74.784778, 38.538154],
[74.821621, 38.491087],
[74.862812, 38.484024],
[74.868305, 38.403932],
[74.789583, 38.324695],
[74.806746, 38.285516],
[74.793245, 38.270878],
[74.817044, 38.215445],
[74.804687, 38.167064],
[74.821621, 38.103033],
[74.879289, 38.021256],
[74.925744, 38.017307],
[74.911327, 37.967056],
[74.919107, 37.90807],
[74.937186, 37.875948],
[74.917505, 37.845079],
[74.98959, 37.797879],
[75.006524, 37.77094],
[74.922998, 37.71719],
[74.920938, 37.684667],
[74.892104, 37.668162],
[74.930778, 37.571759],
[75.035358, 37.500845],
[75.078609, 37.511026],
[75.129641, 37.459156],
[75.153211, 37.4141],
[75.12392, 37.381763],
[75.138794, 37.367741],
[75.12575, 37.322311],
[75.078609, 37.318165],
[75.017966, 37.293763],
[74.927117, 37.277651],
[74.911098, 37.233602],
[74.816129, 37.216519],
[74.800339, 37.247969],
[74.753655, 37.281161],
[74.727339, 37.282915],
[74.665781, 37.235837],
[74.64221, 37.261375],
[74.598959, 37.258343],
[74.578592, 37.231367],
[74.544953, 37.249246],
[74.511084, 37.239988],
[74.477216, 37.199431],
[74.487971, 37.162049],
[74.465087, 37.146867],
[74.496439, 37.115855],
[74.498956, 37.072352],
[74.530078, 37.08211],
[74.568066, 37.032666],
[74.617038, 37.04371],
[74.632599, 37.066592],
[74.709032, 37.08451],
[74.739238, 37.028024],
[74.792558, 37.027544],
[74.806746, 37.054272],
[74.847022, 37.056992],
[74.842674, 37.0205],
[74.893935, 36.939611],
[74.938559, 36.943297],
[74.927346, 36.977904],
[75.005609, 36.994561],
[75.032383, 37.016818],
[75.063277, 37.006251],
[75.171976, 37.013936],
[75.168315, 36.991838],
[75.244748, 36.963326],
[75.288685, 36.97454],
[75.413632, 36.954674],
[75.396469, 36.904185],
[75.430108, 36.873394],
[75.425761, 36.778859],
[75.458485, 36.721022],
[75.504939, 36.74368],
[75.536977, 36.730182],
[75.537435, 36.773077],
[75.588695, 36.762797],
[75.634006, 36.771632],
[75.723711, 36.750588],
[75.871542, 36.666518],
[75.946831, 36.590567],
[75.924404, 36.566414],
[75.991455, 36.507127],
[76.034934, 36.409237],
[75.989624, 36.34014],
[75.999006, 36.312193],
[76.055301, 36.252712],
[76.061022, 36.225219],
[76.011593, 36.229101],
[76.016398, 36.165509],
[75.967884, 36.15871],
[75.936304, 36.134747],
[75.949577, 36.070269],
[75.968571, 36.042063],
[76.014568, 36.018065],
[76.097408, 36.022605],
[76.117088, 35.975075],
[76.164687, 35.908842],
[76.147066, 35.833451],
[76.22144, 35.823372],
[76.228762, 35.837027],
[76.298788, 35.841579],
[76.365838, 35.824185],
[76.369728, 35.863356],
[76.431744, 35.851818],
[76.482089, 35.889189],
[76.515271, 35.880904],
[76.548911, 35.919235],
[76.597425, 35.895686],
[76.587585, 35.840278],
[76.566302, 35.819307],
[76.593534, 35.77198],
[76.69308, 35.747574],
[76.698572, 35.722346],
[76.751663, 35.680499],
[76.761275, 35.655902],
[76.836792, 35.662093],
[76.917802, 35.608478],
[76.966774, 35.591685],
[76.998125, 35.611086],
[77.064489, 35.595761],
[77.093323, 35.56967],
[77.195843, 35.519257],
[77.307746, 35.54047],
[77.38006, 35.477141],
[77.451916, 35.460484],
[77.518737, 35.482039],
[77.578236, 35.475671],
[77.639565, 35.454931],
[77.657415, 35.477467],
[77.690597, 35.448234],
[77.728127, 35.457871],
[77.757647, 35.497222],
[77.797236, 35.491345],
[77.816459, 35.518604],
[77.915089, 35.464893],
[77.917607, 35.491019],
[77.951475, 35.47861],
[78.010058, 35.491508],
[78.035917, 35.467833],
[78.048504, 35.491345],
[78.140497, 35.494773],
[78.107087, 35.437289],
[78.013262, 35.365866],
[78.021271, 35.315162],
[78.016923, 35.228237],
[78.060174, 35.180232],
[78.062692, 35.114651],
[78.07871, 35.099888],
[78.124707, 35.108254],
[78.150795, 35.069534],
[78.122877, 35.03687],
[78.160635, 34.991052],
[78.198852, 34.977745],
[78.181918, 34.936991],
[78.209607, 34.889308],
[78.237526, 34.8824],
[78.229974, 34.774263],
[78.21304, 34.717916],
[78.259952, 34.710169],
[78.280777, 34.623094],
[78.345996, 34.604117],
[78.427693, 34.594049],
[78.433871, 34.548645],
[78.492912, 34.578367],
[78.558132, 34.56037],
[78.563166, 34.512965],
[78.583991, 34.506356],
[78.61763, 34.536258],
[78.70848, 34.522052],
[78.758596, 34.481567],
[78.742806, 34.454457],
[78.855853, 34.411789],
[78.892468, 34.355858],
[78.958603, 34.38631],
[78.974393, 34.361651],
[79.039612, 34.334502],
[79.048995, 34.348409],
[79.010779, 34.399878],
[79.052199, 34.427172],
[79.078287, 34.411624],
[79.161356, 34.441394],
[79.22955, 34.413939],
[79.274174, 34.436102],
[79.326808, 34.443048],
[79.362964, 34.427999],
[79.435049, 34.447678],
[79.504617, 34.454787],
[79.54535, 34.476278],
[79.581278, 34.45611],
[79.675561, 34.45115],
[79.699818, 34.477931],
[79.801194, 34.478923],
[79.860922, 34.528164],
[79.843759, 34.557398],
[79.885865, 34.642892],
[79.866872, 34.671426],
[79.907147, 34.683793],
[79.899138, 34.733572],
[79.946279, 34.822835],
[79.926828, 34.849332],
[79.995938, 34.856078],
[80.003489, 34.8949],
[80.036671, 34.903122],
[80.042621, 34.98021],
[80.03095, 35.03884],
[80.07832, 35.07659],
[80.118139, 35.066088],
[80.236449, 35.148268],
[80.223176, 35.177282],
[80.257731, 35.203337],
[80.362769, 35.208907],
[80.268029, 35.295853],
[80.304415, 35.379764],
[80.374669, 35.388101],
[80.419979, 35.442353],
[80.444237, 35.417192],
[80.51655, 35.392187],
[80.568039, 35.39137],
[80.599848, 35.409675],
[80.656372, 35.393985],
[80.691156, 35.364395],
[80.689325, 35.339046],
[80.760037, 35.33463],
[80.844479, 35.345425],
[80.894366, 35.323997],
[80.924573, 35.330704],
[80.963705, 35.311072],
[81.026178, 35.31189],
[81.031671, 35.380581],
[81.054555, 35.402321],
[81.099179, 35.407551],
[81.142429, 35.365212],
[81.191859, 35.365212],
[81.219549, 35.319089],
[81.266232, 35.322688],
[81.285226, 35.345425],
[81.314289, 35.337247],
[81.363947, 35.354583],
[81.385458, 35.335448],
[81.441295, 35.333485],
[81.494158, 35.292253],
[81.513151, 35.234952],
[81.674942, 35.233478],
[81.736729, 35.262298],
[81.804237, 35.270647],
[81.853895, 35.258696],
[81.92804, 35.271138],
[81.955272, 35.307308],
[81.991886, 35.305836],
[82.044291, 35.33234],
[82.054588, 35.355237],
[82.029416, 35.429284],
[82.044291, 35.452971],
[82.234457, 35.520399],
[82.272216, 35.550259],
[82.328053, 35.559394],
[82.350251, 35.611086],
[82.336062, 35.65134],
[82.392815, 35.656228],
[82.425081, 35.712741],
[82.468561, 35.717462],
[82.501972, 35.701344],
[82.546138, 35.708508],
[82.628521, 35.692225],
[82.73127, 35.637815],
[82.788709, 35.684571],
[82.873609, 35.688805],
[82.894663, 35.673984],
[82.961026, 35.671541],
[82.956221, 35.636186],
[82.981622, 35.599837],
[82.971782, 35.548301],
[82.999014, 35.484488],
[83.067666, 35.462607],
[83.089177, 35.425526],
[83.126707, 35.398562],
[83.178196, 35.389572],
[83.242272, 35.419807],
[83.280259, 35.401177],
[83.448915, 35.382052],
[83.502463, 35.36047],
[83.540222, 35.364068],
[83.541824, 35.341663],
[83.599263, 35.351149],
[83.622376, 35.335448],
[83.684621, 35.362596],
[83.785539, 35.363087],
[83.797439, 35.354747],
[83.885085, 35.367338],
[83.904765, 35.401831],
[84.005913, 35.422421],
[84.077082, 35.39987],
[84.096076, 35.36276],
[84.140929, 35.378946],
[84.161525, 35.358999],
[84.200656, 35.381071],
[84.332926, 35.413924],
[84.416224, 35.46277],
[84.453068, 35.473385],
[84.471375, 35.526764],
[84.448948, 35.550422],
[84.570005, 35.588261],
[84.604331, 35.589239],
[84.702733, 35.617117],
[84.729049, 35.613368],
[84.797015, 35.646778],
[84.986266, 35.725113],
[85.053088, 35.751968],
[85.15927, 35.745458],
[85.271173, 35.788735],
[85.341198, 35.753432],
[85.374151, 35.700367],
[85.519694, 35.679196],
[85.566149, 35.640423],
[85.613747, 35.652317],
[85.653337, 35.731299],
[85.803228, 35.778325],
[85.835494, 35.772306],
[85.903917, 35.784343],
[85.948999, 35.778813],
[86.031611, 35.844179],
[86.059987, 35.845805],
[86.126122, 35.931738],
[86.132758, 35.979456],
[86.173263, 36.008009],
[86.200037, 36.0479],
[86.179899, 36.075941],
[86.190197, 36.13248],
[86.247178, 36.1409],
[86.280132, 36.170851],
[86.358166, 36.168747],
[86.39295, 36.206939],
[86.455195, 36.221175],
[86.515609, 36.205321],
[86.532085, 36.227321],
[86.599364, 36.222307],
[86.700054, 36.244788],
[86.746051, 36.291994],
[86.836214, 36.291347],
[86.862989, 36.299912],
[86.887246, 36.262898],
[86.931641, 36.265485],
[86.996174, 36.308638],
[87.056588, 36.297165],
[87.086337, 36.310739],
[87.149497, 36.297488],
[87.193435, 36.349345],
[87.292294, 36.359035],
[87.348131, 36.393098],
[87.361861, 36.41908],
[87.424106, 36.425856],
[87.460263, 36.409882],
[87.470332, 36.354352],
[87.570564, 36.342401],
[87.619994, 36.360326],
[87.731897, 36.384866],
[87.768511, 36.374696],
[87.919546, 36.393582],
[87.958449, 36.40843],
[87.982935, 36.437794],
[88.092321, 36.435375],
[88.134656, 36.427147],
[88.182484, 36.452634],
[88.22276, 36.447634],
[88.241525, 36.468599],
[88.365557, 36.457794],
[88.378829, 36.483271],
[88.410867, 36.473275],
[88.470594, 36.482303],
[88.498742, 36.446182],
[88.573115, 36.461181],
[88.617968, 36.427954],
[88.623689, 36.389386],
[88.690053, 36.368077],
[88.725065, 36.319625],
[88.783191, 36.291832],
[88.801727, 36.337232],
[88.925987, 36.364363],
[88.948871, 36.329318],
[89.013405, 36.315424],
[89.102652, 36.280195],
[89.128054, 36.249639],
[89.198994, 36.260311],
[89.232176, 36.295711],
[89.29854, 36.228615],
[89.375431, 36.22813],
[89.490309, 36.151101],
[89.594431, 36.126326],
[89.615027, 36.109643],
[89.707936, 36.09733],
[89.761714, 36.073186],
[89.819153, 36.080803],
[89.912748, 36.079344],
[89.941353, 36.067514],
[89.937234, 36.130051],
[90.00909, 36.184285],
[90.028084, 36.258371],
[90.145708, 36.238966],
[90.12763, 36.215028],
[90.253492, 36.157415],
[90.330383, 36.157091],
[90.423978, 36.133937],
[90.479587, 36.132318],
[90.526957, 36.148511],
[90.615518, 36.126488],
[90.662888, 36.133937],
[90.776393, 36.086312],
[90.815983, 36.03574],
[90.846876, 36.016929],
[90.922622, 36.02893],
[90.9645, 36.095224],
[90.994936, 36.107861],
[91.092422, 36.088743],
[91.124689, 36.115474],
[91.091507, 36.161301],
[91.098601, 36.216807],
[91.053977, 36.235408],
[91.074115, 36.29765],
[91.026516, 36.323664],
[91.052604, 36.426502],
[91.028347, 36.443279],
[91.035898, 36.530009],
[90.906832, 36.559489],
[90.832917, 36.558039],
[90.813008, 36.585576],
[90.740923, 36.585898],
[90.735431, 36.633379],
[90.706139, 36.661049],
[90.722158, 36.710092],
[90.755111, 36.721182],
[90.727192, 36.756051],
[90.7336, 36.827345],
[90.789208, 36.845639],
[90.813694, 36.881895],
[90.87365, 36.920537],
[90.983723, 36.913644],
[91.037043, 36.929514],
[91.051688, 36.967331],
[91.113018, 36.970535],
[91.133613, 37.007692],
[91.190824, 37.024662],
[91.214623, 37.010414],
[91.305702, 37.012815],
[91.29014, 37.047391],
[91.303184, 37.08515],
[91.287623, 37.103542],
[91.2803, 37.163807],
[91.191052, 37.20582],
[91.194485, 37.273662],
[91.134758, 37.324224],
[91.137046, 37.353079],
[91.110043, 37.398332],
[91.097457, 37.450402],
[91.056952, 37.483823],
[91.000428, 37.494482],
[90.940701, 37.480481],
[90.911638, 37.519614],
[90.86587, 37.530586],
[90.882575, 37.575732],
[90.776164, 37.650543],
[90.644123, 37.697202],
[90.586684, 37.703072],
[90.579361, 37.72052],
[90.519634, 37.730829],
[90.51643, 38.207253],
[90.530847, 38.319819],
[90.402239, 38.311323],
[90.361734, 38.300152],
[90.352809, 38.23356],
[90.280724, 38.238127],
[90.137699, 38.340581],
[90.179119, 38.397018],
[90.128316, 38.400161],
[90.11184, 38.419015],
[90.110696, 38.473036],
[90.130834, 38.494226],
[90.251433, 38.491401],
[90.315279, 38.501915],
[90.355784, 38.481513],
[90.426953, 38.493912],
[90.463568, 38.520115],
[90.463568, 38.556658],
[90.535653, 38.567947],
[90.643208, 38.640809],
[90.619637, 38.664454],
[90.653048, 38.674317],
[90.728108, 38.657565],
[90.831086, 38.668055],
[90.965416, 38.696855],
[90.992876, 38.694977],
[91.188764, 38.731118],
[91.250093, 38.752857],
[91.301582, 38.747697],
[91.446439, 38.813502],
[91.50136, 38.815377],
[91.613263, 38.838964],
[91.692442, 38.86551],
[91.777113, 38.862544],
[91.878719, 38.882681],
[91.878948, 38.897664],
[91.990393, 38.938693],
[92.171177, 38.960524],
[92.193375, 38.981725],
[92.256763, 39.000739],
[92.380109, 38.999959],
[92.418325, 39.013048],
[92.389262, 39.059616],
[92.351275, 39.0839],
[92.366149, 39.096039],
[92.344409, 39.144107],
[92.340061, 39.238127],
[92.38171, 39.260176],
[92.525422, 39.368613],
[92.639843, 39.514326],
[92.68767, 39.657418],
[92.745567, 39.868271],
[92.796599, 40.153919],
[92.9069, 40.310669],
[92.92063, 40.39181],
[92.928411, 40.572686],
[93.506462, 40.648491],
[93.760704, 40.664919],
[93.821118, 40.79377],
[93.809905, 40.87933],
[93.908307, 40.9834],
[94.010827, 41.114805],
[94.18406, 41.268558],
[94.534186, 41.505944],
[94.750211, 41.53837],
[94.80971, 41.619365],
[94.861886, 41.668512],
[94.968754, 41.718819],
[95.011319, 41.726302],
[95.136266, 41.772826],
[95.164871, 41.73528],
[95.199426, 41.719418],
[95.194162, 41.695018],
[95.250228, 41.609021],
[95.306752, 41.57168],
[95.335357, 41.644243],
[95.394398, 41.693521],
[95.510191, 41.756374],
[95.571521, 41.796],
[95.677245, 41.83097],
[95.855741, 41.849643],
[95.883888, 41.867862],
[96.038356, 41.924727],
[96.115933, 41.98482],
[96.139046, 42.054236],
[96.077259, 42.149598],
[96.178406, 42.217943],
[96.041102, 42.326549],
[96.066045, 42.414543],
[95.978628, 42.436744],
[96.017531, 42.482158],
[96.02371, 42.542462],
[96.072453, 42.569343],
[96.103575, 42.604183],
[96.166278, 42.623366],
[96.386193, 42.727737],
[96.363538, 42.900564],
[95.921418, 43.229722],
[95.879769, 43.280104],
[95.858029, 43.417602],
[95.735599, 43.597495],
[95.70585, 43.670926],
[95.645207, 43.787854],
[95.62301, 43.855703],
[95.526897, 44.007469],
[95.426436, 44.009488],
[95.377693, 44.02607],
[95.326661, 44.028809],
[95.351834, 44.090048],
[95.355953, 44.165895],
[95.376091, 44.227423],
[95.410646, 44.245093],
[95.430097, 44.281709],
[95.413621, 44.298646],
[94.998732, 44.253136],
[94.945413, 44.292762],
[94.826187, 44.320168],
[94.768061, 44.340535],
[94.722751, 44.340822],
[94.67355, 44.396866],
[94.606042, 44.448276],
[94.557299, 44.462589],
[94.470797, 44.509508],
[94.390932, 44.521947],
[94.358894, 44.515657],
[94.329831, 44.582674],
[94.279944, 44.603806],
[94.215411, 44.668155],
[94.15248, 44.685122],
[94.066207, 44.732147],
[93.723861, 44.865321],
[93.71608, 44.894447],
[93.613331, 44.92654],
[93.509437, 44.968262],
[93.434378, 44.95521],
[93.376939, 44.985425],
[93.314923, 44.995068],
[93.313779, 44.980461],
[93.173957, 45.015199],
[93.100041, 45.007403],
[93.062283, 45.018318],
[93.002098, 45.010096],
[92.932988, 45.017325],
[92.884245, 45.0468],
[92.847859, 45.038582],
[92.779436, 45.050624],
[92.684009, 45.025829],
[92.547849, 45.018318],
[92.500936, 45.001165],
[92.414206, 45.018459],
[92.348986, 45.014065],
[92.315347, 45.028947],
[92.240287, 45.015908],
[92.100236, 45.081497],
[92.044857, 45.08447],
[91.905722, 45.078666],
[91.803201, 45.082772],
[91.69496, 45.065355],
[91.561545, 45.075551],
[91.518752, 45.096928],
[91.449185, 45.156627],
[91.429276, 45.156627],
[91.377329, 45.11108],
[91.335222, 45.129614],
[91.242084, 45.137394],
[91.196087, 45.159031],
[91.170914, 45.199454],
[91.129723, 45.215982],
[91.050544, 45.208919],
[91.00798, 45.218383],
[90.961525, 45.201432],
[90.881889, 45.191823],
[90.866785, 45.209343],
[90.89745, 45.249871],
[90.877083, 45.280918],
[90.831773, 45.300385],
[90.804998, 45.294884],
[90.813008, 45.328585],
[90.774105, 45.405923],
[90.772274, 45.432805],
[90.671355, 45.487654],
[90.670211, 45.547926],
[90.714835, 45.728916],
[90.799964, 45.83505],
[90.85008, 45.887972],
[91.028347, 46.023049],
[91.014845, 46.066471],
[91.021481, 46.121118],
[90.984638, 46.160574],
[90.948024, 46.219151],
[90.955575, 46.233855],
[90.900425, 46.312301],
[90.983494, 46.374866],
[90.996309, 46.419393],
[91.025601, 46.443854],
[91.037958, 46.500886],
[91.079149, 46.558824],
[91.067936, 46.579225],
[91.01782, 46.582257],
[91.036356, 46.670386],
[91.053977, 46.717421],
[91.019422, 46.766201],
[90.94276, 46.825775],
[90.957864, 46.879528],
[90.929945, 46.893095],
[90.922165, 46.938704],
[90.901569, 46.960741],
[90.830857, 46.995899],
[90.76724, 46.99248],
[90.69218, 47.080622],
[90.653735, 47.111608],
[90.579819, 47.198191],
[90.561512, 47.207046],
[90.521465, 47.284633],
[90.488283, 47.317267],
[90.526499, 47.378945],
[90.507734, 47.399986],
[90.468602, 47.404872],
[90.458991, 47.438923],
[90.474323, 47.46238],
[90.468145, 47.497614],
[90.398348, 47.547714],
[90.376151, 47.603039],
[90.346173, 47.637367],
[90.384847, 47.644257],
[90.331527, 47.681529],
[90.21642, 47.705418],
[90.192621, 47.722416],
[90.134953, 47.723226],
[90.076141, 47.777421],
[90.070648, 47.820522],
[90.086667, 47.865605],
[89.960576, 47.885779],
[89.958059, 47.842867],
[89.933344, 47.835734],
[89.762171, 47.835734],
[89.735397, 47.897476],
[89.650955, 47.91374],
[89.645463, 47.947864],
[89.603356, 47.963172],
[89.599466, 48.015643],
[89.568801, 48.037769],
[89.498089, 48.028383],
[89.408612, 48.034953],
[89.38138, 48.046215],
[89.359869, 48.026372],
[89.308609, 48.021946],
[89.282064, 47.994044],
[89.23149, 47.980221],
[89.15643, 47.996861],
[89.078395, 47.986931],
[89.044756, 48.009875],
[89.027364, 48.050906],
[88.953906, 48.090833],
[88.930564, 48.119486],
[88.824382, 48.106768],
[88.797379, 48.133941],
[88.721404, 48.160564],
[88.700808, 48.181024],
[88.64131, 48.181959],
],
],
],
},
},
],
};核心代码：
javascript
import * as turf from '@turf/turf';
export const ADD_MAPBOX_BASE_LAYER_OBSCURATION = (MAP = map) => {
const layerId = LAYERS_GROUP_ID.TD_BASE_MAP_RIVER;
// var bbox = turf.bbox(xj);
// var bboxPolygon = turf.bboxPolygon(bbox);
const res = turf.buffer(XinjiangRegion, 50, { units: 'miles' });
let res1 = XinjiangRegion.features[0].geometry.coordinates[0][0];
const layers = {
id: 'mb',
type: 'fill',
source: {
type: 'geojson',
data: {
type: 'Feature',
geometry: {
type: 'Polygon',
coordinates: [
[
// 多边形外围 需要进行遮罩的点 这里是给世界地图加遮罩 所以是世界的四个端点
[-180, 90],
[180, 90],
[180, -90],
[-180, -90],
],
res1,
],
},
},
},
paint: {
'fill-color': 'rgba(0, 0, 0,0.65)', //蒙层的颜色
'fill-outline-color': '#4883d6',
},
layout: {
visibility: 'visible',
},
};
const bbox = turf.bbox(XinjiangRegion);
const layer = {
id: `${layerId}~1`,
type: 'line',
source: {
type: 'geojson',
data: XinjiangRegion.features[0],
},
layout: {},
paint: {
'line-color': '#4883d6', //边界线的颜色
'line-width': 3,
},
};
const layer1 = {
id: layerId,
type: 'fill',
source: {
type: 'geojson',
data: res,
},
layout: {},
paint: {
'fill-opacity': 0.7,
'fill-color': 'rgba(225, 225, 225,0.1)', //新疆内部区域
'fill-outline-color': '#f8c021',
},
};
map.addLayerToGroup(layerId, layer); //addLayerToGroup 这里使用的是一个封装好图层组的方法【npm i mapbox-gl-plugin-layer-group】
map.addLayerToGroup(layerId, layer1);
MAP.addLayerToGroup(layerId, layers);
map.fitBounds(
[
[bbox[0], bbox[1]],
[bbox[2], bbox[3]],
],
{
padding: { top: 100, bottom: 100, left: 100, right: 100 },
// maxZoom: 13,
},
);
};