.NET and the Esri JavaScript API

NovicaJosifovski · ‎08-05-2020

I am trying to import a Web Appbuilder app into my existing .net core web application. So far, I created a folder in wwwroot, called WebAppBuilder. All the content from the Web Appbuilder app, I moved to this folder. Then I moved the following files to wwwroot/js They were originally in the Web AppBuilder folder. I also added a controller with a view and copied the body from index.html to the view. @{ ViewData["Title"] = "Index"; } <h1>Index</h1> <!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" /> <meta name="format-detection" content="telephone=no"> <meta http-equiv="X-UA-Compatible" content="IE=EDGE" /> <title>ArcGIS Web Application</title> <link rel="shortcut icon" href="images/shortcut.ico">  <style type="text/css"> * { box-sizing: border-box; } body, html { width: 100%; height: 100%; margin: 0; padding: 0; overflow: hidden; } #main-loading { width: 100%; height: 100%; text-align: center; overflow: hidden; } #main-loading #ie-note { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; } #main-loading #ie-note { width: 586px; height: 253px; background-image: url('images/notes.png'); padding: 0 30px 40px 30px; font-size: 14px; color: #596679; } #ie-note .hint-title { height: 40px; line-height: 48px; text-align: left; font-weight: bold; } #ie-note .hint-img { background-image: url('images/hint.png'); background-position: left; padding-left: 40px; margin-top: 20px; background-repeat: no-repeat; height: 30px; text-align: left; line-height: 30px; font-weight: bold; } #ie-note span { display: block; line-height: 14px; } #main-page { display: none; width: 100%; height: 100%; position: relative; } #jimu-layout-manager { width: 100%; height: 100%; position: absolute; } </style> <link rel="stylesheet" type="text/css" href="configs/loading/loading.css" /> <script> /******************************* * This is the function you can modify to customize the loading page * This function will be invoked when one resource is loaded. ********************************/ // var progress; // function loadingCallback(url, i, count) { // var loading = document.getElementById('main-loading-bar'); // loading.setAttribute('title', url); // if(!progress){ // progress = document.createElement('div'); // progress.setAttribute('class', 'loading-progress'); // loading.appendChild(progress); // } // progress.style.width = (((i - 1)/count) * 100) + '%'; // } </script> </head> <body class="claro jimu-main-font"> <div id="main-loading">  <div id="app-loading"></div> <div id="loading-gif"></div>  <div id="ie-note" style="display:none;"> <div class="hint-title">Error</div> <div class="hint-img">Your browser is currently not supported.</div> <p class="hint-text"> <span> Please note that creating presentations is not supported in Internet Explorer versions 6, 7. </span> <br> <span> We recommend upgrading to the latest Internet Explorer, Google Chrome, or Firefox. </span> <br> <span> If you are using IE 8 or later, make sure you turn off "Compatibility View". </span> </p> </div> </div> <div id="main-page"> <a role="link" id="trapLinkNode" tabindex="0">Trap Link Node</a> <div id="jimu-layout-manager"></div> <div id="skipContainer"></div> </div> <script src="~/js/env.js"></script> <script src="~/js/init.js"></script> <script src="~/js/simpleLoader.js"></script> </body> </html>‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍ The app builds successfully and runs, but when I navigate to the view I get errors in console. Would anyone have any idea why it can't find /load the resources? Also, why does it say loadResources is not defined?

ArunRaj · ‎07-10-2020

event.graphic.getChildGraphics() equvialent in 4.14 api I am using point cluster in feature layer and able to cluster the data. Now i need to get all item id in a particular cluster on click. this._view.on("click", (event) => { this._view.hitTest(event).then(response => { console.log(response.results[0].graphic['attributes']) }} This gives output as clusterId: 16127514 cluster_count: 13 cluster_type_type: "seperated" how to get all the data such as itemid, itemname of all 13 items in this cluster

ArshMalik · ‎02-13-2019

Hi, I want to implement a GIS based three Tier application. I prefer ASP.Net with C# (MVC). Can anyone guide me how to start with? I could not find any example where one can start ASP.Net (MVC). Or how to add ArcGIS maps into an ASP.Net web site. I have downloaded .Net runtime but it does not show any ArcsGIS map when I select ASP.Net C# Web mvc. It has some ArcGIS for Andorid, Iphone and Xamarin etc but not for ASP.net Web Application. Please guide. I am using VS 2017. and Windows 10

Gauravkhatri · ‎11-05-2019

How can I export data using Sketch Tool Widget I see it creates a feature but I want to extract the points it's covering. The reason I want to use this instead of "Features by Geometry" because I can create multiple polygon, rectangle, circle at a time. I want to be able to select that data/points its covering on a csv layer and extract/export them as CSV. Below code just creates the tool and you can also see in the image that it selected a feature but that is not getting selected from a csv reference it's on the map const sketch = new Sketch({ layer: layer, view: view }); view.ui.add(sketch, "top-right");

SRIVENKATESHVASIRAJU1 · ‎04-01-2020

Hi All, I am new to the ESRI Community as well as the ESRI ArcGIS Javascript API. I am using React.js as my Framework and the 'esri-loader' for the API Part. Can anyone give me a rudimentary example of how I would render a WMS Layer as an image/png on to the base map? Any help would be greatly appreciated. Thanks!

.NET and the Esri JavaScript API

.NET and the Esri JavaScript API

Group Activity

Importing Web Appbuilder into .Net Core

ArcGis esri javascript api get data from cluster on click - getchildgraphics() - v4.14

How to use ArcGIS into a ASP.Net based Web?

Export data using arcgis sketch tool javascript api

Adding WMS Layer to Map with React.js 4.14

.NET and the Esri JavaScript API