如何更改 react-google-maps 的标记 label 颜色

Question

我正在使用@react-google-maps/api库。 我已经集成了谷歌 map 但我面临标记 label 颜色，我非常努力但没有找到任何解决方案。 有人可以帮我解决这个问题。

import {
  Marker,
} from "@react-google-maps/api";

{markers.map(({ id, name, position }) => (
        <Marker
          key={id}
          position={position}
          onClick={() => handleActiveMarker(id)}
          label={`${id}`}
        >
          {activeMarker === id ? (
            <InfoWindow onCloseClick={() => setActiveMarker(null)}>
              <div>{name}</div>
            </InfoWindow>
          ) : null}
        </Marker>
      ))}

Answer 1

试试这段代码：

label={{text:`${id}`,color:'#fff'}}

在 Marker 标记中添加此 label 属性

Answer 2

试试这个： label: {text: `${id}`, color: "blue"}