Как установить цвет многоугольника? ⇐ Javascript

[Anonymous]

У меня есть приложение React, которое позволяет пользователю рисовать многоугольник, используя следующий код:

Код: Выделить всё

function handleClickToggleDrawing(): void {

map.pm.enableDraw('Polygon', {
snappable: true,
snapDistance: 20,
});

map.doubleClickZoom.disable();

map.addEventListener

map.addEventListener('Polygon', {
snappable: true,
snapDistance: 20,
});

map.on("pm:create", () => {
// open Assign modal
// sett atomen som sier om Assign modal skal vises eller ikke til true
console.log("polygon was drawn!");

setShowAssignModalAtom(true);

})

map.on("pm:create", (e) => {

// new polygon
const layer = e.layer;

layer.on("click", () => {
return 
})
})

// set color using atom

return;
}

Теперь я хочу изменить цвет многоугольника после того, как многоугольник был нарисован. Я разрешаю пользователю изменять цвет в отдельном модальном окне и хочу, чтобы модальное окно меняло цвет многоугольника. Вот код модального окна, меняющего цвет:

Код: Выделить всё

import { Container } from "@mui/material";
import { Typography } from "@mui/material";
import Input from '@mui/material/Input';
import { Button } from "@mui/material";
import DeleteIcon from '@mui/icons-material/Delete';
import RoomIcon from '@mui/icons-material/Room';
import ColorPicker from '@rc-component/color-picker';
import "../pages/map-style.css";
import { SwatchesPicker } from 'react-color';
import { ColorAtom } from "../jotai/ColorAtom";
import { useSetAtom } from "jotai";

export default function AssignArea() {

const setColorAtom = useSetAtom(ColorAtom);

const handleChange = (color: Object, event: string ) => {
console.log("color changed");

console.log("color:");
console.log(color.hex);

const colorHex = color.hex;

setColorAtom(colorHex);
}

return (



ASSIGN AREA



COLOR PICKER


CANCEL
CONFIRM

);
}

Компонент SwatchesPicker позволяет пользователю выбирать цвет, а состояние цвета сохраняется в Atom (который по сути является глобальной переменной). Моя идея состоит в том, чтобы использовать Atom для установки цвета многоугольника.

Подробнее здесь: https://stackoverflow.com/questions/798 ... -a-polygon