Hi everyone, I am trying to draw multiple polygons on the map. I'm able to draw them but I cant not see the vertices or the outline.
let drawnPolygons = [];
document.getElementById("drawPolygon").onclick = () => {
if (
document.getElementById("tradereport3").style.display == "none"
) {
document.getElementById("tradereport3").style.display = "block";
}
document.getElementById("tradereport1").style.display = "none";
document.getElementById("tradereport2").style.display = "none";
document.getElementById("tradereport4").style.display = "none";
const action = draw.create("polygon");
action.on(
[
"vertex-add",
"vertex-remove",
"cursor-update",
"redo",
"undo",
"draw-complete",
],
PolygonVertices
)
};
function PolygonVertices(event) {
if (event.type === "draw-complete" && event.vertices.length > 1) {
const result = createPolygon(event);
drawnPolygons.push(result)
PolygonBufferGeom()
}
}
function createPolygon(event) {
const vertices = event.vertices;
const graphicpoly = new Graphic({
geometry: {
type: "polygon",
rings: [vertices],
spatialReference: view.spatialReference,
},
symbol: {
type: "simple-fill",
color: [234, 136, 8, 0.1],
outline: {
color: [234, 136, 8, 10],
width: 1,
},
},
});
view.graphics.add(graphicpoly);
return graphicpoly
}
'If I don't do event.type === "draw-complete, my polygons end up following the cursor movement, like this;
@JoelBennett @Sage_Wall @UndralBatsukh