Latest Contributions by JoelBennett

‎09-22-2023

You can also do this as well: popup.on("trigger-action", function(target, event) { const featureLocation = target.location; }.bind(this, popup));

‎09-20-2023

There doesn't appear to be a means of disabling the quantization via layer settings, but using a RequestInterceptor to remove the quantizationParameters from the queries to the server should work for most common implementations: var featureLayer = new FeatureLayer({ url: "https://server/path/etc/FeatureServer/0" }); esriConfig.request.interceptors.push({ url: featureLayer.url + "/" + featureLayer.layerId + "/query", before: function (params) { if (params.requestOptions.query.quantizationParameters) delete params.requestOptions.query.quantizationParameters; } }); map.add(featureLayer);

‎09-18-2023

It would definitely make a difference if a shadow DOM is involved, but I haven't worked with React to know if that's the case in your situation or not. There's more info on that kind of thing in this post.

‎09-14-2023

You will need to add something like this somewhere below the tag in which you import the css theme file: <style type="text/css"> .esri-view .esri-view-surface:focus::after { outline-color: #0000FF; } </style>

‎09-13-2023

ArcGIS WebApp Builder (WAB) has a Grid Overlay widget which supports an MGRS grid. If you're not using WAB, but are using the 3.x API, you can download WAB, get the source code for the widget, and work it into your application. If you're using 4.x, ESRI has no plans to migrate this widget to Experience Builder. In that case, you are left with the prospect of migrating the widget yourself.

‎09-11-2023

Please add information about the ClassBreakInfo module's "description" property to the documentation. Information about this property exists in both the Web Map Specification and the Common Data Types references, but not in the SDK's documentation, although the property does exist in the SDK.

‎09-11-2023

Please add information about the UniqueValueInfo module's "description" property to the documentation. Information about this property exists in both the Web Map Specification and the Common Data Types references, but not in the SDK's documentation, although the property does exist in the SDK.

‎09-06-2023

Sounds good. On a side note, the container can contain child elements. It is not a requirement of the SDK that the container have no child elements, as I erroneously suggested previously.

‎09-06-2023

It's likely the part you're referring to as the esri map code. All of that should be contained within a <script> tag, and you can probably just cut and paste that right before the closing body tag. For example: <html>  <body>  <div id="viewDiv"></div>  <script type="text/javascript"> //etc var view = new MapView({ //etc }); //etc </script> </body> </html>

‎09-06-2023

Hmm...I arrived at that by getting the same error when adding an img to the div used by the mapview container. The most common reason for this error would be that the div doesn't exist in the DOM at the time you're trying to access it. What do you get if you place the code below before the MapView constructor? console.log(document.getElementById("viewDiv") == null); If it says "true" then that's the issue, in which case I would recommend moving the script tag that starts up your application to a place lower in the document (perhaps right before the closing body tag).

‎09-06-2023

If your polygon won't cross the international dateline, then you can normalize it on the client-side by rebuilding it from normalized points. If it could could cross it, then perhaps the recommended solution for normalizing the polygon would be to use normalizeUtils.normalizeCentralMeridian. Whatever method you choose, I recommend you normalize the polygon before adding it to your GraphicsLayer. Anyhow, assuming the polygon is normalized, then it would just be a matter of: if (polygonFilter && polygonFilter.geometry.contains(point.clone().normalize())) { // pop up the toolbar }

‎09-06-2023

It appears to be because you have a child element (an img) within that div. Evidently the SDK expects an empty div for a container. You should be able to accomplish the same functionality by moving the img element into the div one level up.

‎09-06-2023

If your polygon is always a rectangle, then the issue is straightforward: var extents = polygonFilter.geometry.extent.clone().normalize(); var nPoint = point.clone().normalize(); for (var x = 0; x < extents.length; x++) { if (extents[x].intersects(nPoint)) { //pop up the toolbar break; } }

‎09-05-2023

Cancel that...it actually doesn't help. I thought it was working with the order of the script tags reversed, but I was wrong.

‎09-05-2023

Explicitly defining the paths to the esri modules prior to loading the frameworks appears to alleviate the problem. You can do this via the global "esriConfig" property as shown below (lines 17-29, particularly line 26). It has the same properties as dojoConfig...and you can even rename "esriConfig" to "dojoConfig" if you so desire; it works the same. <html lang="en"> <head> <meta charset="utf-8" /> <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" /> <title>Load a basic WebMap | Sample | ArcGIS Maps SDK for JavaScript 4.26</title> <style> html, body, #viewDiv { padding: 0; margin: 0; height: 100%; width: 100%; } </style> <link rel="stylesheet" href="https://js.arcgis.com/4.27/esri/themes/light/main.css" /> <script type="text/javascript"> window.esriConfig = { async: true, cacheBust: "0.0.0", has: {}, isDebug: true, locale: "en-us", parseOnLoad: false, packages: [ {name:"esri", location:"https://js.arcgis.com/4.27/esri"} ] }; </script> <script src="https://cdn.jsdelivr.net/npm/d3@7"></script> <script src="https://js.arcgis.com/4.27/"></script> <script> require(["esri/views/MapView", "esri/Map", "esri/request"], function (MapView, Map, esriRequest, MapImageLayer) { const mapService = "https://sampleserver6.arcgisonline.com/arcgis/rest/services/CommunityAddressing/MapServer"; const options = {query: {f:'json'}, responseType: 'json'}; let mapView = null, map = null; esriRequest(mapService, options).then(loadMap, function(errors) { console.log(errors); }); function loadMap(mapServiceResponse) { map = new Map({basemap: 'streets-vector'}); mapView = new MapView({ map: map, container: "viewDiv", zoom: 10, center: [-100, 35] }); } }); </script> </head> <body> <div id="viewDiv"></div> </body> </html>

My Ideas

Latest Contributions by JoelBennett

Re: Popups in ArcGIS v4.23 vs 4.11

Re: Disable quantization / generalization on featurelayer

Re: Alter colour of MapView border when focused

Re: Alter colour of MapView border when focused

Re: Coordinate grid with API for JS

Document the ClassBreakInfo.description property

Document the UniqueValueInfo.description property

Re: [esri.views.MapView] #container element with id 'viewDiv' not found

Re: [esri.views.MapView] #container element with id 'viewDiv' not found

Re: [esri.views.MapView] #container element with id 'viewDiv' not found

Re: Panning around the world - geometry contains() test fails

Re: [esri.views.MapView] #container element with id 'viewDiv' not found

Re: Panning around the world - geometry contains() test fails

Re: ArcGIS Javascript API 4.27 and D3.js loading gives an error of multipleDefine

Re: ArcGIS Javascript API 4.27 and D3.js loading gives an error of multipleDefine

Re: 4.19 Legend widget bug - duplicated requests

Re: Go to specific index in popup

Re: ArcGIS Maps SDK for JavaScript – Version 5.0 R...

Re: Adding a row to a table using JS 4.x

Re: Timeslider web component ShadowDom not fully r...