Latest Contributions by ReneRubalcava

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

What does "applyEditsToIncidents" look like? Is it passing the options correctly? ... View more

What if you make the content function async? Seems odd that it loads all the images up front. I'd think the method only gets executed when the popup loads. ... View more

Ah, if you're using the globalId, you need to pass the globalIdUsed property as true in the options. There's a snippet in the doc here further down the page https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#applyEdits ... View more

Looking at the doc, the attachmentForm should be an object with feature and attachment, not just a form, so it knows which feature to attach it. https://developers.arcgis.com/javascript/latest/api-reference/esri-layers-FeatureLayer.html#AttachmentEdit I think you need to do this after you do addFeature, because it looks like you need the objectId or globalId to add the attachment. So you would do your edit in two steps. ... View more

You can turn off popup highlights here https://developers.arcgis.com/javascript/latest/api-reference/esri-widgets-Popup.html#highlightEnabled ... View more