react-amap icon indicating copy to clipboard operation
react-amap copied to clipboard

控制多边形圆形等的内部颜色,边框颜色等,都不是响应式

Open indredK opened this issue 1 year ago • 3 comments

<Polygon visiable={item.enabled} key={item.geofenceId + "Polygon"} path={item.geometry.coordinates} fillColor={getColor(item)} strokeColor={getColor(item)} extData={{ status: "ready", id: item.geofenceId }} onClick={(e: any) => { setID(item.geofenceId); setcontent(item); (winRef.current as any)?.infoWindow.open(mapRef.current.map, [ e.lnglat.getLng?.(), e.lnglat.getLat?.(), ]); }} /> 必须手动去改fillColor、strokeColor才能让地图上的形状变颜色

indredK avatar Aug 03 '23 01:08 indredK

https://github.com/uiwjs/react-amap/blob/d637f3f363dad8ac0e433247fb91b09909096b7d/packages/polygon/src/usePolygon.tsx#L35

@indredK 我看了一下,控制颜色边框都是通过 options 控制的

<Polyline
   options={{}}
/>

jaywcjlove avatar Aug 03 '23 18:08 jaywcjlove

https://github.com/uiwjs/react-amap/blob/d637f3f363dad8ac0e433247fb91b09909096b7d/packages/types/src/overlay.d.ts#L373-L462

直接通过 props 去控制属性有点多,还没有想出好的方式处理,通过 props 处理,是使用的 地图API setOptions 去更新的

jaywcjlove avatar Aug 03 '23 18:08 jaywcjlove

@indredK 升级到 v5.0.9 解决了问题

jaywcjlove avatar Aug 03 '23 18:08 jaywcjlove