Latest Contributions by UndralBatsukh

Hi there,  What problem are you running into? Are you getting errors? Or the projection is incorrect? The one I can see from the code snippet is that the spatialReference is not being set on the point you are passing into project method. You can directly pass in the event.mapPoint to the projection method or try setting the spatial reference of the point as shown below before you pass it into projection method.  let point = new Point({ x: event.mapPoint.x, y: event.mapPoint.y, spatialReference: WGS84 });   ... View more

That is because the RoutResult class does not have a property called routeResults. Please take a look at the SDK doc for RouteResult and modify your code.  ... View more

Hi there,  This approach appears to be working. I updated the test app to showcase this. The following is the gist of it.  var randomDates = [ new Date(2021, 0, 11, 13, 52, 59, 452), new Date(2021, 0, 11, 13, 32, 58, 956), new Date(2021, 0, 12, 13, 55, 33, 216), new Date(2021, 0, 11, 14, 02, 56, 873), new Date(2021, 0, 11, 14, 22, 44, 315), new Date(2021, 0, 11, 14, 44, 21, 273), new Date(2021, 0, 11, 15, 02, 24, 093), new Date(2021, 0, 11, 17, 49, 56, 344), new Date(2021, 0, 12, 1, 08, 45, 504), new Date(2021, 0, 12, 1, 54, 36, 290), new Date(2021, 0, 12, 8, 31, 16, 087), new Date(2021, 0, 11, 16, 34, 05, 781), new Date(2000, 0, 11, 16, 36, 11, 802), ]; var date_sort_asc = function (date1, date2) { if (date1 > date2) return 1; if (date1 < date2) return -1; return 0; }; randomDates.sort(date_sort_asc); randomDates.forEach(function(dt){ console.log(dt.toLocaleString()) });   ... View more

Looks like you are using TypeScript. Autocasting is not allowed unless you are setting parameters in the class constructor. The following code needs to be update. See the updated code right below it.    result.route.symbol = { type: 'simple-line', color: [5, 150, 255], width: 3 }; // IMPORT THE FOLLOWING MODULE import SimpleLineSymbol = require("esri/symbols/SimpleLineSymbol"); // Then CHANGE YOUR CODE TO result.route.symbol = new SimpleLineSymbol({ color: [5, 150, 255], width: 3 });     As for this error: Cannot assign to 'classList' because it is a read-only property. The following code is the problem. See the fix right below it.    const directions = document.createElement('ol'); directions.classList = 'esri-widget esri-widget--panel esri-directions__scroller'; // NEEDS TO BE CHANGED TO directions.classList.add("esri-widget", "esri-widget--panel", "esri-directions__scroller");   ... View more

Hi there,  From what I can see you are using the RouteTask module to call solve like this RouteTask.solve(). Solve is not a static method on RouteTask. Have you created a new instance of the RouteTask? Use the instance of RouteTask to call the  solve method. This sample shows how to set up RouteTask: https://developers.arcgis.com/javascript/latest/sample-code/sandbox/index.html?sample=tasks-route   Hope that is the issue.  -Undral   ... View more

Hi there,  From what I can see the grade filter is working as expected. For example, grade = 'E1' returns only one feature from the service as well. So the client-side filtering matches the server result in this case.  As for filtering features based both on grade and major values you can do the following were you can dynamically populate the values for the grade as you are doing in your app.  majorCommandView.filter = { where: `macom = '${selectedCommand}' AND grade = 'E6'`, };   -Undral ... View more

Hi there,  You maybe better of using DictionaryRenderer in this case. Here is a sample that shows how to use dictionary renderer: https://developers.arcgis.com/javascript/latest/sample-code/visualization-dictionary/ ... View more

Hi there,  This should work as long as you are NOT using animated svg. Please take a look at the known limitation for PictureMarkerSymbol for svg limitations. If you are using animated svg... then it will not work as stated in the known limitation. You can instead use animated png or webp formats. In any case, the svg you provided is not working. You can do it as shown below:     const featureLayer = new FeatureLayer({ url: "https://sampleserver6.arcgisonline.com/arcgis/rest/services/USA/MapServer/0", renderer: { type: "simple", symbol: { type: "picture-marker", url: "data&colon;image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxNi4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMTI2cHgiIGhlaWdodD0iMTI2cHgiIHZpZXdCb3g9IjAgMCAxMjYgMTI2IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgMCAxMjYgMTI2IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxyZWN0IHg9IjEuMDk1IiB5PSI5OC4yMjQiIHdpZHRoPSIxMjMuODEiIGhlaWdodD0iMTkuMjc1Ii8+DQoJPHJlY3QgeD0iMS4wOTUiIHk9Ijg1Ljc0IiB3aWR0aD0iMTIzLjgxIiBoZWlnaHQ9IjUuMjA1Ii8+DQoJPHBhdGggZD0iTTE4LjQwNCw5NS43MjFjMC43NjcsMCwxLjM4OS0wLjYyMywxLjM4OS0xLjM5cy0wLjYyMi0xLjM4OC0xLjM4OS0xLjM4OEgzLjQ4MWMtMC43NjcsMC0xLjM4OCwwLjYyMS0xLjM4OCwxLjM4OA0KCQlzMC42MjIsMS4zOSwxLjM4OCwxLjM5SDE4LjQwNHoiLz4NCgk8cGF0aCBkPSJNNDQuNDMzLDk1LjcyMWMwLjc2NywwLDEuMzg4LTAuNjIzLDEuMzg4LTEuMzlzLTAuNjIyLTEuMzg4LTEuMzg4LTEuMzg4SDI5LjUxYy0wLjc2NywwLTEuMzg5LDAuNjIxLTEuMzg5LDEuMzg4DQoJCXMwLjYyMiwxLjM5LDEuMzg5LDEuMzlINDQuNDMzeiIvPg0KCTxwYXRoIGQ9Ik03MC40NjEsOTUuNzIxYzAuNzY3LDAsMS4zODgtMC42MjMsMS4zODgtMS4zOXMtMC42MjItMS4zODgtMS4zODgtMS4zODhINTUuNTM5Yy0wLjc2NywwLTEuMzg4LDAuNjIxLTEuMzg4LDEuMzg4DQoJCXMwLjYyMiwxLjM5LDEuMzg4LDEuMzlINzAuNDYxeiIvPg0KCTxwYXRoIGQ9Ik05Ni40OSw5NS43MjFjMC43NjcsMCwxLjM4OS0wLjYyMywxLjM4OS0xLjM5cy0wLjYyMi0xLjM4OC0xLjM4OS0xLjM4OEg4MS41NjdjLTAuNzY3LDAtMS4zODgsMC42MjEtMS4zODgsMS4zODgNCgkJczAuNjIyLDEuMzksMS4zODgsMS4zOUg5Ni40OXoiLz4NCgk8cGF0aCBkPSJNMTIyLjUxOSw5NS43MjFjMC43NjcsMCwxLjM4OS0wLjYyMywxLjM4OS0xLjM5cy0wLjYyMi0xLjM4OC0xLjM4OS0xLjM4OGgtMTQuOTIzYy0wLjc2NywwLTEuMzg4LDAuNjIxLTEuMzg4LDEuMzg4DQoJCXMwLjYyMiwxLjM5LDEuMzg4LDEuMzlIMTIyLjUxOXoiLz4NCgk8cGF0aCBkPSJNNy40MSw4MC45aDUzLjQ0MmMwLjg2MywwLDEuNTYyLTAuNjk5LDEuNTYyLTEuNTYyVjM5LjU0M2MwLTAuODYyLTAuNjk5LTEuNTYzLTEuNTYyLTEuNTYzSDQ1LjMxNHYtNi41MzkNCgkJYzAtMC44NjEtMC42OTgtMS41NjItMS41NjEtMS41NjJIMjMuNDI4Yy0wLjg2MywwLTEuNTYyLDAuNy0xLjU2MiwxLjU2MnY2LjU0SDcuNDFjLTAuODYyLDAtMS41NjIsMC43LTEuNTYyLDEuNTYzdjM5Ljc5NQ0KCQlDNS44NDgsODAuMjAxLDYuNTQ3LDgwLjksNy40MSw4MC45eiBNMzQuNDkyLDU3Ljg3NGgtMS43OTZ2LTYuNzY4aDEuNzk2VjU3Ljg3NHogTTI2LjU2MywzNC41NzRoMTQuMDU1djMuNDA2SDI2LjU2M1YzNC41NzR6DQoJCSBNMTAuNTQ0LDQyLjY3OGg0Ny4xNzN2MTEuOThIMzYuOTQydi00LjAwNmMwLTAuODYzLTAuNjk5LTEuNTYzLTEuNTYyLTEuNTYzaC0zLjU4MmMtMC44NjMsMC0xLjU2MiwwLjY5OS0xLjU2MiwxLjU2M3Y0LjAwNg0KCQlIMTAuNTQ0VjQyLjY3OHoiLz4NCgk8cGF0aCBkPSJNNjguNzM0LDgwLjloNDkuOTU4YzAuODA3LDAsMS40Ni0wLjY1MywxLjQ2LTEuNDZWMTcuNTM0YzAtMC44MDYtMC42NTMtMS40NTktMS40Ni0xLjQ1OWgtMTQuNTI0VjkuOTYxDQoJCWMwLTAuODA3LTAuNjUzLTEuNDYtMS40Ni0xLjQ2aC0xOWMtMC44MDcsMC0xLjQ2LDAuNjUzLTEuNDYsMS40NnY2LjExNUg2OC43MzRjLTAuODA3LDAtMS40NiwwLjY1My0xLjQ2LDEuNDU5Vjc5LjQ0DQoJCUM2Ny4yNzQsODAuMjQ3LDY3LjkyNyw4MC45LDY4LjczNCw4MC45eiBNODYuNjM4LDEyLjg5aDEzLjEzOXYzLjE4Nkg4Ni42MzhWMTIuODl6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==", height: "32px", width: "32px" } } });     ... View more

Hi there, We changed the  behavior you described at 4.19 to fetch 20 features at a time for a popup.  So the performance will be better if you upgrade to 4.19.  4.19 will be released at the end of April. You can already test your app by pointing to next version as shown below: <link rel="stylesheet" href="https://js.arcgis.com/next/esri/themes/light/main.css"/> <script src="https://js.arcgis.com/next/"></script> Hope this helps, -Undral ... View more

You  Hi there,  You should set the style on html elements like div, p, span etc.  The following will work for example: var template = { // autocasts as new PopupTemplate() title: "{NAME} in {COUNTY}", content: '<div style="font-family:Garamond;font-size:26px"><i>content</i></div>' }; ... View more