如何更改 react-google-maps 的标记标签颜色
How to change marker label color of react-google-maps
我正在使用 @react-google-maps/api 库。我已经集成了 google 地图,但我面临标记标签颜色,我非常努力但没有找到任何解决方案。有人可以帮我解决这个问题吗?
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>
))}
试试这个:
label: {text: `${id}`, color: "blue"}
试试这段代码:
label={{text:`${id}`,color:'#fff'}}
在Marker标签中添加此label属性
我正在使用 @react-google-maps/api 库。我已经集成了 google 地图,但我面临标记标签颜色,我非常努力但没有找到任何解决方案。有人可以帮我解决这个问题吗?
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>
))}
试试这个:
label: {text: `${id}`, color: "blue"}
试试这段代码:
label={{text:`${id}`,color:'#fff'}}
在Marker标签中添加此label属性