From c8a85fd0941b567b1bc1808a7b5de129bcb734b6 Mon Sep 17 00:00:00 2001 From: seatonwan9 <seatonwan9@163.com> Date: 星期五, 21 五月 2021 14:30:35 +0800 Subject: [PATCH] 环境风险统计图显示 --- src/components/LayerController/logic/EnvironmentRisk.js | 143 +++++++++ public/assets/riskEnterprise.json | 725 ++++++++++++++++++++++++++++++++++++++++++++++++ src/conf/Constants.js | 3 src/api/mapApi.js | 3 4 files changed, 873 insertions(+), 1 deletions(-) diff --git a/public/assets/riskEnterprise.json b/public/assets/riskEnterprise.json new file mode 100644 index 0000000..f77ac70 --- /dev/null +++ b/public/assets/riskEnterprise.json @@ -0,0 +1,725 @@ +{ + "type": "FeatureCollection", + "features": [ + { + "type": "Feature", + "geometry": { + "type": "Point", + "coordinates": [ + 118.79333, + 32.2637 + ] + }, + "properties": { + "OBJECTID_1": 19, + "OBJECTID": 19, + "OID_": 19, + "Name": "鎵瓙鐭冲寲鍏徃", + "TYPE": "鐐煎寲浼佷笟", + "QY_JC": "鎵瓙鐭冲寲", + "QY_QC": "涓浗鐭冲寲鎵瓙鐭虫补鍖栧伐鏈夐檺鍏徃", + "QY_ID": "30600000", + "QY_NUM": 187, + "QY_ONELEVEL": 2, + "QY_TWOLEVEL": 87, + "QY_THREELEVEL": 98, + "X": 118.79333, + "Y": 32.2637, + "ETPRS_ABRV": "鎵瓙", + "ETPRS_ZIPC": "210048", + "ETPRS_TELE": "025-7782200", + "ETPRS_ADDR": "姹熻嫃鐪佸崡浜競澶у巶鏂板崕璺�777鍙�", + "THEMEID": 43000000, + "UPPERETPRS": 0, + "INFO": "涓浗鐭冲寲鎵瓙鐭虫补鍖栧伐鑲′唤鏈夐檺鍏徃鍧愯惤浜庣粡娴庡彂杈剧殑姹熻嫃鐪佸崡浜競锛屾槸鐢辩壒澶у瀷楠ㄥ共浼佷笟鈥斺�斾腑鍥界煶鍖栨壃瀛愮煶娌瑰寲宸ュ叕鍙革紙1998骞�9鏈堟敼鍒朵负鈥滀腑鍥界煶鍖栭泦鍥㈡壃瀛愮煶娌瑰寲宸ユ湁闄愯矗浠诲叕鍙糕�濓紝绠�绉扳�滄壃瀛愭湁闄愯矗浠诲叕鍙糕�濓級浣滀负鐙鍙戣捣浜猴紝浜�1998骞�4鏈堥�氳繃鍚戠ぞ浼氬叕寮�鍙戣3.5浜胯偂A绉嶈偂绁紝", + "DISTRACT": "闀挎睙娌跨嚎", + "FLAG": 1, + "sort": 0, + "sort_1": "", + "CHINA_3": 0, + "CHINA_9": 0, + "on": 1 + } + }, + { + "type": "Feature", + "geometry": { + "type": "Point", + "coordinates": [ + 113.3648, + 29.5395 + ] + }, + "properties": { + "OBJECTID_1": 21, + "OBJECTID": 21, + "OID_": 21, + "Name": "闀垮箔鍒嗗叕鍙�", + "TYPE": "鐐煎寲浼佷笟", + "QY_JC": "闀垮箔鐐煎寲", + "QY_QC": "涓浗鐭虫补鍖栧伐鑲′唤鏈夐檺鍏徃闀垮箔鍒嗗叕鍙�", + "QY_ID": "31900000", + "QY_NUM": 57, + "QY_ONELEVEL": 4, + "QY_TWOLEVEL": 37, + "QY_THREELEVEL": 16, + "X": 113.3648, + "Y": 29.5395, + "ETPRS_ABRV": "闀垮箔", + "ETPRS_ZIPC": "414012", + "ETPRS_TELE": "0730-8450003", + "ETPRS_ADDR": "婀栧崡鐪佸渤闃冲競浜戞邯鍖�", + "THEMEID": 41000000, + "UPPERETPRS": 0, + "INFO": "0", + "DISTRACT": "闀挎睙娌跨嚎", + "FLAG": 1, + "sort": 0, + "sort_1": "", + "CHINA_3": 0, + "CHINA_9": 0, + "on": 1 + } + }, + { + "type": "Feature", + "geometry": { + "type": "Point", + "coordinates": [ + 114.442669, + 30.659068 + ] + }, + "properties": { + "OBJECTID_1": 35, + "OBJECTID": 35, + "OID_": 35, + "Name": "姝︽眽鍒嗗叕鍙�", + "TYPE": "鐐煎寲浼佷笟", + "QY_JC": "涓煩鐭冲寲", + "QY_QC": "涓浗鐭虫补鍖栧伐鑲′唤鏈夐檺鍏徃姝︽眽鍒嗗叕鍙�", + "QY_ID": "32300000", + "QY_NUM": 58, + "QY_ONELEVEL": 1, + "QY_TWOLEVEL": 43, + "QY_THREELEVEL": 14, + "X": 114.442669, + "Y": 30.659068, + "ETPRS_ABRV": "姝︽眽", + "ETPRS_ZIPC": "430082", + "ETPRS_TELE": "027-86515662-54501", + "ETPRS_ADDR": "婀栧寳鐪佹姹夊競闈掑北鍖洪暱闈掕矾鐗�1鍙�", + "THEMEID": 41000000, + "UPPERETPRS": 0, + "INFO": "涓浗鐭虫补鍖栧伐鑲′唤鏈夐檺鍏徃姝︽眽鍒嗗叕鍙镐簬2000骞�2鏈堣绔嬶紝涓昏浠庝簨鐭虫补鍔犲伐鍙婇儴鍒嗙煶娌瑰寲宸ヤ骇鍝佺殑鐢熶骇锛岀幇鏈夌敓浜ц缃�28濂椼�傚叕鍙稿師娌逛竴娆″姞宸ヨ兘鍔�850涓囧惃/骞淬�備富瑕佷骇鍝佹湁姹芥补銆佺伅鐢ㄧ叅娌广��3#鍠锋皵寮忚埅绌虹噧鏂欐补銆佽交鏌存补銆佺煶鑴戞补銆佹憾鍓傛补绛�25绉嶄骇鍝併��", + "DISTRACT": "闀挎睙娌跨嚎", + "FLAG": 1, + "sort": 0, + "sort_1": "", + "CHINA_3": 0, + "CHINA_9": 0, + "on": 1 + } + }, + { + "type": "Feature", + "geometry": { + "type": "Point", + "coordinates": [ + 107.733944, + 31.526666 + ] + }, + "properties": { + "OBJECTID_1": 36, + "OBJECTID": 36, + "OID_": 36, + "Name": "涓師娌圭敯锛堟櫘鍏夛級", + "TYPE": "娌圭敯浼佷笟", + "QY_JC": "涓師娌圭敯锛堟櫘鍏夛級", + "QY_QC": "", + "QY_ID": "32300036", + "QY_NUM": 161, + "QY_ONELEVEL": 0, + "QY_TWOLEVEL": 16, + "QY_THREELEVEL": 145, + "X": 107.733944, + "Y": 31.526666, + "ETPRS_ABRV": "", + "ETPRS_ZIPC": "", + "ETPRS_TELE": "", + "ETPRS_ADDR": "", + "THEMEID": 41000000, + "UPPERETPRS": 0, + "INFO": "", + "DISTRACT": "闀挎睙娌跨嚎", + "FLAG": 1, + "sort": 0, + "sort_1": "", + "CHINA_3": 0, + "CHINA_9": 0, + "on": 1 + } + }, + { + "type": "Feature", + "geometry": { + "type": "Point", + "coordinates": [ + 112.687783, + 30.451289 + ] + }, + "properties": { + "OBJECTID_1": 37, + "OBJECTID": 37, + "OID_": 37, + "Name": "姹熸眽娌圭敯", + "TYPE": "娌圭敯浼佷笟", + "QY_JC": "姹熸眽娌圭敯", + "QY_QC": "", + "QY_ID": "32300037", + "QY_NUM": 540, + "QY_ONELEVEL": 0, + "QY_TWOLEVEL": 1, + "QY_THREELEVEL": 539, + "X": 112.687783, + "Y": 30.451289, + "ETPRS_ABRV": "", + "ETPRS_ZIPC": "", + "ETPRS_TELE": "", + "ETPRS_ADDR": "", + "THEMEID": 41000000, + "UPPERETPRS": 0, + "INFO": "", + "DISTRACT": "闀挎睙娌跨嚎", + "FLAG": 1, + "sort": 0, + "sort_1": "", + "CHINA_3": 0, + "CHINA_9": 0, + "on": 1 + } + }, + { + "type": "Feature", + "geometry": { + "type": "Point", + "coordinates": [ + 119.53111, + 32.45861 + ] + }, + "properties": { + "OBJECTID_1": 38, + "OBJECTID": 38, + "OID_": 38, + "Name": "姹熻嫃娌圭敯", + "TYPE": "娌圭敯浼佷笟", + "QY_JC": "姹熻嫃娌圭敯", + "QY_QC": "", + "QY_ID": "32300038", + "QY_NUM": 449, + "QY_ONELEVEL": 0, + "QY_TWOLEVEL": 59, + "QY_THREELEVEL": 390, + "X": null, + "Y": null, + "ETPRS_ABRV": "", + "ETPRS_ZIPC": "", + "ETPRS_TELE": "", + "ETPRS_ADDR": "", + "THEMEID": 41000000, + "UPPERETPRS": 0, + "INFO": "", + "DISTRACT": "闀挎睙娌跨嚎", + "FLAG": 1, + "sort": 0, + "sort_1": "", + "CHINA_3": 0, + "CHINA_9": 0, + "on": 1 + } + }, + { + "type": "Feature", + "geometry": { + "type": "Point", + "coordinates": [ + 104.079193, + 30.666026 + ] + }, + "properties": { + "OBJECTID_1": 39, + "OBJECTID": 39, + "OID_": 39, + "Name": "瑗垮崡娌规皵", + "TYPE": "娌圭敯浼佷笟", + "QY_JC": "瑗垮崡娌规皵", + "QY_QC": "", + "QY_ID": "32300039", + "QY_NUM": 1131, + "QY_ONELEVEL": 0, + "QY_TWOLEVEL": 9, + "QY_THREELEVEL": 1122, + "X": null, + "Y": null, + "ETPRS_ABRV": "", + "ETPRS_ZIPC": "", + "ETPRS_TELE": "", + "ETPRS_ADDR": "", + "THEMEID": 41000000, + "UPPERETPRS": 0, + "INFO": "", + "DISTRACT": "闀挎睙娌跨嚎", + "FLAG": 1, + "sort": 0, + "sort_1": "", + "CHINA_3": 0, + "CHINA_9": 0, + "on": 1 + } + }, + { + "type": "Feature", + "geometry": { + "type": "Point", + "coordinates": [ + 113.34333, + 29.53667 + ] + }, + "properties": { + "OBJECTID_1": 40, + "OBJECTID": 40, + "OID_": 40, + "Name": "鍌寲鍓傚叕鍙�", + "TYPE": "涓撲笟鍏徃", + "QY_JC": "鍌寲鍓傚叕鍙�", + "QY_QC": "", + "QY_ID": "32300040", + "QY_NUM": 17, + "QY_ONELEVEL": 0, + "QY_TWOLEVEL": 0, + "QY_THREELEVEL": 17, + "X": null, + "Y": null, + "ETPRS_ABRV": "", + "ETPRS_ZIPC": "", + "ETPRS_TELE": "", + "ETPRS_ADDR": "", + "THEMEID": 41000000, + "UPPERETPRS": 0, + "INFO": "", + "DISTRACT": "闀挎睙娌跨嚎", + "FLAG": 1, + "sort": 0, + "sort_1": "", + "CHINA_3": 0, + "CHINA_9": 0, + "on": 1 + } + }, + { + "type": "Feature", + "geometry": { + "type": "Point", + "coordinates": [ + 121.056878, + 30.591937 + ] + }, + "properties": { + "OBJECTID_1": 41, + "OBJECTID": 41, + "OID_": 41, + "Name": "涓婃捣鐭冲寲", + "TYPE": "鐐煎寲浼佷笟", + "QY_JC": "涓婃捣鐭冲寲", + "QY_QC": "", + "QY_ID": "32300041", + "QY_NUM": 113, + "QY_ONELEVEL": 0, + "QY_TWOLEVEL": 34, + "QY_THREELEVEL": 79, + "X": null, + "Y": null, + "ETPRS_ABRV": "", + "ETPRS_ZIPC": "", + "ETPRS_TELE": "", + "ETPRS_ADDR": "", + "THEMEID": 41000000, + "UPPERETPRS": 0, + "INFO": "", + "DISTRACT": "闀挎睙娌跨嚎", + "FLAG": 1, + "sort": 0, + "sort_1": "", + "CHINA_3": 0, + "CHINA_9": 0, + "on": 1 + } + }, + { + "type": "Feature", + "geometry": { + "type": "Point", + "coordinates": [ + 121.55639, + 31.33715 + ] + }, + "properties": { + "OBJECTID_1": 42, + "OBJECTID": 42, + "OID_": 42, + "Name": "楂樻ˉ鐭冲寲", + "TYPE": "鐐煎寲浼佷笟", + "QY_JC": "楂樻ˉ鐭冲寲", + "QY_QC": "", + "QY_ID": "32300042", + "QY_NUM": 96, + "QY_ONELEVEL": 0, + "QY_TWOLEVEL": 34, + "QY_THREELEVEL": 62, + "X": null, + "Y": null, + "ETPRS_ABRV": "", + "ETPRS_ZIPC": "", + "ETPRS_TELE": "", + "ETPRS_ADDR": "", + "THEMEID": 41000000, + "UPPERETPRS": 0, + "INFO": "", + "DISTRACT": "闀挎睙娌跨嚎", + "FLAG": 1, + "sort": 0, + "sort_1": "", + "CHINA_3": 0, + "CHINA_9": 0, + "on": 1 + } + }, + { + "type": "Feature", + "geometry": { + "type": "Point", + "coordinates": [ + 118.923724, + 32.163427 + ] + }, + "properties": { + "OBJECTID_1": 43, + "OBJECTID": 43, + "OID_": 43, + "Name": "閲戦櫟鐭冲寲", + "TYPE": "鐐煎寲浼佷笟", + "QY_JC": "閲戦櫟鐭冲寲", + "QY_QC": "", + "QY_ID": "32300043", + "QY_NUM": 182, + "QY_ONELEVEL": 0, + "QY_TWOLEVEL": 70, + "QY_THREELEVEL": 112, + "X": null, + "Y": null, + "ETPRS_ABRV": "", + "ETPRS_ZIPC": "", + "ETPRS_TELE": "", + "ETPRS_ADDR": "", + "THEMEID": 41000000, + "UPPERETPRS": 0, + "INFO": "", + "DISTRACT": "闀挎睙娌跨嚎", + "FLAG": 1, + "sort": 0, + "sort_1": "", + "CHINA_3": 0, + "CHINA_9": 0, + "on": 1 + } + }, + { + "type": "Feature", + "geometry": { + "type": "Point", + "coordinates": [ + 113.151436, + 29.409209 + ] + }, + "properties": { + "OBJECTID_1": 44, + "OBJECTID": 44, + "OID_": 44, + "Name": "宸撮櫟鐭冲寲", + "TYPE": "鐐煎寲浼佷笟", + "QY_JC": "宸撮櫟鐭冲寲", + "QY_QC": "", + "QY_ID": "32300044", + "QY_NUM": 94, + "QY_ONELEVEL": 1, + "QY_TWOLEVEL": 59, + "QY_THREELEVEL": 34, + "X": null, + "Y": null, + "ETPRS_ABRV": "", + "ETPRS_ZIPC": "", + "ETPRS_TELE": "", + "ETPRS_ADDR": "", + "THEMEID": 41000000, + "UPPERETPRS": 0, + "INFO": "", + "DISTRACT": "闀挎睙娌跨嚎", + "FLAG": 1, + "sort": 0, + "sort_1": "", + "CHINA_3": 0, + "CHINA_9": 0, + "on": 1 + } + }, + { + "type": "Feature", + "geometry": { + "type": "Point", + "coordinates": [ + 119.142108, + 32.260143 + ] + }, + "properties": { + "OBJECTID_1": 45, + "OBJECTID": 45, + "OID_": 45, + "Name": "浠緛鍖栫氦", + "TYPE": "", + "QY_JC": "浠緛鍖栫氦", + "QY_QC": "", + "QY_ID": "32300045", + "QY_NUM": 37, + "QY_ONELEVEL": 0, + "QY_TWOLEVEL": 10, + "QY_THREELEVEL": 27, + "X": null, + "Y": null, + "ETPRS_ABRV": "", + "ETPRS_ZIPC": "", + "ETPRS_TELE": "", + "ETPRS_ADDR": "", + "THEMEID": 41000000, + "UPPERETPRS": 0, + "INFO": "", + "DISTRACT": "闀挎睙娌跨嚎", + "FLAG": 1, + "sort": 0, + "sort_1": "", + "CHINA_3": 0, + "CHINA_9": 0, + "on": 1 + } + }, + { + "type": "Feature", + "geometry": { + "type": "Point", + "coordinates": [ + 118.774384, + 32.224584 + ] + }, + "properties": { + "OBJECTID_1": 46, + "OBJECTID": 46, + "OID_": 46, + "Name": "鍗楀寲鍏徃", + "TYPE": "", + "QY_JC": "鍗楀寲鍏徃", + "QY_QC": "", + "QY_ID": "32300046", + "QY_NUM": 51, + "QY_ONELEVEL": 0, + "QY_TWOLEVEL": 26, + "QY_THREELEVEL": 25, + "X": null, + "Y": null, + "ETPRS_ABRV": "", + "ETPRS_ZIPC": "", + "ETPRS_TELE": "", + "ETPRS_ADDR": "", + "THEMEID": 41000000, + "UPPERETPRS": 0, + "INFO": "", + "DISTRACT": "闀挎睙娌跨嚎", + "FLAG": 1, + "sort": 0, + "sort_1": "", + "CHINA_3": 0, + "CHINA_9": 0, + "on": 1 + } + }, + { + "type": "Feature", + "geometry": { + "type": "Point", + "coordinates": [ + 117.022, + 30.5322 + ] + }, + "properties": { + "OBJECTID_1": 47, + "OBJECTID": 47, + "OID_": 47, + "Name": "瀹夊簡鐭冲寲", + "TYPE": "", + "QY_JC": "瀹夊簡鐭冲寲", + "QY_QC": "", + "QY_ID": "32300047", + "QY_NUM": 100, + "QY_ONELEVEL": 0, + "QY_TWOLEVEL": 43, + "QY_THREELEVEL": 57, + "X": null, + "Y": null, + "ETPRS_ABRV": "", + "ETPRS_ZIPC": "", + "ETPRS_TELE": "", + "ETPRS_ADDR": "", + "THEMEID": 41000000, + "UPPERETPRS": 0, + "INFO": "", + "DISTRACT": "闀挎睙娌跨嚎", + "FLAG": 1, + "sort": 0, + "sort_1": "", + "CHINA_3": 0, + "CHINA_9": 0, + "on": 1 + } + }, + { + "type": "Feature", + "geometry": { + "type": "Point", + "coordinates": [ + 106.63, + 29.45 + ] + }, + "properties": { + "OBJECTID_1": 49, + "OBJECTID": 49, + "OID_": 49, + "Name": "宸濈淮鍖栧伐", + "TYPE": "", + "QY_JC": "宸濈淮鍖栧伐", + "QY_QC": "", + "QY_ID": "32300049", + "QY_NUM": 34, + "QY_ONELEVEL": 0, + "QY_TWOLEVEL": 23, + "QY_THREELEVEL": 11, + "X": null, + "Y": null, + "ETPRS_ABRV": "", + "ETPRS_ZIPC": "", + "ETPRS_TELE": "", + "ETPRS_ADDR": "", + "THEMEID": 41000000, + "UPPERETPRS": 0, + "INFO": "", + "DISTRACT": "闀挎睙娌跨嚎", + "FLAG": 1, + "sort": 0, + "sort_1": "", + "CHINA_3": 0, + "CHINA_9": 0, + "on": 1 + } + }, + { + "type": "Feature", + "geometry": { + "type": "Point", + "coordinates": [ + 116.066971, + 29.740328 + ] + }, + "properties": { + "OBJECTID_1": 50, + "OBJECTID": 50, + "OID_": 50, + "Name": "涔濇睙鐭冲寲", + "TYPE": "", + "QY_JC": "涔濇睙鐭冲寲", + "QY_QC": "", + "QY_ID": "32300050", + "QY_NUM": 72, + "QY_ONELEVEL": 0, + "QY_TWOLEVEL": 38, + "QY_THREELEVEL": 34, + "X": null, + "Y": null, + "ETPRS_ABRV": "", + "ETPRS_ZIPC": "", + "ETPRS_TELE": "", + "ETPRS_ADDR": "", + "THEMEID": 41000000, + "UPPERETPRS": 0, + "INFO": "", + "DISTRACT": "闀挎睙娌跨嚎", + "FLAG": 1, + "sort": 0, + "sort_1": "", + "CHINA_3": 0, + "CHINA_9": 0, + "on": 1 + } + }, + { + "type": "Feature", + "geometry": { + "type": "Point", + "coordinates": [ + 111.76934, + 30.434414 + ] + }, + "properties": { + "OBJECTID_1": 51, + "OBJECTID": 51, + "OID_": 51, + "Name": "婀栧寳鍖栬偉", + "TYPE": "", + "QY_JC": "婀栧寳鍖栬偉", + "QY_QC": "", + "QY_ID": "32300051", + "QY_NUM": 18, + "QY_ONELEVEL": 0, + "QY_TWOLEVEL": 13, + "QY_THREELEVEL": 5, + "X": null, + "Y": null, + "ETPRS_ABRV": "", + "ETPRS_ZIPC": "", + "ETPRS_TELE": "", + "ETPRS_ADDR": "", + "THEMEID": 41000000, + "UPPERETPRS": 0, + "INFO": "", + "DISTRACT": "闀挎睙娌跨嚎", + "FLAG": 1, + "sort": 0, + "sort_1": "", + "CHINA_3": 0, + "CHINA_9": 0, + "on": 1 + } + } + ] +} diff --git a/src/api/mapApi.js b/src/api/mapApi.js index 9d6114c..4cec69b 100644 --- a/src/api/mapApi.js +++ b/src/api/mapApi.js @@ -88,5 +88,8 @@ }, getSourcesPoll (data) { return axios.get(mapUrl.getSourcesPoll, data) + }, + getRiskEnterprise (data) { + return axios.get('/assets/riskEnterprise.json', data) } } diff --git a/src/components/LayerController/logic/EnvironmentRisk.js b/src/components/LayerController/logic/EnvironmentRisk.js new file mode 100644 index 0000000..65591ac --- /dev/null +++ b/src/components/LayerController/logic/EnvironmentRisk.js @@ -0,0 +1,143 @@ +/** + * 鐜椋庨櫓 + */ +// const EnvironmentRiskIndex = require('@components/BaseNav/').default + +// 璇锋眰鎺ュ彛鏁版嵁 +const mapApi = require('../../../api/mapApi').default +// 浣跨敤灏佽鏂规硶 +const AnimalService = require('../service/AnimalService').default +// 寮曞叆echarts鍩烘湰缁勪欢 +const echarts = require('echarts/lib/echarts') + +module.exports = function () { + /** + * 杩斿洖marker瀵硅薄鏁扮粍 + * @param L leaflet瀵硅薄 + */ + this.init = async (layer, L) => { + this.animalService = new AnimalService({ + L: L, + layer: layer + }) + const result = await mapApi.getRiskEnterprise() + const features = result.features + for (var i = 0; i < features.length; i++) { + const feature = features[i] + const geometry = feature.geometry + const properties = feature.properties + const qyId = properties.QY_ID + // const qyJc = properties.QY_JC + const distract = properties.DISTRACT + const coordinates = geometry.coordinates + if (distract !== '闀挎睙娌跨嚎') { + continue + } + const bgMarker = L.marker([coordinates[1], coordinates[0]], { + icon: L.divIcon({ + className: '', + iconAnchor: [15, 45], + iconSize: [40, 40], + html: '<div style="width: 40px; height: 40px; background-color: rgba(255,255,255,1); position: relative; border-radius: 50%;"></div>' + }) + }) + layer.addLayer(bgMarker) + const chartMarker = L.marker([coordinates[1], coordinates[0]], { + icon: L.divIcon({ + className: '', + iconAnchor: [30, 60], + iconSize: [70, 70], + html: '<div id="qy_id_' + qyId + '" style="width: 70px; height: 70px; background-color: transparent; position: relative; border-radius: 50%;"></div>' + }) + }) + layer.addLayer(chartMarker) + chartRender(properties) + } + } + + /** + * tips + * @param layer + * @returns {string} + */ + this.bindTooltip = (layer) => { + + } + + /** + * 鐐瑰嚮寮圭獥 + * @param e + */ + this.clickListener = (e) => { + + } + + function chartRender (properties) { + const qyId = properties.QY_ID + const qyjc = properties.QY_JC + // const qyQc = properties.QY_QC + const num = properties.QY_NUM + const oneLevel = properties.QY_ONELEVEL + const twoLevel = properties.QY_TWOLEVEL + const threeLevel = properties.QY_THREELEVEL + const o = echarts.init(document.getElementById('qy_id_' + qyId)) + const option = { + tooltip: { + trigger: 'item', + formatter: function (e) { + return '<div style="background-color: #0c5460; padding: 5px;">' + + '<div style="color: #63EEF5; font-size: 18px; font-weight: 500; text-align: center">' + qyjc + '</div>' + + '<div>涓�绾ч闄╋細<span style="color: red">' + oneLevel + '涓�</span></div>' + + '<div>浜岀骇椋庨櫓锛�<span style="color: yellow">' + twoLevel + '涓�</span></div>' + + '<div>涓夌骇椋庨櫓锛�<span style="color: lawngreen">' + threeLevel + '涓�</span></div>' + + '</div>' + } + }, + color: ['red', 'yellow', 'lawngreen'], // 璁剧疆楗煎浘鍚勫潡棰滆壊 + graphic: [ // 涓虹幆褰㈠浘涓棿娣诲姞鏂囧瓧 + { + type: 'text', + left: 'center', + top: '35%', + style: { + text: num, + textAlign: 'center', + fill: '#000', + fontSize: 12 + } + }], + series: [{ + name: qyjc, + type: 'pie', + radius: ['35%', '65%'], + label: { + normal: { + show: false, + position: 'center', + formatter: function (t) { + return num + }, + textStyle: { + fontSize: 12, + color: '#000000' + } + } + }, + data: [{ + value: oneLevel, + name: '涓�绾ч闄�' + }, { + value: twoLevel, + name: '浜岀骇椋庨櫓' + }, { + value: threeLevel, + name: '涓夌骇椋庨櫓' + }] + }] + } + o.setOption(option) + /* o.on('click', function (params) { + map.flyTo(L.latLng([params.data.y, params.data.x]), 15) + }) */ + } +} diff --git a/src/conf/Constants.js b/src/conf/Constants.js index 3bab997..e647f9a 100644 --- a/src/conf/Constants.js +++ b/src/conf/Constants.js @@ -20,7 +20,8 @@ wasteSolidCcd: 'WasteSolid.js', sewersAreaGs: 'Company.js', pipesegment: 'PipeLineAnimal.js', - pollutionSources: 'SourcesPollution.js' + pollutionSources: 'SourcesPollution.js', + envRiskChart: 'EnvironmentRisk.js' } export const STYLES = { -- Gitblit v1.8.0