| 1 |
- (self["webpackChunk"]=self["webpackChunk"]||[]).push([[384],{54492:function(e,t,a){"use strict";a.r(t);var n=a(11849),i=a(2824),l=a(67294),o=a(60694),u=a(85893),c=[{name:"\u4e0a\u57ce\u533a",value:2742.13435390392},{name:"\u62f1\u5885\u533a",value:690.3499421982051},{name:"\u897f\u6e56\u533a",value:2442.158353994377},{name:"\u6ee8\u6c5f\u533a",value:2231.1372599010606},{name:"\u8427\u5c71\u533a",value:144.00007302677432},{name:"\u4f59\u676d\u533a",value:825.2509663363927},{name:"\u5bcc\u9633\u533a",value:4853.886863229544},{name:"\u4e34\u5b89\u533a",value:4478.950629914427},{name:"\u4e34\u5e73\u533a",value:4455},{name:"\u94b1\u5858\u533a",value:3991.8029763729514},{name:"\u6850\u5e90\u53bf",value:1991.3427294174303},{name:"\u6df3\u5b89\u53bf",value:758.5332153016999},{name:"\u5efa\u5fb7\u5e02",value:4846.153099183986}],s=function(){var e=(0,l.useState)([]),t=(0,i.Z)(e,2),a=t[0],s=t[1];(0,l.useEffect)((function(){r()}),[]);var r=function(){fetch("https://gw.alipayobjects.com/os/alisis/geo-data-v0.1.2/administrative-data/area-list.json").then((function(e){return e.json()})).then((function(e){return s(e)})).catch((function(e){console.log("\u83b7\u53d6\u5931\u8d25",e)}))},v=a.filter((function(e){var t;return null===(t=e.name)||void 0===t?void 0:t.includes("\u676d\u5dde\u5e02")})),d=(null===v||void 0===v?void 0:v.length)>0&&v[0].adcode,f=a.filter((function(e){var t=e.level,a=e.parent;return"district"===t&&a===d})).reduce((function(e,t){var a=e.find((function(e){return e.name===t.name}));return a?Object.assign(a,t):e.push(t),e}),c);console.log(f);var m={map:{type:"mapbox",style:"black",zoom:1,pitch:0},source:{data:f,joinBy:{sourceField:"adcode",geoField:"adcode"}},viewLevel:{level:"city",adcode:330100},autoFit:!0,color:{field:"value",value:["#B8E1FF","#7DAAFF","#3D76DD","#0047A5","#001D70"],scale:{type:"quantize"}},style:{opacity:1,stroke:"#ccc",lineWidth:.6,lineOpacity:1},label:{visible:!0,field:"name",style:{fill:"#000",opacity:.8,fontSize:10,stroke:"#fff",strokeWidth:1.5,textAllowOverlap:!1,padding:[5,5]}},state:{active:{stroke:"black",lineWidth:1}},tooltip:{items:["name","value"]},zoom:{visible:!1,position:"bottomright"},legend:{position:"bottomleft"}};return(0,u.jsx)("div",{style:{width:600,height:600},children:(0,u.jsx)(o.Z,(0,n.Z)({},m))})};t["default"]=s}}]);
|
