Merge pull request #20561 from apache/feat/geo/styling-in-geojson

feat(geo): support styling region in original GeoJSON data

Author: plainheart

src/component/helper/MapDraw.ts

@@ -302,6 +302,10 @@ class MapDraw {
                     ? mapOrGeoModel.getRegionModel(regionName)
                     : (data ? data.getItemModel(dataIdx) as Model<MapDataItemOption> : null);
 
+                // allow specified echarts style in GeoJSON data
+                const specifiedRegionStyle = region.properties && region.properties.echartsStyle;
+                specifiedRegionStyle && zrUtil.merge(regionModel.option, specifiedRegionStyle);
+
                 regionsInfoByName.set(regionName, { dataIdx, regionModel });
             }
 

src/coord/geo/Region.ts

@@ -23,8 +23,9 @@ import * as vec2 from 'zrender/src/core/vector';
 import * as polygonContain from 'zrender/src/contain/polygon';
 import { GeoJSON, GeoProjection, GeoSVGGraphicRoot } from './geoTypes';
 import * as matrix from 'zrender/src/core/matrix';
-import Element from 'zrender/src/Element';
+import type Element from 'zrender/src/Element';
 import { each } from 'zrender/src/core/util';
+import type { RegoinOption } from './GeoModel';
 
 const TMP_TRANSFORM = [] as number[];
 
@@ -135,7 +136,9 @@ export class GeoJSONRegion extends Region {
     readonly geometries: (GeoJSONPolygonGeometry | GeoJSONLineStringGeometry)[];
 
     // Injected outside.
-    properties: GeoJSON['features'][0]['properties'];
+    properties: GeoJSON['features'][0]['properties'] & {
+        echartsStyle?: Omit<RegoinOption, 'name' | 'selected'>
+    };
 
     constructor(
         name: string,