javascript - 我可以使用自定义样式在@react-google-maps/api 上加载消息吗

Question

我正在为我的应用程序使用@react-google-maps/api，到目前为止它运行良好，但是，当地图正在加载时，有一个非常难看的文字显示“正在加载...”而不是地图，我想知道我是否可以用适当的加载器替换它或至少设置文本样式？

截屏

标签： javascriptreactjsgoogle-maps

Answer 1

将 a 传递给ReactNode道具loadingElement。

const Loading = <div /> // change to whatever

<LoadScript
  googleMapsApiKey={googleMapsApiKey}
  ...
  loadingElement={Loading}
>...</LoadScript>

例子