<?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 Street name covers graphic icon in ArcGIS JavaScript Maps SDK Questions</title>
    <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/street-name-covers-graphic-icon/m-p/1465805#M84588</link>
    <description>&lt;P&gt;I'm using FeatureLayer to render graphics but the icons appear under the street names&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="AndrewAE_0-1715691666541.png" style="width: 400px;"&gt;&lt;img src="https://community.esri.com/t5/image/serverpage/image-id/104044i1DB95808BCB03940/image-size/medium?v=v2&amp;amp;px=400" role="button" title="AndrewAE_0-1715691666541.png" alt="AndrewAE_0-1715691666541.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;I tried to sort the layers, but the reorder function doesn't work for me&lt;/P&gt;&lt;LI-CODE lang="javascript"&gt;layers.reorder(eventLayer, 1)&lt;/LI-CODE&gt;&lt;P&gt;&lt;BR /&gt;This is how I create graphics&lt;/P&gt;&lt;LI-CODE lang="javascript"&gt;export const createGraphic = ({
    mapViewporItem,
    objectId,
    selectedEventId,
    selectedMapLedgerEntityType,
}: CreateGraphicParams): Graphic | undefined =&amp;gt; {
    const itemLocation = getEventLocation(mapViewporItem);
    const uiState = getUiState({
        ...
    });
    const iconType = getEventIconType(mapViewporItem);
    const itemGraphicAttributes: MapViewportItemGraphicAttributes = {
        objectId,
        entityId: mapViewporItem.entityId,
        iconName: `${iconType}, ${uiState}`,
        uiState,
        priority: mapViewporItem.priority,
        agencyTypeGlobalAttrId: mapViewporItem.agencyTypeGlobalAttrId,
    };
    const graphicProperties = {
        attributes: itemGraphicAttributes,
        geometry: {
            type: 'point',
            y: itemLocation.latitude,
            x: itemLocation.longitude,
            spatialReference: ESRI_SPATIAL_REFERENCE,
        },
    };
    return new Graphic(graphicProperties);
};&lt;/LI-CODE&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;</description>
    <pubDate>Tue, 14 May 2024 13:03:47 GMT</pubDate>
    <dc:creator>AndrewAE</dc:creator>
    <dc:date>2024-05-14T13:03:47Z</dc:date>
    <item>
      <title>Street name covers graphic icon</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/street-name-covers-graphic-icon/m-p/1465805#M84588</link>
      <description>&lt;P&gt;I'm using FeatureLayer to render graphics but the icons appear under the street names&lt;/P&gt;&lt;P&gt;&lt;span class="lia-inline-image-display-wrapper lia-image-align-inline" image-alt="AndrewAE_0-1715691666541.png" style="width: 400px;"&gt;&lt;img src="https://community.esri.com/t5/image/serverpage/image-id/104044i1DB95808BCB03940/image-size/medium?v=v2&amp;amp;px=400" role="button" title="AndrewAE_0-1715691666541.png" alt="AndrewAE_0-1715691666541.png" /&gt;&lt;/span&gt;&lt;/P&gt;&lt;P&gt;I tried to sort the layers, but the reorder function doesn't work for me&lt;/P&gt;&lt;LI-CODE lang="javascript"&gt;layers.reorder(eventLayer, 1)&lt;/LI-CODE&gt;&lt;P&gt;&lt;BR /&gt;This is how I create graphics&lt;/P&gt;&lt;LI-CODE lang="javascript"&gt;export const createGraphic = ({
    mapViewporItem,
    objectId,
    selectedEventId,
    selectedMapLedgerEntityType,
}: CreateGraphicParams): Graphic | undefined =&amp;gt; {
    const itemLocation = getEventLocation(mapViewporItem);
    const uiState = getUiState({
        ...
    });
    const iconType = getEventIconType(mapViewporItem);
    const itemGraphicAttributes: MapViewportItemGraphicAttributes = {
        objectId,
        entityId: mapViewporItem.entityId,
        iconName: `${iconType}, ${uiState}`,
        uiState,
        priority: mapViewporItem.priority,
        agencyTypeGlobalAttrId: mapViewporItem.agencyTypeGlobalAttrId,
    };
    const graphicProperties = {
        attributes: itemGraphicAttributes,
        geometry: {
            type: 'point',
            y: itemLocation.latitude,
            x: itemLocation.longitude,
            spatialReference: ESRI_SPATIAL_REFERENCE,
        },
    };
    return new Graphic(graphicProperties);
};&lt;/LI-CODE&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;</description>
      <pubDate>Tue, 14 May 2024 13:03:47 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/street-name-covers-graphic-icon/m-p/1465805#M84588</guid>
      <dc:creator>AndrewAE</dc:creator>
      <dc:date>2024-05-14T13:03:47Z</dc:date>
    </item>
    <item>
      <title>Re: Street name covers graphic icon</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/street-name-covers-graphic-icon/m-p/1474169#M84635</link>
      <description>&lt;P&gt;use the example from arcgis&lt;/P&gt;&lt;P&gt;&lt;A href="https://developers.arcgis.com/javascript/latest/sample-code/sandbox/?sample=webstylesymbol-2d" target="_blank"&gt;https://developers.arcgis.com/javascript/latest/sample-code/sandbox/?sample=webstylesymbol-2d&lt;/A&gt;&lt;BR /&gt;basemap: "gray-vector"&amp;nbsp; street names are on top of graphics/icons,&lt;/P&gt;&lt;P&gt;basemap: "topo-vector" icons are on top of street names.&lt;/P&gt;&lt;P&gt;is there way to make icons alway on top, on any basemaps?&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;&lt;P&gt;&amp;nbsp;&lt;/P&gt;</description>
      <pubDate>Thu, 16 May 2024 21:13:07 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/street-name-covers-graphic-icon/m-p/1474169#M84635</guid>
      <dc:creator>JianglinWu</dc:creator>
      <dc:date>2024-05-16T21:13:07Z</dc:date>
    </item>
  </channel>
</rss>

