topic Re: Editor widget only display defaultSymbol from UniqueValueRenderer in ArcGIS JavaScript Maps SDK Questions

Editor widget only display defaultSymbol from UniqueValueRenderer

msyazreen — Thu, 15 Jun 2023 05:40:38 GMT

Hi, I am new to community.

I'm reaching out to the ArcGIS community for support regarding an issue I'm experiencing with the Editor widget (JS API 4.25) and FeatureLayer. I'm trying to use the Editor widget to display military symbols, which I have created using a third-party library, on FeatureLayer.

The problem is that while the symbols I created from a JSON file are displayed correctly on the layer but on Editor widget, only defaultSymbol is being displayed. I'm uncertain about how to interpret and resolve this issue. To provide some context, I have included a snippet of the relevant code below:

Thanks in advance.

ps: please ignore lineLayerMilitary.

Re: Editor widget only display defaultSymbol from UniqueValueRenderer

msyazreen — Thu, 15 Jun 2023 07:12:34 GMT

here is my code in codepen. change to simple one using SimpleLineSymbol but still only defaultSymbol shown. i know im missing something...

https://codepen.io/msyazreen/pen/gOQPRVa?editors=100

Re: Editor widget only display defaultSymbol from UniqueValueRenderer

JoelBennett — Thu, 15 Jun 2023 18:17:19 GMT

By making the following changes to your codepen, it appears to work as you would expect:

<html lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" />  <title> Edit features with the Editor widget | Sample | ArcGIS Maps SDK for JavaScript 4.27 </title> <link rel="stylesheet" href="https://js.arcgis.com/4.27/esri/themes/light/main.css" /> <script src="https://js.arcgis.com/4.27/"></script> <style> html, body, #viewDiv { padding: 0; margin: 0; height: 100%; width: 100%; } </style> <script> require([ "esri/WebMap", "esri/views/MapView", "esri/widgets/Editor", "esri/renderers/UniqueValueRenderer", "esri/symbols/SimpleLineSymbol", "esri/layers/FeatureLayer", "esri/geometry/Point", "esri/Map" ], ( WebMap, MapView, Editor, UniqueValueRenderer, SimpleLineSymbol, FeatureLayer, Point, Map ) => { var map = new Map({ basemap: "topo-vector", ground: "world-elevation" }); const view = new MapView({ container: "viewDiv", map: map, center: [109.167953, 4.038615], zoom: 7, }); let testrenderer = new UniqueValueRenderer({ field: "msname", defaultSymbol: new SimpleLineSymbol({ color: [236, 71, 71, 255], width: 2.25, style: "solid" }), uniqueValueInfos: [ { label: "Full closure", value: "abc", symbol: new SimpleLineSymbol({ color: [247, 81, 81, 255], width: 2.25, style: "solid" }) }, { label: "Partial closure", value: "def", symbol: new SimpleLineSymbol({ color: [255, 170, 0, 255], width: 2.25, style: "solid" }) } ] }); let lineLayerMilitary = new FeatureLayer({ templates: [ { name: "Full Closure", prototype: { attributes: { msname: "abc" } } }, { name: "Partial Closure", prototype: { attributes: { msname: "def" } } } ], source: [], visible: true, geometryType: "polyline", objectIdField: "ObjectID", renderer: testrenderer, fields: [ { name: "ObjectID", alias: "ObjectID", type: "oid" }, { name: "msname", alias: "msname", type: "string", domain: { type: "coded-value", name: "d_closure", codedValues: [ { name: "Full Closure", code: "abc" }, { name: "Partial Closure", code: "def" } ] } } ] }); view.map.add(lineLayerMilitary); view.when(() => { const editor = new Editor({ view: view, layerInfos: [ { layer: lineLayerMilitary // pass in the feature layer, } ] }); // Add the widget to the view view.ui.add(editor, "top-right"); }); }); </script> </head> <body> <div id="viewDiv"></div> </body> </html>

Re: Editor widget only display defaultSymbol from UniqueValueRenderer

msyazreen — Fri, 16 Jun 2023 16:18:40 GMT

Thank you! its appear! u really save my time!