@@ -653,7 +653,7 @@ export default class Example extends React.Component<
653653 modeConfig : {
654654 ...modeConfig ,
655655 allowHoles : Boolean ( event . target . checked ) ,
656- allowSelfIntersection : Boolean ( modeConfig . allowSelfIntersection ) ,
656+ preventOverlappingLines : Boolean ( modeConfig . preventOverlappingLines ) ,
657657 maxHolesPerPolygon : 4 ,
658658 emitInvalidEvents : true
659659 }
@@ -665,7 +665,7 @@ export default class Example extends React.Component<
665665 </ ToolboxControl >
666666 </ ToolboxRow >
667667 < ToolboxRow key = "draw-polygon-allow-intersect" >
668- < ToolboxTitle > Allow self- intersecting lines</ ToolboxTitle >
668+ < ToolboxTitle > Allow intersecting lines</ ToolboxTitle >
669669 < ToolboxControl >
670670 < input
671671 type = "checkbox"
@@ -682,7 +682,7 @@ export default class Example extends React.Component<
682682 </ ToolboxControl >
683683 </ ToolboxRow >
684684 < ToolboxRow key = "draw-polygon-help" >
685- < ToolboxTitle > Drawing tips </ ToolboxTitle >
685+ < ToolboxTitle > Hole drawing tip </ ToolboxTitle >
686686 < ToolboxControl >
687687 < div
688688 style = { {
@@ -693,16 +693,8 @@ export default class Example extends React.Component<
693693 color : '#000'
694694 } }
695695 >
696- < div style = { { marginBottom : '8px' } } >
697- < strong > Hole drawing:</ strong > Enable hole drawing, then close a polygon ring inside
698- an existing polygon. Valid holes are automatically added and invalid ones trigger
699- helpful warnings.
700- </ div >
701- < div >
702- < strong > Self-intersection:</ strong > When "Prevent intersecting lines" is checked,
703- figure-8 or bowtie-shaped polygons will be rejected. Uncheck to allow complex
704- overlapping polygon shapes.
705- </ div >
696+ Enable hole drawing, then close a polygon ring inside an existing polygon. Valid holes
697+ are automatically added and invalid ones trigger helpful warnings.
706698 </ div >
707699 </ ToolboxControl >
708700 </ ToolboxRow >
0 commit comments