Map组件动态属性mapStyle修改未响应

[asjdf]

已成功操作setMapStyle，但Map组件无变化

[wangxingkang]

我看下问题

[asjdf]

非常感谢您这么快的回复！

[wangxingkang]

@asjdf 加了个示例 我这可以切换 https://amap.xingkang.wang/components/map

[asjdf]

非常感谢，看来是我学艺不精了，冒昧问一下为什么这么写能切换呢？我那样直接修改字符串是哪个地方写得不对吗？前端小白还请不吝赐教，感谢！

[wangxingkang]

麻烦写个复现 demo 吧 我再看具体问题

[asjdf]

起了一个小项目复现问题。

https://github.com/asjdf/react-amap-demo

发现需要在dev模式下复现，build后运行无法复现（功能正常）。这可能是在 codesandbox 无法复现的原因？

[wangxingkang]

好的

[wangxingkang]

@asjdf 看描述 应该是严格模式导致的 可以先去掉 有空我排查下问题

[asjdf]

在问题解决前，贴一个我自己的解决方案在这里给需要的人（

function MapAutoDarkMode(): ReactElement {
  const {map} = useMap();
  const isDarkMode = useIsDarkMode();
  useEffect(() => {
    if (isDarkMode) {
      console.debug("dark mode")
      map.setMapStyle('amap://styles/grey')
    } else {
      console.debug("light mode")
      map.setMapStyle('amap://styles/fresh')
    }
  }, [isDarkMode]);
  return <></>
}



<Map
  WebGLParams={{
    preserveDrawingBuffer: true,
  }}
>
  <MapAutoDarkMode/>
</Map>