react-amap
react-amap copied to clipboard
控制多边形圆形等的内部颜色,边框颜色等,都不是响应式
<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才能让地图上的形状变颜色
https://github.com/uiwjs/react-amap/blob/d637f3f363dad8ac0e433247fb91b09909096b7d/packages/polygon/src/usePolygon.tsx#L35
@indredK 我看了一下,控制颜色边框都是通过 options
控制的
<Polyline
options={{}}
/>
https://github.com/uiwjs/react-amap/blob/d637f3f363dad8ac0e433247fb91b09909096b7d/packages/types/src/overlay.d.ts#L373-L462
直接通过 props 去控制属性有点多,还没有想出好的方式处理,通过 props 处理,是使用的 地图API setOptions
去更新的
@indredK 升级到 v5.0.9
解决了问题