fix: add style props for map

antvis · Dec 25, 2024 · a5154e5 · a5154e5
1 parent fce8197
commit a5154e5
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 3 deletions.
diff --git a/src/Map/index.tsx b/src/Map/index.tsx
@@ -2,12 +2,12 @@ import { LarkMap } from '@antv/larkmap';
 import React, { useMemo, type FC } from 'react';
 import type { BaseMapProps } from '../types';
 import { formatMapStyle } from '../utils/map';
-import { MapView, Marker, Polyline } from './Component/';
+import { MapView, Marker, Polyline } from './Component';
 
 export type MapProps = Omit<BaseMapProps<any>, 'data'>;
 
 const Map: FC<MapProps> = (props) => {
-  const { className, containerStyle, children } = props;
+  const { className, containerStyle, style, children } = props;
   const mapConfig = useMemo(() => formatMapStyle(props), [props]);
   const onSceneLoaded = async () => {
     if (props.onInitComplete) {
@@ -18,7 +18,7 @@ const Map: FC<MapProps> = (props) => {
   return (
     <LarkMap
       className={className}
-      style={{ height: 300, ...containerStyle }}
+      style={{ height: 300, ...containerStyle, ...style }}
       {...mapConfig}
       onSceneLoaded={onSceneLoaded}
     >

diff --git a/src/types/chart.ts b/src/types/chart.ts
@@ -43,6 +43,7 @@ export interface BasePlotProps<T> extends BaseChartProps {
 }
 
 export interface BaseMapProps<T> extends BaseChartProps, Map {
+  style?: CSSProperties;
   data: T[];
   // 高德地图密钥
   token?: string;