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

Question

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

Screenshot

Answer 1

将 ReactNode 传递到 loadingElement 属性中。

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

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

Can I use custom styling for loading message on @react-google-maps/api