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

tjvv9vkg  于 2023-05-12  发布在  Java
关注(0)|答案(3)|浏览(164)

我正在使用@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>
      ))}
6ovsh4lw

6ovsh4lw1#

试试这段代码:

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

在标记标签中添加此标签属性

jhkqcmku

jhkqcmku2#

我们可以向MarkerLabel对象添加键和值className

label={{text:`${id}`, className:'marker-label'}}

,然后为此类添加所有必需的样式

imzjd6km

imzjd6km3#

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

相关问题