<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>topic Re: Error handling with an Arcgis Online map (javascript api 4.16) in ArcGIS JavaScript Maps SDK Questions</title>
    <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/error-handling-with-an-arcgis-online-map/m-p/235751#M21975</link>
    <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;This isn't really something you would check with the API. A more reliable way is to use the browsers native.onLine property and event listeners to manage this.&lt;/P&gt;&lt;P&gt;&lt;A class="link-titled" href="https://developer.mozilla.org/en-US/docs/Web/API/NavigatorOnLine/onLine" title="https://developer.mozilla.org/en-US/docs/Web/API/NavigatorOnLine/onLine"&gt;Navigator.onLine - Web APIs | MDN&lt;/A&gt;&amp;nbsp;&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
    <pubDate>Fri, 02 Oct 2020 16:54:15 GMT</pubDate>
    <dc:creator>ReneRubalcava</dc:creator>
    <dc:date>2020-10-02T16:54:15Z</dc:date>
    <item>
      <title>Error handling with an Arcgis Online map (javascript api 4.16)</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/error-handling-with-an-arcgis-online-map/m-p/235750#M21974</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;I have an Arcgis Online map which&amp;nbsp;use refreshInterval for automatic updates.&lt;/P&gt;&lt;P&gt;I need to intercept an event when the network goes offline or online, like it’s done in the Map Viewer with the orange triangle at the bottom left (when I put the Network to Offline with Chrome developer tools):&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&lt;IMG alt="Error icon on Map viewer when network goes offline" class="jive-emoji image-1 jive-image j-img-original" src="https://community.esri.com/legacyfs/online/509089_map-viewer-offline.png" /&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;I tried to capture an error event on the map and on the layers, but it’s not working (with javascript api 4.16, in angular):&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P style="text-indent: 35.4pt; background: #1E1E1E;"&gt;&lt;SPAN style="font-size: 10.5pt; color: #569cd6;"&gt;&amp;nbsp; const&lt;/SPAN&gt; &lt;SPAN style="font-size: 10.5pt; color: #9cdcfe;"&gt;webMap&lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #d4d4d4;"&gt; = &lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #569cd6;"&gt;new&lt;/SPAN&gt; &lt;SPAN style="font-size: 10.5pt; color: #4ec9b0;"&gt;this&lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #d4d4d4;"&gt;.&lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #4ec9b0;"&gt;_WebMap&lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #d4d4d4;"&gt;({&lt;/SPAN&gt;&lt;/P&gt;&lt;P style="background: #1E1E1E;"&gt;&lt;SPAN style="font-size: 10.5pt; color: #d4d4d4;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #9cdcfe;"&gt;portalItem:&lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #d4d4d4;"&gt; {&lt;/SPAN&gt;&lt;/P&gt;&lt;P style="background: #1E1E1E;"&gt;&lt;SPAN style="font-size: 10.5pt; color: #d4d4d4;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #9cdcfe;"&gt;id:&lt;/SPAN&gt; &lt;SPAN style="font-size: 10.5pt; color: #9cdcfe;"&gt;arcgisOnlineMapId&lt;/SPAN&gt;&lt;/P&gt;&lt;P style="background: #1E1E1E;"&gt;&lt;SPAN style="font-size: 10.5pt; color: #d4d4d4;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; }&lt;/SPAN&gt;&lt;/P&gt;&lt;P style="background: #1E1E1E;"&gt;&lt;SPAN style="font-size: 10.5pt; color: #d4d4d4;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; });&lt;/SPAN&gt;&lt;/P&gt;&lt;P style="background: #1E1E1E;"&gt;&lt;SPAN style="font-size: 10.5pt; color: #d4d4d4;"&gt;&amp;nbsp;&lt;/SPAN&gt;&lt;/P&gt;&lt;P style="background: #1E1E1E;"&gt;&lt;SPAN style="font-size: 10.5pt; color: #d4d4d4;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #569cd6;"&gt;this&lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #d4d4d4;"&gt;.&lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #9cdcfe;"&gt;mapView&lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #d4d4d4;"&gt; = &lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #569cd6;"&gt;new&lt;/SPAN&gt; &lt;SPAN style="font-size: 10.5pt; color: #4ec9b0;"&gt;this&lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #d4d4d4;"&gt;.&lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #4ec9b0;"&gt;_MapView&lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #d4d4d4;"&gt;({&lt;/SPAN&gt;&lt;/P&gt;&lt;P style="background: #1E1E1E;"&gt;&lt;SPAN style="font-size: 10.5pt; color: #d4d4d4;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #9cdcfe;"&gt;container:&lt;/SPAN&gt; &lt;SPAN style="font-size: 10.5pt; color: #569cd6;"&gt;this&lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #d4d4d4;"&gt;.&lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #9cdcfe;"&gt;mapViewEl&lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #d4d4d4;"&gt;.&lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #9cdcfe;"&gt;nativeElement&lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #d4d4d4;"&gt;,&lt;/SPAN&gt;&lt;/P&gt;&lt;P style="background: #1E1E1E;"&gt;&lt;SPAN style="font-size: 10.5pt; color: #d4d4d4;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #9cdcfe;"&gt;map:&lt;/SPAN&gt; &lt;SPAN style="font-size: 10.5pt; color: #9cdcfe;"&gt;webMap&lt;/SPAN&gt;&lt;/P&gt;&lt;P style="background: #1E1E1E;"&gt;&lt;SPAN style="font-size: 10.5pt; color: #d4d4d4;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; });&lt;/SPAN&gt;&lt;/P&gt;&lt;P style="background: #1E1E1E;"&gt;&lt;SPAN style="font-size: 10.5pt; color: #d4d4d4;"&gt;&amp;nbsp;&lt;/SPAN&gt;&lt;/P&gt;&lt;P style="background: #1E1E1E;"&gt;&lt;SPAN style="font-size: 10.5pt; color: #d4d4d4;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #c586c0;"&gt;await&lt;/SPAN&gt; &lt;SPAN style="font-size: 10.5pt; color: #569cd6;"&gt;this&lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #d4d4d4;"&gt;.&lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #9cdcfe;"&gt;mapView&lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #d4d4d4;"&gt;.&lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #dcdcaa;"&gt;when&lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #d4d4d4;"&gt;();&lt;/SPAN&gt;&lt;/P&gt;&lt;P style="text-indent: 35.4pt; background: #1E1E1E;"&gt;&lt;SPAN style="font-size: 10.5pt; color: #569cd6;"&gt;&amp;nbsp;&lt;/SPAN&gt;&lt;/P&gt;&lt;P style="text-indent: 35.4pt; background: #1E1E1E;"&gt;&lt;SPAN style="font-size: 10.5pt; color: #569cd6;"&gt;&amp;nbsp; this&lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #d4d4d4;"&gt;.&lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #9cdcfe;"&gt;mapView&lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #d4d4d4;"&gt;.&lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #dcdcaa;"&gt;on&lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #d4d4d4;"&gt;(&lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #ce9178;"&gt;'error'&lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #d4d4d4;"&gt;, (&lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #9cdcfe;"&gt;error&lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #d4d4d4;"&gt;) &lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #569cd6;"&gt;=&amp;gt;&lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #d4d4d4;"&gt; {&lt;/SPAN&gt;&lt;/P&gt;&lt;P style="background: #1E1E1E;"&gt;&lt;SPAN style="font-size: 10.5pt; color: #d4d4d4;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #4ec9b0;"&gt;console&lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #d4d4d4;"&gt;.&lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #dcdcaa;"&gt;error&lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #d4d4d4;"&gt;(&lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #ce9178;"&gt;`mapView error: &lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #569cd6;"&gt;${&lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #9cdcfe;"&gt;error&lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #569cd6;"&gt;}&lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #ce9178;"&gt;`&lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #d4d4d4;"&gt;);&lt;/SPAN&gt;&lt;/P&gt;&lt;P style="background: #1E1E1E;"&gt;&lt;SPAN style="font-size: 10.5pt; color: #d4d4d4;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; });&lt;/SPAN&gt;&lt;/P&gt;&lt;P style="background: #1E1E1E;"&gt;&lt;SPAN style="font-size: 10.5pt; color: #d4d4d4;"&gt;&amp;nbsp;&lt;/SPAN&gt;&lt;/P&gt;&lt;P style="background: #1E1E1E;"&gt;&lt;SPAN style="font-size: 10.5pt; color: #d4d4d4;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #569cd6;"&gt;this&lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #d4d4d4;"&gt;.&lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #9cdcfe;"&gt;mapView&lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #d4d4d4;"&gt;.&lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #9cdcfe;"&gt;map&lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #d4d4d4;"&gt;.&lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #9cdcfe;"&gt;layers&lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #d4d4d4;"&gt;.&lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #dcdcaa;"&gt;on&lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #d4d4d4;"&gt;(&lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #ce9178;"&gt;'error'&lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #d4d4d4;"&gt;, (&lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #9cdcfe;"&gt;error&lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #d4d4d4;"&gt;) &lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #569cd6;"&gt;=&amp;gt;&lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #d4d4d4;"&gt; {&lt;/SPAN&gt;&lt;/P&gt;&lt;P style="background: #1E1E1E;"&gt;&lt;SPAN style="font-size: 10.5pt; color: #d4d4d4;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; &lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #4ec9b0;"&gt;console&lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #d4d4d4;"&gt;.&lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #dcdcaa;"&gt;error&lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #d4d4d4;"&gt;(&lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #ce9178;"&gt;`layers error: &lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #569cd6;"&gt;${&lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #9cdcfe;"&gt;error&lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #569cd6;"&gt;}&lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #ce9178;"&gt;`&lt;/SPAN&gt;&lt;SPAN style="font-size: 10.5pt; color: #d4d4d4;"&gt;);&lt;/SPAN&gt;&lt;/P&gt;&lt;P style="background: #1E1E1E;"&gt;&lt;SPAN style="font-size: 10.5pt; color: #d4d4d4;"&gt;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp; });&lt;/SPAN&gt;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;How can I do that ?&lt;/P&gt;&lt;P&gt;Same question for an event when the network comes back.&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;Thanks !&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Fri, 02 Oct 2020 15:34:52 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/error-handling-with-an-arcgis-online-map/m-p/235750#M21974</guid>
      <dc:creator>Anonymous User</dc:creator>
      <dc:date>2020-10-02T15:34:52Z</dc:date>
    </item>
    <item>
      <title>Re: Error handling with an Arcgis Online map (javascript api 4.16)</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/error-handling-with-an-arcgis-online-map/m-p/235751#M21975</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;This isn't really something you would check with the API. A more reliable way is to use the browsers native.onLine property and event listeners to manage this.&lt;/P&gt;&lt;P&gt;&lt;A class="link-titled" href="https://developer.mozilla.org/en-US/docs/Web/API/NavigatorOnLine/onLine" title="https://developer.mozilla.org/en-US/docs/Web/API/NavigatorOnLine/onLine"&gt;Navigator.onLine - Web APIs | MDN&lt;/A&gt;&amp;nbsp;&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Fri, 02 Oct 2020 16:54:15 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/error-handling-with-an-arcgis-online-map/m-p/235751#M21975</guid>
      <dc:creator>ReneRubalcava</dc:creator>
      <dc:date>2020-10-02T16:54:15Z</dc:date>
    </item>
  </channel>
</rss>

