<?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 Polylines disappear while zooming out in ArcGIS JavaScript Maps SDK Questions</title>
    <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/polylines-disappear-while-zooming-out/m-p/424517#M39047</link>
    <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;Good Day&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;We have a map with thousands of small polylines and as we change the zoom level the lines appear when we zoom in and disappear when we zoom out, is there a way to prevent this functionality?&amp;nbsp; Can we have them render like markers, where zoomed out we just see one large marker?&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;This is our Feature Layer / Render Build code:&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;PRE class="lia-code-sample line-numbers language-none"&gt;
&lt;SPAN style="color: #ffc66d;"&gt;buildFeatureSettings&lt;/SPAN&gt;(geometryType&lt;SPAN style="color: #cc7832;"&gt;, &lt;/SPAN&gt;data&lt;SPAN style="color: #cc7832;"&gt;, &lt;/SPAN&gt;colour) {

  &lt;SPAN style="color: #9876aa; font-weight: bold; font-style: italic;"&gt;console&lt;/SPAN&gt;.&lt;SPAN style="color: #ffc66d;"&gt;log&lt;/SPAN&gt;(&lt;SPAN style="color: #6a8759;"&gt;'Feature Layer Data'&lt;/SPAN&gt;)&lt;SPAN style="color: #cc7832;"&gt;;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;  &lt;/SPAN&gt;&lt;SPAN style="color: #9876aa; font-weight: bold; font-style: italic;"&gt;console&lt;/SPAN&gt;.&lt;SPAN style="color: #ffc66d;"&gt;log&lt;/SPAN&gt;(data)&lt;SPAN style="color: #cc7832;"&gt;;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;  return &lt;/SPAN&gt;{
    &lt;SPAN style="color: #9876aa;"&gt;source&lt;/SPAN&gt;: data&lt;SPAN style="color: #cc7832;"&gt;,
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;    &lt;/SPAN&gt;&lt;SPAN style="color: #9876aa;"&gt;renderer&lt;/SPAN&gt;: &lt;SPAN style="color: #cc7832;"&gt;this&lt;/SPAN&gt;.&lt;SPAN style="color: #ffc66d;"&gt;buildRenderSettings&lt;/SPAN&gt;(data&lt;SPAN style="color: #cc7832;"&gt;, &lt;/SPAN&gt;colour&lt;SPAN style="color: #cc7832;"&gt;, &lt;/SPAN&gt;geometryType.&lt;SPAN style="color: #ffc66d;"&gt;toString&lt;/SPAN&gt;().&lt;SPAN style="color: #ffc66d;"&gt;includes&lt;/SPAN&gt;(&lt;SPAN style="color: #6a8759;"&gt;'point'&lt;/SPAN&gt;))&lt;SPAN style="color: #cc7832;"&gt;,
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;    &lt;/SPAN&gt;&lt;SPAN style="color: #9876aa;"&gt;fields&lt;/SPAN&gt;: &lt;SPAN style="color: #cc7832;"&gt;this&lt;/SPAN&gt;.&lt;SPAN style="color: #9876aa;"&gt;_fields&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;,
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;    &lt;/SPAN&gt;&lt;SPAN style="color: #9876aa;"&gt;objectIdField&lt;/SPAN&gt;: &lt;SPAN style="color: #6a8759;"&gt;'ObjectID'&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;,
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;    &lt;/SPAN&gt;&lt;SPAN style="color: #9876aa;"&gt;geometryType&lt;/SPAN&gt;: geometryType&lt;SPAN style="color: #cc7832;"&gt;,
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;    &lt;/SPAN&gt;&lt;SPAN style="color: #9876aa;"&gt;spatialReference&lt;/SPAN&gt;: {
      &lt;SPAN style="color: #9876aa;"&gt;wkid&lt;/SPAN&gt;: &lt;SPAN style="color: #6897bb;"&gt;4326
&lt;/SPAN&gt;&lt;SPAN style="color: #6897bb;"&gt;    &lt;/SPAN&gt;}&lt;SPAN style="color: #cc7832;"&gt;,
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;    &lt;/SPAN&gt;&lt;SPAN style="color: #9876aa;"&gt;title&lt;/SPAN&gt;: &lt;SPAN style="color: #cc7832;"&gt;this&lt;/SPAN&gt;.&lt;SPAN style="color: #9876aa;"&gt;_allAssets &lt;/SPAN&gt;? data[&lt;SPAN style="color: #6897bb;"&gt;0&lt;/SPAN&gt;].&lt;SPAN style="color: #9876aa;"&gt;attributes&lt;/SPAN&gt;.&lt;SPAN style="color: #9876aa;"&gt;assetType &lt;/SPAN&gt;: data[&lt;SPAN style="color: #6897bb;"&gt;0&lt;/SPAN&gt;].&lt;SPAN style="color: #9876aa;"&gt;attributes&lt;/SPAN&gt;.&lt;SPAN style="color: #9876aa;"&gt;layer
&lt;/SPAN&gt;&lt;SPAN style="color: #9876aa;"&gt;  &lt;/SPAN&gt;}&lt;SPAN style="color: #cc7832;"&gt;;
&lt;/SPAN&gt;}

&lt;SPAN style="color: #629755; font-style: italic;"&gt;/**
&lt;/SPAN&gt;&lt;SPAN style="color: #629755; font-style: italic;"&gt; * Build the rendering options for the feature layer
&lt;/SPAN&gt;&lt;SPAN style="color: #629755; font-style: italic;"&gt; */
&lt;/SPAN&gt;&lt;SPAN style="color: #629755; font-style: italic;"&gt;
&lt;/SPAN&gt;&lt;SPAN style="color: #ffc66d;"&gt;buildRenderSettings&lt;/SPAN&gt;(data&lt;SPAN style="color: #cc7832;"&gt;, &lt;/SPAN&gt;colour: &lt;SPAN style="color: #cc7832;"&gt;string, &lt;/SPAN&gt;marker = &lt;SPAN style="color: #cc7832;"&gt;false&lt;/SPAN&gt;) {
  &lt;SPAN style="color: #cc7832;"&gt;return &lt;/SPAN&gt;{
    &lt;SPAN style="color: #9876aa;"&gt;type&lt;/SPAN&gt;: &lt;SPAN style="color: #6a8759;"&gt;'simple'&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;,
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;    &lt;/SPAN&gt;&lt;SPAN style="color: #9876aa;"&gt;symbol&lt;/SPAN&gt;: {
      &lt;SPAN style="color: #9876aa;"&gt;style&lt;/SPAN&gt;: marker ? &lt;SPAN style="color: #6a8759;"&gt;'circle' &lt;/SPAN&gt;: &lt;SPAN style="color: #cc7832;"&gt;null,
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;      &lt;/SPAN&gt;&lt;SPAN style="color: #9876aa;"&gt;type&lt;/SPAN&gt;: marker ? &lt;SPAN style="color: #6a8759;"&gt;'simple-marker' &lt;/SPAN&gt;: &lt;SPAN style="color: #6a8759;"&gt;'simple-fill'&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;,
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;      &lt;/SPAN&gt;&lt;SPAN style="color: #9876aa;"&gt;size&lt;/SPAN&gt;: marker ? &lt;SPAN style="color: #6897bb;"&gt;12 &lt;/SPAN&gt;: &lt;SPAN style="color: #6897bb;"&gt;30&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;,
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;      &lt;/SPAN&gt;&lt;SPAN style="color: #9876aa;"&gt;color&lt;/SPAN&gt;: _.cloneDeep(colour)&lt;SPAN style="color: #cc7832;"&gt;,
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;      &lt;/SPAN&gt;&lt;SPAN style="color: #9876aa;"&gt;outline&lt;/SPAN&gt;: {
        &lt;SPAN style="color: #9876aa;"&gt;width&lt;/SPAN&gt;: &lt;SPAN style="color: #6897bb;"&gt;4&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;,
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;        &lt;/SPAN&gt;&lt;SPAN style="color: #9876aa;"&gt;color&lt;/SPAN&gt;: _.cloneDeep(colour)&lt;SPAN style="color: #cc7832;"&gt;,
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;      &lt;/SPAN&gt;}
    }&lt;SPAN style="color: #cc7832;"&gt;,
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;  &lt;/SPAN&gt;}
}&lt;/PRE&gt;&lt;P&gt;Thanks&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
    <pubDate>Sat, 11 Dec 2021 19:09:17 GMT</pubDate>
    <dc:creator>AndrewMurdoch1</dc:creator>
    <dc:date>2021-12-11T19:09:17Z</dc:date>
    <item>
      <title>Polylines disappear while zooming out</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/polylines-disappear-while-zooming-out/m-p/424517#M39047</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;Good Day&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;We have a map with thousands of small polylines and as we change the zoom level the lines appear when we zoom in and disappear when we zoom out, is there a way to prevent this functionality?&amp;nbsp; Can we have them render like markers, where zoomed out we just see one large marker?&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;This is our Feature Layer / Render Build code:&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;PRE class="lia-code-sample line-numbers language-none"&gt;
&lt;SPAN style="color: #ffc66d;"&gt;buildFeatureSettings&lt;/SPAN&gt;(geometryType&lt;SPAN style="color: #cc7832;"&gt;, &lt;/SPAN&gt;data&lt;SPAN style="color: #cc7832;"&gt;, &lt;/SPAN&gt;colour) {

  &lt;SPAN style="color: #9876aa; font-weight: bold; font-style: italic;"&gt;console&lt;/SPAN&gt;.&lt;SPAN style="color: #ffc66d;"&gt;log&lt;/SPAN&gt;(&lt;SPAN style="color: #6a8759;"&gt;'Feature Layer Data'&lt;/SPAN&gt;)&lt;SPAN style="color: #cc7832;"&gt;;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;  &lt;/SPAN&gt;&lt;SPAN style="color: #9876aa; font-weight: bold; font-style: italic;"&gt;console&lt;/SPAN&gt;.&lt;SPAN style="color: #ffc66d;"&gt;log&lt;/SPAN&gt;(data)&lt;SPAN style="color: #cc7832;"&gt;;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;  return &lt;/SPAN&gt;{
    &lt;SPAN style="color: #9876aa;"&gt;source&lt;/SPAN&gt;: data&lt;SPAN style="color: #cc7832;"&gt;,
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;    &lt;/SPAN&gt;&lt;SPAN style="color: #9876aa;"&gt;renderer&lt;/SPAN&gt;: &lt;SPAN style="color: #cc7832;"&gt;this&lt;/SPAN&gt;.&lt;SPAN style="color: #ffc66d;"&gt;buildRenderSettings&lt;/SPAN&gt;(data&lt;SPAN style="color: #cc7832;"&gt;, &lt;/SPAN&gt;colour&lt;SPAN style="color: #cc7832;"&gt;, &lt;/SPAN&gt;geometryType.&lt;SPAN style="color: #ffc66d;"&gt;toString&lt;/SPAN&gt;().&lt;SPAN style="color: #ffc66d;"&gt;includes&lt;/SPAN&gt;(&lt;SPAN style="color: #6a8759;"&gt;'point'&lt;/SPAN&gt;))&lt;SPAN style="color: #cc7832;"&gt;,
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;    &lt;/SPAN&gt;&lt;SPAN style="color: #9876aa;"&gt;fields&lt;/SPAN&gt;: &lt;SPAN style="color: #cc7832;"&gt;this&lt;/SPAN&gt;.&lt;SPAN style="color: #9876aa;"&gt;_fields&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;,
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;    &lt;/SPAN&gt;&lt;SPAN style="color: #9876aa;"&gt;objectIdField&lt;/SPAN&gt;: &lt;SPAN style="color: #6a8759;"&gt;'ObjectID'&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;,
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;    &lt;/SPAN&gt;&lt;SPAN style="color: #9876aa;"&gt;geometryType&lt;/SPAN&gt;: geometryType&lt;SPAN style="color: #cc7832;"&gt;,
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;    &lt;/SPAN&gt;&lt;SPAN style="color: #9876aa;"&gt;spatialReference&lt;/SPAN&gt;: {
      &lt;SPAN style="color: #9876aa;"&gt;wkid&lt;/SPAN&gt;: &lt;SPAN style="color: #6897bb;"&gt;4326
&lt;/SPAN&gt;&lt;SPAN style="color: #6897bb;"&gt;    &lt;/SPAN&gt;}&lt;SPAN style="color: #cc7832;"&gt;,
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;    &lt;/SPAN&gt;&lt;SPAN style="color: #9876aa;"&gt;title&lt;/SPAN&gt;: &lt;SPAN style="color: #cc7832;"&gt;this&lt;/SPAN&gt;.&lt;SPAN style="color: #9876aa;"&gt;_allAssets &lt;/SPAN&gt;? data[&lt;SPAN style="color: #6897bb;"&gt;0&lt;/SPAN&gt;].&lt;SPAN style="color: #9876aa;"&gt;attributes&lt;/SPAN&gt;.&lt;SPAN style="color: #9876aa;"&gt;assetType &lt;/SPAN&gt;: data[&lt;SPAN style="color: #6897bb;"&gt;0&lt;/SPAN&gt;].&lt;SPAN style="color: #9876aa;"&gt;attributes&lt;/SPAN&gt;.&lt;SPAN style="color: #9876aa;"&gt;layer
&lt;/SPAN&gt;&lt;SPAN style="color: #9876aa;"&gt;  &lt;/SPAN&gt;}&lt;SPAN style="color: #cc7832;"&gt;;
&lt;/SPAN&gt;}

&lt;SPAN style="color: #629755; font-style: italic;"&gt;/**
&lt;/SPAN&gt;&lt;SPAN style="color: #629755; font-style: italic;"&gt; * Build the rendering options for the feature layer
&lt;/SPAN&gt;&lt;SPAN style="color: #629755; font-style: italic;"&gt; */
&lt;/SPAN&gt;&lt;SPAN style="color: #629755; font-style: italic;"&gt;
&lt;/SPAN&gt;&lt;SPAN style="color: #ffc66d;"&gt;buildRenderSettings&lt;/SPAN&gt;(data&lt;SPAN style="color: #cc7832;"&gt;, &lt;/SPAN&gt;colour: &lt;SPAN style="color: #cc7832;"&gt;string, &lt;/SPAN&gt;marker = &lt;SPAN style="color: #cc7832;"&gt;false&lt;/SPAN&gt;) {
  &lt;SPAN style="color: #cc7832;"&gt;return &lt;/SPAN&gt;{
    &lt;SPAN style="color: #9876aa;"&gt;type&lt;/SPAN&gt;: &lt;SPAN style="color: #6a8759;"&gt;'simple'&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;,
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;    &lt;/SPAN&gt;&lt;SPAN style="color: #9876aa;"&gt;symbol&lt;/SPAN&gt;: {
      &lt;SPAN style="color: #9876aa;"&gt;style&lt;/SPAN&gt;: marker ? &lt;SPAN style="color: #6a8759;"&gt;'circle' &lt;/SPAN&gt;: &lt;SPAN style="color: #cc7832;"&gt;null,
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;      &lt;/SPAN&gt;&lt;SPAN style="color: #9876aa;"&gt;type&lt;/SPAN&gt;: marker ? &lt;SPAN style="color: #6a8759;"&gt;'simple-marker' &lt;/SPAN&gt;: &lt;SPAN style="color: #6a8759;"&gt;'simple-fill'&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;,
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;      &lt;/SPAN&gt;&lt;SPAN style="color: #9876aa;"&gt;size&lt;/SPAN&gt;: marker ? &lt;SPAN style="color: #6897bb;"&gt;12 &lt;/SPAN&gt;: &lt;SPAN style="color: #6897bb;"&gt;30&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;,
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;      &lt;/SPAN&gt;&lt;SPAN style="color: #9876aa;"&gt;color&lt;/SPAN&gt;: _.cloneDeep(colour)&lt;SPAN style="color: #cc7832;"&gt;,
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;      &lt;/SPAN&gt;&lt;SPAN style="color: #9876aa;"&gt;outline&lt;/SPAN&gt;: {
        &lt;SPAN style="color: #9876aa;"&gt;width&lt;/SPAN&gt;: &lt;SPAN style="color: #6897bb;"&gt;4&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;,
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;        &lt;/SPAN&gt;&lt;SPAN style="color: #9876aa;"&gt;color&lt;/SPAN&gt;: _.cloneDeep(colour)&lt;SPAN style="color: #cc7832;"&gt;,
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;      &lt;/SPAN&gt;}
    }&lt;SPAN style="color: #cc7832;"&gt;,
&lt;/SPAN&gt;&lt;SPAN style="color: #cc7832;"&gt;  &lt;/SPAN&gt;}
}&lt;/PRE&gt;&lt;P&gt;Thanks&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Sat, 11 Dec 2021 19:09:17 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/polylines-disappear-while-zooming-out/m-p/424517#M39047</guid>
      <dc:creator>AndrewMurdoch1</dc:creator>
      <dc:date>2021-12-11T19:09:17Z</dc:date>
    </item>
  </channel>
</rss>

