Latest Contributions by ReneRubalcava

4x does use the geolocation api, we just don't have the accuracy symbology. You can add it though with the info from the widget. Here's a sample. https://codepen.io/odoe/pen/zYpmEMB?editors=1000 You can even add a line or polygon for the heading from the widget info. ... View more

Sorry, I'm not sure. CSS is not my expertise. Could be you there are some additional classes on certain widgets on small screen sizes. Might need some inspection and trial and error. ... View more

are you getting errors in the console? I'd imagine if it was the api key you would get a login prompt. What are you build tools? How are you referencing the API key env variables in your app? Maybe a repro project? Could be the browserlist? Could be something else, tough to tell. There are some sample projects here you can look at too. https://github.com/Esri/jsapi-resources/tree/master/esm-samples I've seen this issue with default browserlist in some frameworks, check our note here with the react sample https://github.com/Esri/jsapi-resources/tree/master/esm-samples/jsapi-create-react-app#misc ... View more

I prefer to isolate references to the JSAPI in the store or utility modules, but components not to import things like the Map or MapView directly. ... View more

This is not part of the API. ... View more

I don't want to dictate it as the right way, but this is an example of how I manage ArcGIS JSAPI in Vue. https://github.com/odoe/nearby-app/blob/main/src/store.ts You can also use shallowRef in components for stuff if you like. This will just wrap the instance in a Proxy and not all of it's props https://vuejs.org/api/reactivity-advanced.html#shallowref I very much recommend that ArcGIS JSAPI not be referenced directly in components, but again, that is just my opinion. ... View more

Can you change the expression to something like this? var myUrl = 'https://test.com/' + $feature.ID return `<a href="${myUrl}">Click to learn more.</a>` ... View more

Here's an Esri blog post that shows how you can do exactly that! Arcade is amazing, ha. https://www.esri.com/arcgis-blog/products/arcgis-online/mapping/part-1-introducing-arcade-pop-up-content-elements/ ... View more

It's not the apiKey. Your map is called webmap, but you still reference it as map.   const webmap = new WebMap({ portalItem: { // autocasts as new PortalItem() id: "55ebf90799fa4a3fa57562700a68c405", }, }); const view = new MapView({ map, // should be map: webmap container: "viewDiv", center: [-119.475, 37.737], zoom: 5, });     ... View more

What is your attachmentForm? Is it a form or just the image? You need to make it a Blob or FormData to upload it. There's a snippet in the FeatureLayer addAttachment doc that shows how you can do it. https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#addAttachment view.when(function () { view.on("click", function (event) { view.hitTest(event).then(function (response) { const feature = response.results[0].graphic; // The form is defined as below in the html. // For enterprise services: // 1. File input name must be "attachment" // <form id="attachmentForm"> // Select a file: <input type="file" name="attachment"> // </form> const attachmentForm = document.getElementById("attachmentForm"); const formData = new FormData(attachmentForm); // For enterprise services - add input with name:f and value:json formData.append("f","json"); const form = new FormData(); form.set("attachment", file); form.append("f","json") let form = document.getElementById("myForm"); // Add an attachment to the clicked feature. // The attachment is taken from the form. layer.addAttachment(feature, form).then(function (result) { console.log("attachment added: ", result); }) .catch(function (err) { console.log("attachment adding failed: ", err); }); }); }); }); ... View more