Javascript 如何使用“绘制点多边形和圆”@反应谷歌地图/api”吗；？

我使用的是

@react google maps/api:“1.8.2”

，当我将选项

（{icons:[icon:lineSymbol，repeat:'10px]}）传递给or时，我想画一个带点的多边形和圆圈。

。它不起作用

const lineSymbol = {
    path: 'M 0,-1 0,1',
    scale: 2,
    strokeColor: 'green',
    strokeOpacity: 1,
}
const polygonProps = {
        options: {
            fillOpacity: 0,
            icons: [{
                icon: lineSymbol,
                offset: '0',
                repeat: '10px',
            }, ],
            // strokeColor: polygonData.strokeColor,
            // strokeWidth: 1,
            zIndex: polygonData.zIndex || 10,
        },
        path: polygonData.pointList.map(item => ({
            lat: item[0],
            lng: item[1]
        })),
        title: polygonData.title,
    }

    <
    Polygon {
        ...polygonProps
    }
/>

const lineSymbol={
路径：“M 0，-1 0,1”，
比例：2，
strokeColor:'绿色'，
频闪不透明度：1，
}
常量polygonProps={
选项：{
不透明度：0，
图标：[{
图标：lineSymbol，
偏移量：“0”，
重复：“10px”，
}, ],
//strokeColor:Polygonda.strokeColor，
//冲程宽度：1，
zIndex:polygonda.zIndex | | 10，
},
路径：polygonda.pointList.map（项=>({
lat:项目[0]，
液化天然气：项目[1]
})),
标题：Polygonda.title，
}
<
多边形{
…多角形支柱
}
/>

在这里，我在谷歌地图上找到了类似的任务

---

不能像使用多段线那样自定义多边形和圆的笔划

我们使用以下语法自定义多段线：

//使用SVG路径表示法定义符号，不透明度为1。
常量lineSymbol={
路径：“m0，-10,1”，
频闪不透明度：1，
比例：4
};

从：

如果要在标记上使用基于矢量的图标，或向多段线添加图像，则符号非常有用

下面是一个演示如何自定义多段线的示例

你唯一的选择（这不适用于圆，仅适用于多边形）是将多边形渲染为多段线，然后你可以对其进行样式设置。就个人而言，我不想麻烦

---

对不起，我没有更好的消息告诉您！

您不能像使用多段线那样自定义多边形和圆的笔划

我们使用以下语法自定义多段线：

//使用SVG路径表示法定义符号，不透明度为1。
常量lineSymbol={
路径：“m0，-10,1”，
频闪不透明度：1，
比例：4
};

从：

如果要在标记上使用基于矢量的图标，或向多段线添加图像，则符号非常有用

下面是一个演示如何自定义多段线的示例

你唯一的选择（这不适用于圆，仅适用于多边形）是将多边形渲染为多段线，然后你可以对其进行样式设置。就个人而言，我不想麻烦

---

对不起，我没有更好的消息告诉你！

我回答你的问题充分了吗？我回答你的问题充分了吗？