软件园echarts 地图配置项内容和展示
配置项如下
myChart.showLoading();
const ndJson = {
"type": "FeatureCollection",
"features": [{
"type": "Feature",
"properties": {
"stroke": "#555555",
"stroke-width": 2,
"stroke-opacity": 1,
"fill": "#555555",
"fill-opacity": 0.5,
"name": "东苑"
},
"geometry": {
"type": "Polygon",
"coordinates": [
[
[
119.24237608909606,
26.08781425563852
],
[
119.24099206924438,
26.091234912609913
],
[
119.23730134963988,
26.09057006035196
],
[
119.23736572265625,
26.088748923951126
],
[
119.23800945281982,
26.087920249327624
],
[
119.23882484436034,
26.087843163017805
],
[
119.24237608909606,
26.08781425563852
]
]
]
}
},
{
"type": "Feature",
"properties": {
"stroke": "#555555",
"stroke-width": 2,
"stroke-opacity": 1,
"fill": "#555555",
"fill-opacity": 0.5,
"name": "北区田径场"
},
"geometry": {
"type": "Polygon",
"coordinates": [
[
[
119.23799872398376,
26.087920249327624
],
[
119.23733353614806,
26.088748923951126
],
[
119.23730134963988,
26.09057006035196
],
[
119.23473715782166,
26.090078645385315
],
[
119.23521995544434,
26.087929885112807
],
[
119.23729062080383,
26.08822859405914
],
[
119.23799872398376,
26.087920249327624
]
]
]
}
}
]
};
const rjyJson = {
"type": "FeatureCollection",
"features": [{
"type": "Feature",
"geometry": {
"type": "Polygon",
"coordinates": [
[
[119.26682311500008, 26.111579862000042],
[119.26690877500005, 26.111237220000078],
[119.26741322100008, 26.111056381000026],
[119.26804139900003, 26.111103970000045],
[119.26841259500009, 26.110161704000063],
[119.26780345200007, 26.109942793000073],
[119.26775586300005, 26.109752436000065],
[119.26769875600007, 26.109276544000068],
[119.2679747740001, 26.10841042000004],
[119.2682317550001, 26.10809633200006],
[119.26849825500005, 26.10804874200005],
[119.26919305800004, 26.108277171000054],
[119.26945004000004, 26.10804874200005],
[119.27026857400006, 26.108286688000078],
[119.2705160380001, 26.108324760000073],
[119.27091578700004, 26.10770610000003],
[119.27134409000007, 26.107668029000024],
[119.27217214300003, 26.10792501000003],
[119.27292405300011, 26.108296206000034],
[119.27249575000008, 26.108971973000052],
[119.27214358900005, 26.109209919000023],
[119.27180094700009, 26.109095705000072],
[119.27135360800003, 26.110171222000076],
[119.27129650100005, 26.110504346000027],
[119.27091578700004, 26.111180113000046],
[119.2705921810001, 26.112046237000072],
[119.27034471700006, 26.11230321900007],
[119.27034471700006, 26.112645861000033],
[119.27019243100005, 26.112769593000053],
[119.26682311500008, 26.111579862000042]
]
]
},
"properties": {
"OBJECTID": 1,
"NAME": "软件园A区",
"SHAPE_Leng": 0.0197484383594,
"SHAPE_Area": 0.0000161431582482
}
},
{
"type": "Feature",
"geometry": {
"type": "Polygon",
"coordinates": [
[
[119.26444365400005, 26.110390132000077],
[119.26428185000009, 26.11051386400004],
[119.26445317100001, 26.110685185000023],
[119.26424377900003, 26.111018310000077],
[119.26416763600002, 26.111170595000033],
[119.2639963150001, 26.111560827000062],
[119.26377740400005, 26.111598898000068],
[119.26356801200006, 26.111532273000023],
[119.26349186900006, 26.111256256000047],
[119.2631492270001, 26.11092313100005],
[119.26329199400004, 26.11035206100007],
[119.26287320900008, 26.109923758000036],
[119.26279706700006, 26.109619187000078],
[119.26202612100008, 26.109504972000025],
[119.26132180100001, 26.109876168000028],
[119.26074121200008, 26.109171848000074],
[119.26146456800006, 26.108657884000024],
[119.26193094300004, 26.108286688000078],
[119.26155022900002, 26.10795356400007],
[119.26103626500003, 26.10819151000004],
[119.26080783700002, 26.107944046000057],
[119.26067458700004, 26.107306351000034],
[119.26057940900012, 26.107296833000078],
[119.26052230200003, 26.10707792200003],
[119.26125517600008, 26.106925637000074],
[119.26216888900001, 26.107734653000023],
[119.2621498530001, 26.10841042000004],
[119.26234021000005, 26.108686438000063],
[119.26292079900009, 26.108971973000052],
[119.26324440500002, 26.108638849000045],
[119.26336813700004, 26.10855318800003],
[119.26438654600008, 26.109143294000035],
[119.26408197500007, 26.10971436500006],
[119.26444365400005, 26.110390132000077]
]
]
},
"properties": {
"OBJECTID": 2,
"NAME": "软件园B区",
"SHAPE_Leng": 0.0173306128657,
"SHAPE_Area": 0.00000644910185318
}
},
{
"type": "Feature",
"geometry": {
"type": "Polygon",
"coordinates": [
[
[119.26682311500008, 26.111579862000042],
[119.26684215000012, 26.111741666000057],
[119.26708961400004, 26.112103344000047],
[119.26690877500005, 26.112360326000044],
[119.26589036600001, 26.112731522000047],
[119.26591891900011, 26.113007539000023],
[119.26582374100008, 26.113645235000035],
[119.2647672600001, 26.11387366300005],
[119.2642532970001, 26.113883181000062],
[119.2638440290001, 26.113264521000076],
[119.26319681600012, 26.112864771000034],
[119.2633300660001, 26.112369844000057],
[119.26223551400005, 26.11211286200006],
[119.26174058600009, 26.112160451000022],
[119.26168347900011, 26.111874916000033],
[119.26176913900008, 26.111541791000036],
[119.2603795340001, 26.110961203000045],
[119.26087446200006, 26.11090409600007],
[119.25997978500004, 26.109628704000045],
[119.26074121200008, 26.109171848000074],
[119.26132180100001, 26.109876168000028],
[119.26202612100008, 26.109504972000025],
[119.26279706700006, 26.109619187000078],
[119.26287320900008, 26.109923758000036],
[119.26329199400004, 26.11035206100007],
[119.2631492270001, 26.11092313100005],
[119.26349186900006, 26.111256256000047],
[119.26356801200006, 26.111532273000023],
[119.26377740400005, 26.111598898000068],
[119.2639963150001, 26.111560827000062],
[119.26416763600002, 26.111170595000033],
[119.26424377900003, 26.111018310000077],
[119.26445317100001, 26.110685185000023],
[119.26428185000009, 26.11051386400004],
[119.26444365400005, 26.110390132000077],
[119.26486243900001, 26.11084698800005],
[119.26535736700009, 26.11126577400006],
[119.26611879400002, 26.111541791000036],
[119.26682311500008, 26.111579862000042]
]
]
},
"properties": {
"OBJECTID": 3,
"NAME": "软件园D区",
"SHAPE_Leng": 0.0226536290407,
"SHAPE_Area": 0.0000135515804272
}
},
{
"type": "Feature",
"geometry": {
"type": "Polygon",
"coordinates": [
[
[119.26052230200003, 26.10707792200003],
[119.25990364200004, 26.107258761000026],
[119.25959907100003, 26.105983370000047],
[119.25984653500007, 26.105497960000037],
[119.25986557100009, 26.105107729000053],
[119.2596847320001, 26.104527140000073],
[119.25922787500008, 26.104013176000024],
[119.25937064300001, 26.10384185500004],
[119.2605318200001, 26.103489695000064],
[119.26111240800003, 26.10207153600004],
[119.26202612100008, 26.102376107000055],
[119.26218792500003, 26.102652125000077],
[119.26276851300008, 26.102766339000027],
[119.2634823510001, 26.102661643000033],
[119.26415811800007, 26.102813928000046],
[119.26468160000002, 26.10269971400004],
[119.26540495600011, 26.102794892000077],
[119.26541447400007, 26.103099463000035],
[119.26448172500011, 26.105231461000074],
[119.26368222600001, 26.106345048000037],
[119.26350138700002, 26.106678173000034],
[119.26342524400002, 26.107211172000063],
[119.26216888900001, 26.107734653000023],
[119.26125517600008, 26.106925637000074],
[119.26052230200003, 26.10707792200003]
]
]
},
"properties": {
"OBJECTID": 4,
"NAME": "福州大学铜盘校区",
"SHAPE_Leng": 0.0199604326903,
"SHAPE_Area": 0.0000214995709864
}
},
{
"type": "Feature",
"geometry": {
"type": "Polygon",
"coordinates": [
[
[119.25990364200004, 26.107258761000026],
[119.25929450000001, 26.107496707000053],
[119.25869487600005, 26.10727779700005],
[119.25828560800005, 26.106078549000074],
[119.2575812880001, 26.106116620000023],
[119.25729575300011, 26.105231461000074],
[119.25727671700008, 26.104964961000064],
[119.25615361100006, 26.104603283000074],
[119.25599180800009, 26.104983997000033],
[119.25626782600011, 26.10558362100005],
[119.25587759400003, 26.105783495000026],
[119.25363138300008, 26.10500303200007],
[119.25311741900009, 26.105745424000077],
[119.25260345600009, 26.105545549000055],
[119.2528604370001, 26.105041104000065],
[119.251956242, 26.10483171100003],
[119.25239406300011, 26.10359439100006],
[119.25107108300006, 26.103489695000064],
[119.24971003100006, 26.103032839000036],
[119.24888197900009, 26.102452250000056],
[119.24946256700002, 26.101757447000068],
[119.24917703200003, 26.101319627000066],
[119.24948160300005, 26.101233966000052],
[119.25020495900003, 26.10031073500005],
[119.25083313700009, 26.10057723500006],
[119.25084265400005, 26.101119752000045],
[119.25037628000007, 26.101814555000033],
[119.25156601100002, 26.102623571000038],
[119.25191817100006, 26.101747930000045],
[119.25289850900003, 26.10098650200007],
[119.25346006200004, 26.101538537000067],
[119.25311741900009, 26.10207153600004],
[119.25381222200008, 26.10229044700003],
[119.25381222200008, 26.102442732000043],
[119.25446895300001, 26.102690196000026],
[119.25461172100006, 26.103004285000054],
[119.25512568400006, 26.10318512400005],
[119.25611554000011, 26.10318512400005],
[119.25654384300003, 26.10376571300003],
[119.25730527100006, 26.104051248000076],
[119.2573243060001, 26.103565838000065],
[119.25760032400001, 26.103156571000056],
[119.2583236800001, 26.10371812300008],
[119.2590946250001, 26.10383233700003],
[119.25922787500008, 26.104013176000024],
[119.2596847320001, 26.104527140000073],
[119.25986557100009, 26.105107729000053],
[119.25984653500007, 26.105497960000037],
[119.25959907100003, 26.105983370000047],
[119.25990364200004, 26.107258761000026]
]
]
},
"properties": {
"OBJECTID": 5,
"NAME": "软件园C区",
"SHAPE_Leng": 0.0390301805856,
"SHAPE_Area": 0.0000257834966456
}
},
{
"type": "Feature",
"geometry": {
"type": "Polygon",
"coordinates": [
[
[119.24917703200003, 26.101319627000066],
[119.24946256700002, 26.101757447000068],
[119.24888197900009, 26.102452250000056],
[119.24733057000003, 26.10144335900003],
[119.24567446500009, 26.100681931000054],
[119.24473219900005, 26.100158450000038],
[119.24412305700002, 26.099292326000068],
[119.24463702000003, 26.098369095000066],
[119.24532027200007, 26.09871574500005],
[119.24593144700009, 26.09902582600006],
[119.24753996300001, 26.100158450000038],
[119.24891726800001, 26.10113537600006],
[119.24917703200003, 26.101319627000066]
]
]
},
"properties": {
"OBJECTID": 6,
"NAME": "软件园F区",
"SHAPE_Leng": 0.0137207923092,
"SHAPE_Area": 0.00000752629927174
}
},
{
"type": "Feature",
"geometry": {
"type": "Polygon",
"coordinates": [
[
[119.24532027200007, 26.09871574500005],
[119.245769644, 26.098264399000072],
[119.24504628700004, 26.097950310000044],
[119.24524616200006, 26.097740917000067],
[119.24580771500007, 26.097369721000064],
[119.24703551700009, 26.09748393500007],
[119.2478540510001, 26.097883685000056],
[119.24788260500009, 26.098140667000052],
[119.24774935500011, 26.098321506000048],
[119.24832042600008, 26.09854993400006],
[119.24873921100004, 26.098407166000072],
[119.25023351200002, 26.098778362000076],
[119.250338209, 26.09888305900006],
[119.25010978000012, 26.099235219000036],
[119.25044290500011, 26.09968255700005],
[119.25016688800008, 26.100072789000023],
[119.2500336380001, 26.100034718000074],
[119.24891726800001, 26.10113537600006],
[119.24753996300001, 26.100158450000038],
[119.24593144700009, 26.09902582600006],
[119.24532027200007, 26.09871574500005]
]
]
},
"properties": {
"OBJECTID": 7,
"NAME": "软件园G区",
"SHAPE_Leng": 0.0152636412485,
"SHAPE_Area": 0.00000988155771256
}
}
]
}
const rjyPointJson = {
"type": "FeatureCollection",
"features": [{
"type": "Feature",
"geometry": {
"type": "Point",
"coordinates": [119.26960232500005, 26.111199149000072]
},
"properties": {
"OBJECTID": 1,
"NAME": "福建省空间信息工程研究中心"
}
},
{
"type": "Feature",
"geometry": {
"type": "Point",
"coordinates": [119.26358704800009, 26.10923847300006]
},
"properties": {
"OBJECTID": 2,
"NAME": "国家863软件专业孵化器福州基地"
}
},
{
"type": "Feature",
"geometry": {
"type": "Point",
"coordinates": [119.2619690140001, 26.108638849000045]
},
"properties": {
"OBJECTID": 3,
"NAME": "国网信通亿利科技园"
}
},
{
"type": "Feature",
"geometry": {
"type": "Point",
"coordinates": [119.26115048000008, 26.107230208000033]
},
"properties": {
"OBJECTID": 4,
"NAME": "联通大厦"
}
},
{
"type": "Feature",
"geometry": {
"type": "Point",
"coordinates": [119.26335861900009, 26.103375481000057]
},
"properties": {
"OBJECTID": 5,
"NAME": "福州大学图书馆"
}
},
{
"type": "Feature",
"geometry": {
"type": "Point",
"coordinates": [119.2594277500001, 26.104765086000043]
},
"properties": {
"OBJECTID": 6,
"NAME": "福州软件园创客谷"
}
}
]
}
myChart.hideLoading();
echarts.registerMap('HK', ndJson);
echarts.registerMap('RJY', rjyJson);
echarts.registerMap('RJYPoint', rjyPointJson);
// myChart.setOption(option = {
// title: {
// text: '农大',
// },
// tooltip: {
// trigger: 'item'
// },
// visualMap: {
// min: 800,
// max: 50000,
// text: ['High', 'Low'],
// realtime: false,
// calculable: true,
// inRange: {
// color: ['lightskyblue', 'yellow', 'orangered']
// }
// },
// series: [{
// name: '农大',
// type: 'map',
// mapType: 'HK', // 自定义扩展图表类型
// label: {
// show: true
// },
// data: [{
// name: '东苑',
// value: 20057.34
// },
// {
// name: '北区田径场',
// value: 15477.48
// },
// ],
// }, ]
// });
myChart.setOption(option = {
title: {
text: '软件园',
},
tooltip: {
trigger: 'item'
},
visualMap: {
min: 800,
max: 50000,
text: ['High', 'Low'],
realtime: false,
calculable: true,
inRange: {
color: ['lightskyblue', 'yellow', 'orangered']
}
},
series: [{
name: '软件园',
type: 'map',
mapType: 'RJY', // 自定义扩展图表类型
label: {
show: true
},
nameProperty: 'NAME',
data: [{
name: '软件园A区',
value: 20057.34
},
{
name: '软件园B区',
value: 15477.48
},
{
name: '软件园C区',
value: 3000
},
{
name: '软件园D区',
value: 32175
},
{
name: '软件园E区',
value: 8477.48
},
{
name: '软件园F区',
value: 29477.48
},
{
name: '软件园G区',
value: 14477.48
},
{
name: '福州大学铜盘校区',
value: 11477.48
},
],
}]
});
截图如下
