nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Remove highlight from all layer

Vakhtang_Zubiashvili

Hi all,

Can someone point me how to remove highlight from all features on map? I have several layers (5 layers) and i want to remove highlight at once from all them.

Thank you in advance

Encontre mais publicações marcadas com

Accepted answers

UndralBatsukh

Hi there,

This test app shows how to remove highlights from several layersviews at a time.

Hope this helps,

-Undral

All comments

KaiFriis

Thanks for the nudge in the right direction. I didn’t think about the fact that the highlight method is returning a value that I can use. On to the next ArcGIS problem.

UndralBatsukh

Hi there,

This test app shows how to remove highlights from several layersviews at a time.

Hope this helps,

-Undral

Egge-Jan_Pollé

Hi vakhtang zubiashvili,

Can you show us a sample of your code?

Egge-Jan

Vakhtang_Zubiashvili

Hi Egge-Jan,

I use 4.14 version,

i tried view.graphics.removeAll(),

but it didn't work. It removes for one layer, but when i try to use it for

muktuple it doesn't work.

Egge-Jan_Pollé

Hi vakhtang zubiashvili,

Which version of the JavaScript API are you using, 3.x or 4.x?

I can provide you with a little example (using 4.13) where a parcel is highlighted when clicked and 'unhighlighted' when the popup is closed: Aan de slag met ArcGIS JavaScript - DKK Geocoder

The relevant piece of code is shown below. But, as you can see from my notes, it was not me who figured this out. No it was Robert Scheitlin, GISP‌...

Is this example useful to you?

Cheers,

Egge-Jan

      <SPAN class="comment token">// Make sure the clicked parcel is highlighted -  code sample provided by Robert Scheitlin, GISP on GeoNet</SPAN>
      view<SPAN class="punctuation token">.</SPAN>popup<SPAN class="punctuation token">.</SPAN><SPAN class="token function">watch</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">'selectedFeature'</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="keyword token">function</SPAN><SPAN class="punctuation token">(</SPAN>gra<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">{</SPAN>
        <SPAN class="keyword token">if</SPAN><SPAN class="punctuation token">(</SPAN>gra<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">{</SPAN>
          view<SPAN class="punctuation token">.</SPAN>graphics<SPAN class="punctuation token">.</SPAN><SPAN class="token function">removeAll</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
          <SPAN class="keyword token">let</SPAN> h <SPAN class="operator token">=</SPAN> view<SPAN class="punctuation token">.</SPAN>highlightOptions<SPAN class="punctuation token">;</SPAN>
          gra<SPAN class="punctuation token">.</SPAN>symbol <SPAN class="operator token">=</SPAN> <SPAN class="punctuation token">{</SPAN>
            type<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">"simple-fill"</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="comment token">// autocasts as new SimpleFillSymbol()</SPAN>
            color<SPAN class="punctuation token">:</SPAN> <SPAN class="punctuation token">[</SPAN>h<SPAN class="punctuation token">.</SPAN>color<SPAN class="punctuation token">.</SPAN>r<SPAN class="punctuation token">,</SPAN>h<SPAN class="punctuation token">.</SPAN>color<SPAN class="punctuation token">.</SPAN>g<SPAN class="punctuation token">,</SPAN> h<SPAN class="punctuation token">.</SPAN>color<SPAN class="punctuation token">.</SPAN>b<SPAN class="punctuation token">,</SPAN> h<SPAN class="punctuation token">.</SPAN>fillOpacity<SPAN class="punctuation token">]</SPAN><SPAN class="punctuation token">,</SPAN>
            outline<SPAN class="punctuation token">:</SPAN> <SPAN class="punctuation token">{</SPAN>
              <SPAN class="comment token">// autocasts as new SimpleLineSymbol()</SPAN>
              color<SPAN class="punctuation token">:</SPAN> <SPAN class="punctuation token">[</SPAN>h<SPAN class="punctuation token">.</SPAN>color<SPAN class="punctuation token">.</SPAN>r<SPAN class="punctuation token">,</SPAN>h<SPAN class="punctuation token">.</SPAN>color<SPAN class="punctuation token">.</SPAN>g<SPAN class="punctuation token">,</SPAN> h<SPAN class="punctuation token">.</SPAN>color<SPAN class="punctuation token">.</SPAN>b<SPAN class="punctuation token">,</SPAN> h<SPAN class="punctuation token">.</SPAN>color<SPAN class="punctuation token">.</SPAN>a<SPAN class="punctuation token">]</SPAN><SPAN class="punctuation token">,</SPAN>
              width<SPAN class="punctuation token">:</SPAN> <SPAN class="number token">1</SPAN>
            <SPAN class="punctuation token">}</SPAN>
          <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">;</SPAN>
          view<SPAN class="punctuation token">.</SPAN>graphics<SPAN class="punctuation token">.</SPAN><SPAN class="token function">add</SPAN><SPAN class="punctuation token">(</SPAN>gra<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
        <SPAN class="punctuation token">}</SPAN><SPAN class="keyword token">else</SPAN><SPAN class="punctuation token">{</SPAN>
          view<SPAN class="punctuation token">.</SPAN>graphics<SPAN class="punctuation token">.</SPAN><SPAN class="token function">removeAll</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
        <SPAN class="punctuation token">}</SPAN>
      <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
      
      view<SPAN class="punctuation token">.</SPAN>popup<SPAN class="punctuation token">.</SPAN><SPAN class="token function">watch</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="string token">'visible'</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="keyword token">function</SPAN><SPAN class="punctuation token">(</SPAN>vis<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">{</SPAN>
        <SPAN class="keyword token">if</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="operator token">!</SPAN>vis<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">{</SPAN>
          view<SPAN class="punctuation token">.</SPAN>graphics<SPAN class="punctuation token">.</SPAN><SPAN class="token function">removeAll</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN>
        <SPAN class="punctuation token">}</SPAN>
      <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

Participe da Conversa

Membros conectados podem postar, seguir atualizações e mais. Novo aqui? Registre uma conta gratuita.

Links Rápidos

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.