济南市echarts 100%配置项内容和展示
配置项如下
let jinanJSON = {
"type": "FeatureCollection",
"features": [{
"type": "Feature",
"properties": {
"adcode": 370103,
"name": "市中区",
"center": [116.99898, 36.657354],
"centroid": [116.971505, 36.578595],
"childrenNum": 0,
"level": "district",
"acroutes": [100000, 370000, 370100],
"parent": {
"adcode": 370100
}
},
"geometry": {
"type": "MultiPolygon",
"coordinates": [
[
[
[116.813275, 36.624412],
[116.81784, 36.623735],
[116.825434, 36.623722],
[116.827407, 36.623909],
[116.828811, 36.625353],
[116.830314, 36.624713],
[116.83046, 36.626587],
[116.833645, 36.626419],
[116.834635, 36.626447],
[116.834778, 36.627179],
[116.836827, 36.62793],
[116.838427, 36.631505],
[116.83774, 36.632403],
[116.837653, 36.633435],
[116.839242, 36.634019],
[116.839357, 36.633351],
[116.842201, 36.633607],
[116.842159, 36.633986],
[116.845934, 36.633607],
[116.84631, 36.625588],
[116.864533, 36.628442],
[116.869987, 36.629319],
[116.870977, 36.628798],
[116.871608, 36.628241],
[116.872162, 36.628],
[116.87335, 36.628396],
[116.874532, 36.628633],
[116.877306, 36.62879],
[116.885207, 36.62886],
[116.885841, 36.628381],
[116.885998, 36.62783],
[116.885998, 36.623313],
[116.886242, 36.622127],
[116.886629, 36.621654],
[116.888235, 36.621297],
[116.889305, 36.62088],
[116.890152, 36.620244],
[116.890629, 36.61975],
[116.891124, 36.619413],
[116.891637, 36.619291],
[116.893104, 36.619095],
[116.894083, 36.618918],
[116.895474, 36.618461],
[116.898101, 36.61654],
[116.898676, 36.616387],
[116.899276, 36.616431],
[116.89991, 36.616587],
[116.901447, 36.61728],
[116.90466, 36.619001],
[116.906298, 36.620146],
[116.906769, 36.62081],
[116.907758, 36.621802],
[116.908002, 36.621979],
[116.908853, 36.622297],
[116.910592, 36.622636],
[116.911163, 36.622636],
[116.911582, 36.622536],
[116.912118, 36.622198],
[116.912895, 36.622011],
[116.913286, 36.622111],
[116.914509, 36.622703],
[116.915858, 36.623435],
[116.916196, 36.623737],
[116.916457, 36.624327],
[116.916656, 36.625216],
[116.916656, 36.625712],
[116.916551, 36.627987],
[116.916178, 36.63351],
[116.916021, 36.634106],
[116.915823, 36.634306],
[116.915422, 36.6344],
[116.913606, 36.6345],
[116.913209, 36.634796],
[116.912948, 36.635157],
[116.912913, 36.635728],
[116.912972, 36.636649],
[116.913115, 36.641153],
[116.913052, 36.64155],
[116.912808, 36.641844],
[116.911662, 36.64224],
[116.911365, 36.642695],
[116.911306, 36.643189],
[116.911428, 36.64438],
[116.918534, 36.643956],
[116.918872, 36.644293],
[116.91897, 36.646033],
[116.919325, 36.646333],
[116.919925, 36.64639],
[116.91996, 36.646838],
[116.91996, 36.649408],
[116.925612, 36.645791],
[116.926065, 36.645652],
[116.926602, 36.645891],
[116.926933, 36.646586],
[116.927689, 36.646743],
[116.933227, 36.646619],
[116.933339, 36.646449],
[116.933516, 36.644739],
[116.933715, 36.644245],
[116.934109, 36.644206],
[116.939187, 36.644125],
[116.93964, 36.644359],
[116.94026, 36.646649],
[116.940553, 36.646906],
[116.94111, 36.647046],
[116.943156, 36.647111],
[116.943487, 36.64725],
[116.943686, 36.647646],
[116.944557, 36.65019],
[116.94486, 36.650549],
[116.945254, 36.650604],
[116.945812, 36.650506],
[116.945871, 36.650201],
[116.945749, 36.648973],
[116.945749, 36.648378],
[116.945951, 36.647905],
[116.950712, 36.644432],
[116.950914, 36.644075],
[116.951025, 36.642906],
[116.951113, 36.639619],
[116.951224, 36.638948],
[116.951701, 36.637879],
[116.952573, 36.636496],
[116.953566, 36.635785],
[116.954402, 36.635588],
[116.957849, 36.635399],
[116.958564, 36.635517],
[116.960038, 36.636788],
[116.960515, 36.636984],
[116.961386, 36.63701],
[116.961742, 36.636932],
[116.961979, 36.636694],
[116.962066, 36.635824],
[116.962223, 36.635301],
[116.962718, 36.635201],
[116.963171, 36.635636],
[116.964767, 36.639987],
[116.96499, 36.640947],
[116.965359, 36.641382],
[116.965593, 36.641523],
[116.966447, 36.641724],
[116.967126, 36.641633],
[116.9676, 36.641436],
[116.968555, 36.640809],
[116.969705, 36.639427],
[116.970744, 36.637326],
[116.971012, 36.636259],
[116.971336, 36.635748],
[116.974114, 36.632824],
[116.974473, 36.632312],
[116.973992, 36.631321],
[116.973992, 36.630843],
[116.974306, 36.630322],
[116.974706, 36.630211],
[116.975501, 36.630335],
[116.975902, 36.629739],
[116.976379, 36.627961],
[116.976773, 36.627288],
[116.97725, 36.626774],
[116.977843, 36.626774],
[116.978881, 36.626977],
[116.979474, 36.627492],
[116.979753, 36.628444],
[116.979951, 36.63074],
[116.98023, 36.631615],
[116.980826, 36.632525],
[116.981941, 36.633401],
[116.982813, 36.634511],
[116.983015, 36.635301],
[116.982736, 36.637559],
[116.981384, 36.643555],
[116.98146, 36.643831],
[116.981704, 36.64391],
[116.984207, 36.643777],
[116.985001, 36.643858],
[116.985123, 36.644097],
[116.984524, 36.648609],
[116.984524, 36.649798],
[116.9846, 36.650233],
[116.984879, 36.65059],
[116.985796, 36.65091],
[116.987584, 36.652638],
[116.987984, 36.653312],
[116.988061, 36.653903],
[116.988019, 36.655031],
[116.987643, 36.656631],
[116.987688, 36.65666],
[116.98688, 36.659979],
[116.986747, 36.660771],
[116.987026, 36.661166],
[116.987817, 36.661564],
[116.98842, 36.661965],
[116.988497, 36.662638],
[116.988263, 36.663714],
[116.989044, 36.663842],
[116.988455, 36.66579],
[116.988207, 36.665722],
[116.987991, 36.6664],
[116.987685, 36.666384],
[116.987692, 36.666826],
[116.994749, 36.668371],
[116.995895, 36.668722],
[116.996728, 36.668878],
[116.997321, 36.66888],
[116.999624, 36.668491],
[117.004166, 36.667835],
[117.004193, 36.667867],
[117.0081, 36.66731],
[117.008173, 36.667264],
[117.007891, 36.666173],
[117.009407, 36.666014],
[117.009435, 36.665659],
[117.010066, 36.665659],
[117.010066, 36.665304],
[117.010355, 36.665409],
[117.011948, 36.665127],
[117.011833, 36.664653],
[117.012401, 36.664601],
[117.012254, 36.663975],
[117.015976, 36.664071],
[117.015576, 36.663398],
[117.013195, 36.66022],
[117.012997, 36.659824],
[117.013195, 36.659229],
[117.013474, 36.65923],
[117.015185, 36.659436],
[117.015297, 36.659156],
[117.015185, 36.656148],
[117.014983, 36.655473],
[117.014659, 36.655157],
[117.013589, 36.65488],
[117.01385, 36.650852],
[117.013833, 36.649976],
[117.013666, 36.648604],
[117.013631, 36.647413],
[117.013666, 36.645277],
[117.013582, 36.644522],
[117.013415, 36.643966],
[117.012965, 36.643139],
[117.012993, 36.642682],
[117.013272, 36.641493],
[117.013509, 36.640169],
[117.013586, 36.639061],
[117.013509, 36.638112],
[117.01307, 36.636686],
[117.013115, 36.63629],
[117.013394, 36.635891],
[117.0143, 36.635499],
[117.021378, 36.635621],
[117.021849, 36.635778],
[117.022131, 36.636374],
[117.022375, 36.636692],
[117.022654, 36.636771],
[117.023724, 36.636418],
[117.028293, 36.635127],
[117.030394, 36.63426],
[117.031987, 36.633274],
[117.034966, 36.630908],
[117.037859, 36.628478],
[117.039612, 36.627693],
[117.04239, 36.627305],
[117.0466, 36.627471],
[117.048987, 36.627081],
[117.052158, 36.625509],
[117.053584, 36.625272],
[117.054775, 36.625512],
[117.057877, 36.627895],
[117.059149, 36.628293],
[117.061045, 36.628298],
[117.063509, 36.627506],
[117.065572, 36.627075],
[117.06835, 36.626841],
[117.069141, 36.626447],
[117.069542, 36.625736],
[117.069699, 36.624869],
[117.069699, 36.623361],
[117.069932, 36.622492],
[117.070629, 36.62163],
[117.085772, 36.606487],
[117.091794, 36.605858],
[117.095913, 36.606811],
[117.100667, 36.60586],
[117.110801, 36.600157],
[117.119984, 36.594757],
[117.120612, 36.594707],
[117.124487, 36.595557],
[117.126352, 36.595335],
[117.128247, 36.594698],
[117.130701, 36.592405],
[117.127631, 36.59121],
[117.126097, 36.586087],
[117.132011, 36.584275],
[117.135116, 36.581654],
[117.13482, 36.578425],
[117.135573, 36.578658],
[117.13704, 36.579696],
[117.139511, 36.577351],
[117.139647, 36.576862],
[117.138692, 36.575602],
[117.142254, 36.56739],
[117.147217, 36.565884],
[117.149803, 36.565921],
[117.149991, 36.567066],
[117.155535, 36.568459],
[117.158271, 36.566929],
[117.159414, 36.560622],
[117.157696, 36.555773],
[117.160446, 36.554579],
[117.1607, 36.552517],
[117.161777, 36.550532],
[117.159913, 36.545592],
[117.153451, 36.540636],
[117.149349, 36.540975],
[117.146906, 36.540216],
[117.141233, 36.539884],
[117.135364, 36.537127],
[117.129648, 36.538501],
[117.129816, 36.540401],
[117.130847, 36.540899],
[117.128833, 36.542821],
[117.126916, 36.543175],
[117.123027, 36.542531],
[117.121873, 36.540881],
[117.116914, 36.538623],
[117.113244, 36.536188],
[117.100538, 36.539655],
[117.099119, 36.540383],
[117.091487, 36.547745],
[117.091139, 36.550019],
[117.090023, 36.551091],
[117.087005, 36.552296],
[117.085559, 36.556557],
[117.085461, 36.558389],
[117.08253, 36.560955],
[117.078941, 36.559397],
[117.078617, 36.560332],
[117.079105, 36.565186],
[117.07999, 36.566163],
[117.081129, 36.56979],
[117.080669, 36.570935],
[117.07853, 36.572748],
[117.070085, 36.573627],
[117.068587, 36.573532],
[117.0682, 36.572759],
[117.068029, 36.572144],
[117.065325, 36.570056],
[117.054598, 36.567968],
[117.05349, 36.568205],
[117.050259, 36.571391],
[117.047046, 36.570963],
[117.045638, 36.57142],
[117.045547, 36.572418],
[117.045617, 36.575178],
[117.04446, 36.575085],
[117.041023, 36.572846],
[117.03988, 36.569778],
[117.036531, 36.563716],
[117.03443, 36.563888],
[117.029115, 36.56668],
[117.029024, 36.566265],
[117.028306, 36.565073],
[117.02769, 36.564656],
[117.027352, 36.563969],
[117.026836, 36.563851],
[117.026836, 36.56339],
[117.027219, 36.562933],
[117.025982, 36.560756],
[117.023842, 36.560678],
[117.023295, 36.560513],
[117.026787, 36.555773],
[117.027324, 36.554905],
[117.028693, 36.554218],
[117.02693, 36.549976],
[117.02441, 36.545429],
[117.023779, 36.545345],
[117.023016, 36.546449],
[117.016077, 36.545616],
[117.011449, 36.542607],
[117.007441, 36.541807],
[117.002796, 36.539464],
[117.001757, 36.539644],
[116.996394, 36.538107],
[116.994282, 36.536636],
[116.994745, 36.535573],
[116.986193, 36.532714],
[116.982328, 36.528782],
[116.981656, 36.526807],
[116.98489, 36.523018],
[116.985378, 36.519656],
[116.984677, 36.51955],
[116.983548, 36.521843],
[116.98092, 36.521818],
[116.98, 36.521377],
[116.979896, 36.518726],
[116.977257, 36.518672],
[116.964391, 36.521119],
[116.959257, 36.519552],
[116.95633, 36.517059],
[116.95204, 36.515101],
[116.950876, 36.515029],
[116.951799, 36.51308],
[116.951754, 36.51155],
[116.950733, 36.510134],
[116.950098, 36.511437],
[116.949593, 36.511548],
[116.945237, 36.508171],
[116.943839, 36.505167],
[116.944648, 36.50209],
[116.944407, 36.501312],
[116.942996, 36.499548],
[116.938416, 36.49998],
[116.934112, 36.49802],
[116.933405, 36.489735],
[116.933691, 36.485469],
[116.922448, 36.483787],
[116.922462, 36.486753],
[116.921584, 36.487708],
[116.916279, 36.491327],
[116.912118, 36.49099],
[116.908138, 36.490039],
[116.906758, 36.489333],
[116.902736, 36.48909],
[116.898464, 36.489726],
[116.895303, 36.490678],
[116.892135, 36.492578],
[116.887702, 36.496541],
[116.884224, 36.499709],
[116.881377, 36.500978],
[116.877588, 36.501301],
[116.872368, 36.502887],
[116.870468, 36.504475],
[116.86936, 36.506405],
[116.869203, 36.50733],
[116.869046, 36.50994],
[116.867781, 36.512795],
[116.865415, 36.513904],
[116.863516, 36.51438],
[116.863195, 36.515966],
[116.863829, 36.517552],
[116.863516, 36.518974],
[116.860041, 36.519454],
[116.858299, 36.520647],
[116.858142, 36.52191],
[116.860198, 36.531886],
[116.86131, 36.535918],
[116.861944, 36.544073],
[116.86431, 36.552618],
[116.86652, 36.556816],
[116.868897, 36.559189],
[116.872849, 36.56108],
[116.881227, 36.561864],
[116.883917, 36.562179],
[116.884708, 36.56297],
[116.884708, 36.564238],
[116.882652, 36.565819],
[116.877595, 36.566935],
[116.873953, 36.567415],
[116.870475, 36.568686],
[116.868109, 36.570904],
[116.866053, 36.571859],
[116.862578, 36.572181],
[116.860522, 36.573451],
[116.859414, 36.576459],
[116.858149, 36.579315],
[116.85704, 36.580424],
[116.853252, 36.583516],
[116.849614, 36.585976],
[116.84646, 36.588041],
[116.842985, 36.590741],
[116.832554, 36.600262],
[116.827815, 36.606052],
[116.825926, 36.610333],
[116.823873, 36.612711],
[116.820709, 36.614376],
[116.816757, 36.616285],
[116.815492, 36.61803],
[116.814704, 36.621197],
[116.814073, 36.623417],
[116.813275, 36.624412]
]
]
]
}
}]
}
echarts.registerMap("济南市", jinanJSON);
// 图标
let iconWZ = "image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6ODlDOEM5RjMxQTc3MTFFQkJFNjlCNkNBQjcxMTVBMEUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6ODlDOEM5RjQxQTc3MTFFQkJFNjlCNkNBQjcxMTVBMEUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4OUM4QzlGMTFBNzcxMUVCQkU2OUI2Q0FCNzExNUEwRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4OUM4QzlGMjFBNzcxMUVCQkU2OUI2Q0FCNzExNUEwRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Psw+bB0AAAQNSURBVHja7JpZSFRhFMdnxMqitAVtQXOpMMrIFqOi5SEhXyzQIHyJ9g2pMHrIl3pIaTGhncLKkqCHHiJsL4qoqKAsU1ttglRIy2IizSWn/8H/wEVmuffOndsd8cCPO8u99/v+833fOec7d+wul8vWGyzM1kus1wgJD/QGkY58f6eMBGNALXD2/NKZWBgSI9IPiNJjINfSI+LDplNENt/PATNAMXgUCmskBuSBmwoRbsvi51s45Qwze6Dul2tkBEgD6WSqiktfg9ukAmvl638RAgGpOMwCc9nx1AD6UQWeuYGoCsOEoKMy7eL4a48G40EiieV30UGYmk2gDjSAj+ATPV4jqYfQTi2LfTY4AeLBABBhUkiIJtMUn/0B7XQSe8BjLUJGgQQZHAvEuwgSx35p8lp/QavFAngb+9WXa/UJCZmk0Yu1AAlwLrrvqFATIlH6KqgG70EX3bd4m81gvtWFiCfZBQo8fFfH43VmwLuDMROMuOEvsATc5/sMkAnGMZDVgLPgA4VKxD5jNSGSKmylCDs4DXJ6ZAFLwWqwA5RR1AKw0kpe6xo7JnYUrPKSykjKfp4Jptg+8M1KQh4q8rKNKs4/wpGrpTOwjJAaHtNV3msSmAA6wDurCGliii02RcOanMnX1VYRMlSxXf2i8pouhfhos4TYVVRIkvn6rsr2JNpX8nWCnh2ttz6H+fn1/Fkaj1JQuKji/DymL1GKa7UG3g6tQn56u0hh2XSpInoN44Qn+w3Wgktscz9I0pnDNWsNiM0qRmUoOy8Brh6sAM/BMnbUHdnF7d7iNQvBOp1LQe73Q+uIyAVOFTdP4hrJ4PtDTA7juYYyFSLk3HtgGzNjrdbgbUTC/LjXcpUNJDMpLGCJKIbpSycX6GRwjgtdigqHwSYd60N+sO+a61qRjvxFONzR8cu9ZSlHKh9DGDuGKeb5YmYF623ddWE1OZ+s2RRnYmG9nqRRyi5PmIJosYnEkw3i6EnGfIrrUMT093PPcm8i/AZEXNjKhWq0DQZXJLVBGyXcdLX42SocCDSyS4MPgiSmDNN3HsRI+l/q49yTOKfSZ6RUU/tFY/KI4GmQ9vgOUEjX7Wkr/FkcCIQ0BSyEYrbjUGRycUTWTzZEXDYsacTNDuJQYrKQIjUi9GS/uayUmGHi2Xaqzia1Ph/BFEthI7FBFPFSYg1GozFo+xHcvIqFg5YgiXgDsrSI0L2xQiOSKixnEmekvWJscZi2Q0Rj5UzN2w0S8YLTqcH04gMavYDDBlv3I7FArIQjofuBqBEBrpRZrRTgpBg3UGMBoxgC9gbaiXADp0UO9yTiCOTPAWN9nC/FCinuHfeXepgtxG03iNSuUriRGs6KSRuLD3XMqg0t0Nn7/q9lMfsnwABgsx9NHk051gAAAABJRU5ErkJggg==";
let iconJC = "image://data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAYAAAAeP4ixAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyVpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ4IDc5LjE2NDAzNiwgMjAxOS8wOC8xMy0wMTowNjo1NyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QTJFMUVBOTQxQTc3MTFFQkJFNjlCNkNBQjcxMTVBMEUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QTJFMUVBOTUxQTc3MTFFQkJFNjlCNkNBQjcxMTVBMEUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo4OUM4QzlGNTFBNzcxMUVCQkU2OUI2Q0FCNzExNUEwRSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo4OUM4QzlGNjFBNzcxMUVCQkU2OUI2Q0FCNzExNUEwRSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PmhTJ9IAAAM/SURBVHja7JpNaBNBFMc32ioqoqm0il+IH2EvWpVWVDwo9iL1A7wpilI8KUUPXlQsCCqIB0Xw6MmDqGBArB60pWBBS62KKIb1IkJFrJrW1mJpm/h/yTts1t1kk5232Q198FuSye7O/OfNvPlKJJ1Oa5Vg07QKsYoRUuX6zkSsHtcdoA6MKcg7BRaDLk037np9WcRVH0nE9uF6CuhgLphQIIQyngW6wTGI+SwrJBFrwLWTBai2v+yZD6AZYgYk+0ibkAiyEfALNIJHqLQ6SSGNgn00wh4h2wSeQswSKSEzfQw+60AcYhZJCJkQLnzapgXch5gamfD7f+h8DwwwCaYXuH8cLAXbuDkVqky6rwNidiEAfFMVtb7jWmtJpbTtyOQjfncrnsQ+yzyX6+1BMJux2luwG/n0S43sAxkRxRl57pNNiyAxow7PrAf3UFm1Uh6hsHkHvOSxwI1RoVrAAoem2s+zBrvg8hrsQeV9VS1EtZGQL2AeGLIJ0VHQCyFNqju7xOR1hU0EM0e2LRJRS3KAjDr89rNSpvEpCY9QBGoHfS7HEbcFTXFQ2F/sO0sVQtHjKDpfsohxxN50wxpc5uO6GSzzY4U4YhNd1JhuDOYZV5R7ZDV4jtp743m1mOtRqth6fr8vQqrBVmZq8yHsQrrAJe5nZdhFUWOdmbV5Nt/jYfXIY7CXJ5nNPK8KnRBahxwEf/h7g+q8q3xqTjRSD5vmUxsULIl99Uicm9GwKW0hWBmmqBXn5mRdeK0By8Mi5CE45LB63KlokineR8gTBxymLhSpaM/qCX+ne2p4kjgjKEImeR1/JM/agTx0HiRNuyjU+V+BjUER0gEOF7hnLLMDk2u0IbE2SE2LOvA50zuppt+BB3meOQmuB62P0NnJRUva7TxCzoDLYRnZ2x3S21SKkB7Zf4MXNukXWIgWFiEJ8MOSRtP3sxKZSQrps6y9r4LTUplJCuk1fb6mZQ9TtXIKKUXsEI8rZDdAq3RZ3RSSDiujJWTaxCG5VVGlJ70KoXPwVUVmOgfcUtx6ur2OI1dAT5k3SXq4HI7m9p8PdCx2Qssem1EzG/eh8NXcnGjX5aamG6PehYTApjbogmb/BBgAumjJdQ+inDcAAAAASUVORK5CYII=";
// 物资
let wuzi = [{
name: '物资地点1',
value: [116.980137, 36.613791],
url: "http://echarts.apache.org/zh/index.html",
type: 'wuzi'
},
{
name: '物资地点2',
value: [117.032898, 36.598324],
url: "http://echarts.apache.org/zh/index.html",
type: 'wuzi'
},
];
// 检查
let jiancha = [{
name: '检查地点1',
value: [116.930037, 36.623991],
url: "http://echarts.apache.org/zh/index.html",
type: 'jiancha'
},
{
name: '检查地点2',
value: [117.000890, 36.598324],
url: "http://echarts.apache.org/zh/index.html",
type: 'jiancha'
},
];
option = {
backgroundColor: '#000127',
legend: {
orient: 'vertical',
bottom: 100,
right: 0,
itemWidth: 15,
data: [{
name: '物资',
icon: iconWZ
},
{
name: '检查',
icon: iconJC
}
],
textStyle: {
color: '#fff',
fontSize: 14
}
},
geo: [{
show: true,
map: '济南市',
layoutCenter: ["50%", "50%"], //地图位置
layoutSize: '100%',
aspectScale: 0.75, //长宽比
zoom: 1.1,
roam: false,
itemStyle: {
normal: {
shadowColor: '#13087a',
shadowOffsetX: 10,
shadowOffsetY: 10,
// areaColor: "#003095",
},
},
}],
series: [
// 地图样式
{
type: "map",
mapType: "济南市",
zoom: 1.1,
roam: true,
layoutCenter: ["50%", "50%"], //地图位置
layoutSize: '100%',
label: {
normal: {
formatter: '{b}',
position: 'right',
show: false
},
emphasis: {
show: false
}
},
itemStyle: {
normal: {
areaColor: "#003095",
borderColor: '#176df0',
borderWidth: 2
},
emphasis: {
areaColor: "#003095",
}
}
},
// 物资坐标
{
name: '物资',
type: 'scatter',
coordinateSystem: 'geo',
data: wuzi,
symbol: iconWZ,
symbolSize: 20,
label: {
normal: {
show: true,
formatter: function(params) {
return params.name
},
position: 'bottom',
color: '#fff',
fontSize: '11'
},
emphasis: {
show: false,
color: '#00d5e9',
}
},
},
// 检查坐标
{
name: '检查',
type: 'scatter',
coordinateSystem: 'geo',
data: jiancha,
symbol: iconJC,
symbolSize: 20,
label: {
normal: {
show: true,
formatter: function(params) {
return params.name
},
position: 'bottom',
color: '#fff',
fontSize: '11'
},
emphasis: {
show: false,
color: '#00d5e9',
}
},
},
]
};
// 缩放
myChart.on('georoam', function(params) {
var option = myChart.getOption(); //获得option对象
if (params.zoom != null && params.zoom != undefined) { //捕捉到缩放时
option.geo[0].zoom = option.series[0].zoom; //下层geo的缩放等级跟着上层的geo一起改变
option.geo[0].center = option.series[0].center; //下层的geo的中心位置随着上层geo一起改变
} else { //捕捉到拖曳时
option.geo[0].center = option.series[0].center; //下层的geo的中心位置随着上层geo一起改变
}
myChart.dispatchAction({ //上下层同时缩放
type: 'restore'
})
myChart.setOption(option); //设置option
});
// 点击
myChart.on('click', (params) => {
this.list = params.data;
let url = this.list.url;
window.open(url)
});
截图如下
