add world map and show provinces

package.json

@@ -9,6 +9,7 @@
   },
   "dependencies": {
     "core-js": "^3.8.3",
+    "echarts": "^5.5.1",
     "vue": "^2.6.14"
   },
   "devDependencies": {

src/App.vue

@@ -1,16 +1,17 @@
 <template>
   <div id="app">
-    <h1>Hello Screen</h1>
+    <ScreenMap />
   </div>
 </template>
 
 <script>
-
+import ScreenMap from "./components/ScreenMap.vue";
 export default {
-  name: 'App',
+  name: "App",
   components: {
-  }
-}
+    ScreenMap,
+  },
+};
 </script>
 
 <style>

src/assets/json/province/aomen.json

@@ -0,0 +1,192 @@
+{
+	"type": "FeatureCollection",
+	"name":"澳门",
+	"features": [
+		{
+			"id": "820001",
+			"type": "Feature",
+			"geometry": {
+				"type": "MultiPolygon",
+				"coordinates": [[
+						"@@LADC^umZ@DONWE@DALBBF@H@DFBBTC"
+					],[
+						"@@P@LC@AGM@OECMBABBTCD@DDH"
+					]
+				],
+				"encodeOffsets": [[[
+							116285,
+							22746
+						]
+					],[[
+							116303,
+							22746
+						]
+					]
+				]
+			},
+			"properties": {
+				"cp": [
+					113.552965,
+					22.207882
+				],
+				"name": "花地玛堂区",
+				"childNum": 2
+			}
+		}, {
+			"id": "820002",
+			"type": "Feature",
+			"geometry": {
+				"type": "Polygon",
+				"coordinates": [
+					"@@MK@CA@AAGDEB@NVFJG"
+				],
+				"encodeOffsets": [[
+						116281,
+						22734
+					]
+				]
+			},
+			"properties": {
+				"cp": [
+					113.549052,
+					22.199175
+				],
+				"name": "花王堂区",
+				"childNum": 1
+			}
+		}, {
+			"id": "820003",
+			"type": "Feature",
+			"geometry": {
+				"type": "Polygon",
+				"coordinates": [
+					"@@EGOB@DNLHE@C"
+				],
+				"encodeOffsets": [[
+						116285,
+						22729
+					]
+				]
+			},
+			"properties": {
+				"cp": [
+					113.556252,
+					22.196891
+				],
+				"name": "望德堂区",
+				"childNum": 1
+			}
+		}, {
+			"id": "820004",
+			"type": "Feature",
+			"geometry": {
+				"type": "Polygon",
+				"coordinates": [
+					"@@ŸYMVAN@BFCBBDAFHDBBFDHIJJEFDPCHHlYJQ"
+				],
+				"encodeOffsets": [[
+						116313,
+						22707
+					]
+				]
+			},
+			"properties": {
+				"cp": [
+					113.55774,
+					22.178119
+				],
+				"name": "大堂区",
+				"childNum": 1
+			}
+		}, {
+			"id": "820005",
+			"type": "Feature",
+			"geometry": {
+				"type": "Polygon",
+				"coordinates": [
+					"@@JICGAECACGEBAAEDBFNXB@"
+				],
+				"encodeOffsets": [[
+						116266,
+						22728
+					]
+				]
+			},
+			"properties": {
+				"cp": [
+					113.54167,
+					22.187778
+				],
+				"name": "风顺堂区",
+				"childNum": 1
+			}
+		}, {
+			"id": "820006",
+			"type": "Feature",
+			"geometry": {
+				"type": "Polygon",
+				"coordinates": [
+					"@@ ZNWRquZCBCC@AEA@@ADCDCAACEAGBQ@INEL"
+				],
+				"encodeOffsets": [[
+						116265,
+						22694
+					]
+				]
+			},
+			"properties": {
+				"cp": [
+					113.568783,
+					22.160124
+				],
+				"name": "嘉模堂区",
+				"childNum": 1
+			}
+		}, {
+			"id": "820007",
+			"type": "Feature",
+			"geometry": {
+				"type": "Polygon",
+				"coordinates": [
+					"@@MOIAIEI@@GE@AAUCBdCFIFR@HAFBBDDBDCBC@@FB@BDDDA\\M"
+				],
+				"encodeOffsets": [[
+						116316,
+						22676
+					]
+				]
+			},
+			"properties": {
+				"cp": [
+					113.56925,
+					22.136546
+				],
+				"name": "路凼填海区",
+				"childNum": 1
+			}
+		}, {
+			"id": "820008",
+			"type": "Feature",
+			"geometry": {
+				"type": "Polygon",
+				"coordinates": [
+					"@@DKMMa_GC_COD@dVDBBF@@HJ@JFJBNPZK"
+				],
+				"encodeOffsets": [[
+						116329,
+						22670
+					]
+				]
+			},
+			"properties": {
+				"cp": [
+					113.572954,
+					22.120049
+				],
+				"name": "圣方济各堂区",
+				"childNum": 1
+			}
+		}
+	],
+	"UTF8Encoding": true
+}