我正在使用@react-google-maps/API库。我已经集成了谷歌Map,但我面临的标记标签颜色,我很努力,但没有找到任何解决方案。有人能帮我解决这个问题吗?
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>
))}
3条答案
按热度按时间6ovsh4lw1#
试试这段代码:
在标记标签中添加此标签属性
jhkqcmku2#
我们可以向MarkerLabel对象添加键和值className
,然后为此类添加所有必需的样式
imzjd6km3#
试试这个:
label: {text:
${id}, color: "blue"}