<div dir="ltr">This is straightforward. Here is a link with an example:<div><a href="https://opengeoscience.github.io/geojs/tutorials/editor/?src=pVLBSsNAEL33KwYVdgPrUqOFNqV6EDwJPXoQD9tk0kY32bC7rVbJvzubJhoEoeIpu2.evHn7MjtloVQ1LGCNRtKJf4wAKpNhAiendD8RdE-x8mgT-HhLYCInAvb0jeW0CcV3Y8oEZqMmmo92JGdcea.2aEmT-mVqUXlsEc6oxojW8nLCtxZ.5XZ11snWRu-JNuzq-HcHiLNAWZuKReRKZsor.kgngMfg-0pOe9-XjeieMuuh-Cd0OWCNeyhunkjwqdV3fq-xTQvAeWte8NZoQyGxlVbpCxODykOR-U0C8RBLwNstDpFlrdLC0ySeCSgE1AKeI1hcQy0dakw9ZnADYxlPIIGLQ2deaN3PPR2Pp-wb.psctTWH3Kx65ZR5CFPSUiwrHlYDd7QDsktflmbr0FQCOO58KxqCoHMb-7f-on3knGqtXGmyIi8w49HXGIAzzsKcZ3euw09lkUyd4yzdWmcsE8DWVq3CFjTHucrzI2zlSrv.-iqqDdrC99Y-AQ__">https://opengeoscience.github.io/geojs/tutorials/editor/?src=pVLBSsNAEL33KwYVdgPrUqOFNqV6EDwJPXoQD9tk0kY32bC7rVbJvzubJhoEoeIpu2.evHn7MjtloVQ1LGCNRtKJf4wAKpNhAiendD8RdE-x8mgT-HhLYCInAvb0jeW0CcV3Y8oEZqMmmo92JGdcea.2aEmT-mVqUXlsEc6oxojW8nLCtxZ.5XZ11snWRu-JNuzq-HcHiLNAWZuKReRKZsor.kgngMfg-0pOe9-XjeieMuuh-Cd0OWCNeyhunkjwqdV3fq-xTQvAeWte8NZoQyGxlVbpCxODykOR-U0C8RBLwNstDpFlrdLC0ySeCSgE1AKeI1hcQy0dakw9ZnADYxlPIIGLQ2deaN3PPR2Pp-wb.psctTWH3Kx65ZR5CFPSUiwrHlYDd7QDsktflmbr0FQCOO58KxqCoHMb-7f-on3knGqtXGmyIi8w49HXGIAzzsKcZ3euw09lkUyd4yzdWmcsE8DWVq3CFjTHucrzI2zlSrv.-iqqDdrC99Y-AQ__</a> </div><div><br></div><div>The style of whatever you are drawing can be changed based on a flag. When you hover over something, you set the flag and change the css to change the cursor.<br></div><div><br></div><div>- David</div></div><br><div class="gmail_quote"><div dir="ltr" class="gmail_attr">On Tue, Mar 3, 2020 at 6:01 AM Bhupendra Singh <<a href="mailto:Bhupendra.Singh1@india.nec.com">Bhupendra.Singh1@india.nec.com</a>> wrote:<br></div><blockquote class="gmail_quote" style="margin:0px 0px 0px 0.8ex;border-left:1px solid rgb(204,204,204);padding-left:1ex">
<div lang="EN-IN">
<div class="gmail-m_404908208013376286WordSection1">
<p class="MsoNormal">Hi Geojs team,<u></u><u></u></p>
<p class="MsoNormal"><u></u> <u></u></p>
<p class="MsoNormal">I have to implement the below functionality using GeoJS and I am new to the Geo JS so I need help to implement this.<u></u><u></u></p>
<p class="MsoNormal"><u></u> <u></u></p>
<p style="margin:0cm 0cm 0.0001pt;background:rgb(235,236,240)">
<u></u><span style="font-size:10.5pt;font-family:"Segoe UI",sans-serif;color:rgb(23,43,77);letter-spacing:-0.05pt"><span>1.<span style="font:7pt "Times New Roman"">
</span></span></span><u></u><span style="font-size:10.5pt;font-family:"Segoe UI",sans-serif;color:rgb(23,43,77);letter-spacing:-0.05pt">The mouse pointer shall change to hand icon when the mouse pointer is in the area of the ROI and on the boundary of the ROI.<u></u><u></u></span></p>
<p style="margin:0cm 0cm 0.0001pt;background:rgb(235,236,240)">
<u></u><span style="font-size:10.5pt;font-family:"Segoe UI",sans-serif;color:rgb(23,43,77);letter-spacing:-0.05pt"><span>2.<span style="font:7pt "Times New Roman"">
</span></span></span><u></u><span style="font-size:10.5pt;font-family:"Segoe UI",sans-serif;color:rgb(23,43,77);letter-spacing:-0.05pt">Highlight the ROI where the mouse pointer is, with 25% opaque color of the ROI`s line color.<u></u><u></u></span></p>
<p style="margin:0cm 0cm 0.0001pt;background:rgb(235,236,240)">
<u></u><span style="font-size:10.5pt;font-family:"Segoe UI",sans-serif;color:rgb(23,43,77);letter-spacing:-0.05pt"><span>3.<span style="font:7pt "Times New Roman"">
</span></span></span><u></u><span style="font-size:10.5pt;font-family:"Segoe UI",sans-serif;color:rgb(23,43,77);letter-spacing:-0.05pt">Adhere to the color rules of the annotations while highlighting the ROI<u></u><u></u></span></p>
<p style="margin:0cm 0cm 0.0001pt;background:rgb(235,236,240)">
<u></u><span style="font-size:10.5pt;font-family:"Segoe UI",sans-serif;color:rgb(23,43,77);letter-spacing:-0.05pt"><span>4.<span style="font:7pt "Times New Roman"">
</span></span></span><u></u><span style="font-size:10.5pt;font-family:"Segoe UI",sans-serif;color:rgb(23,43,77);letter-spacing:-0.05pt">Highlighting should be possible at any enlargement scale.<u></u><u></u></span></p>
<p class="MsoNormal"><u></u> <u></u></p>
<p class="MsoNormal">Thanks & Regards,<u></u><u></u></p>
<p class="MsoNormal">Bhupendra <u></u><u></u></p>
</div>
<hr>
The contents of this e-mail and any attachment(s) are confidential and intended for the named recipient(s) only. It shall not attach any liability on the originator or NECTI or its affiliates. Any views or opinions presented in this email are solely those of
the author and may not necessarily reflect the opinions of NECTI or its affiliates. Any form of reproduction, dissemination, copying, disclosure, modification, distribution and / or publication of this message without the prior written consent of the author
of this e-mail is strictly prohibited. If you have received this email in error please delete it and notify the sender immediately.
</div>
_______________________________________________<br>
Geojs-users mailing list<br>
<a href="mailto:Geojs-users@public.kitware.com" target="_blank">Geojs-users@public.kitware.com</a><br>
<a href="https://public.kitware.com/mailman/listinfo/geojs-users" rel="noreferrer" target="_blank">https://public.kitware.com/mailman/listinfo/geojs-users</a><br>
</blockquote></div><br clear="all"><div><br></div>-- <br><div dir="ltr" class="gmail_signature"><div dir="ltr"><div><div dir="ltr">David Manthey</div><div dir="ltr">R&D Engineer<br>Kitware Inc.<br>(518) 881-4439<br></div></div></div></div>