nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

<arcgis-sketch> Selection event for lasso / rectangle

AndrewMurdoch1

Good Day

What is the event thrown by the Lasso selection tool?

<arcgis-sketch
    hide-settings-menu
    hide-snapping-controls
    hide-create-tools-circle
    hide-create-tools-multipoint
    hide-create-tools-point
    hide-create-tools-rectangle
    hide-create-tools-polyline
    hide-undo-redo-menu
    layout="horizontal"
    (arcgisCreate)="onSketchUpdate($event)"
    (arcgisPropertyChange)="onSketchUpdate($event)"
    (arcgisUpdate)="onSketchUpdate($event)"
    [layer]="sketchLayer"
    referenceElement="mapElement{{_mapId === 1 ? '1' : '2'}}"
    [view]="_view">
</arcgis-sketch>

The property change event seems to throw something, but not the create or update event, so once I finish drawing how do I get the area I just made, so I can run the intersect check?

Thanks

Vind meer berichten getagd met

Accepted answers

WesleyO

Hi @AndrewMurdoch1 ,

After a selection is made, the arcgisUpdate event is triggered. It's important to note that this event is also fired when you update the selected graphic or when you unselect the current graphic. To ensure that your function runs right after the graphic is selected (and not updated or unselected), check that the event's state property is "start".

You can find more details about the arcgisUpdate event here: https://developers.arcgis.com/javascript/latest/references/core/widgets/Sketch/types/#UpdateEvent

I've also created a simple codepen that demonstrates this. Create a polygon to see the arcgisCreate event. Then, select the polygon to observe that the arcgisUpdate event being called.

Codepen: https://codepen.io/woriginales/pen/YPGNZmj

Let me know if this helps.

All comments

AndrewMurdoch1

Thanks for the help yesterday, I came up with a solution to my issue. Basically, I'm trying to select features on StreamLayers / FeatureLayers that are under the Lasso Selection tool. This is now working, and I'm getting the graphics I need, so if anyone else needs help doing this, try this method.

I'm not sure if there is a better method, but this seems to work. On another point, that draw tool was only active because of another issue, I'm only using the Sketch component for the Lasso / Rectangular selections.

this.sketchWidgetPointerDownEvent = this._view.on("pointer-down", (event) => {

console.log('Got Pointer Down Event');

const sketch = document.querySelector('arcgis-sketch') as any;
const activeTool = sketch?.activeTool;

console.log('Active Tool: ', activeTool);

if (activeTool !== 'polygon') return;

this._view.hitTest(event).then((response) => {
if (response.results.length) {
this.lassoSet = true;
        }
    })
});

this.sketchWidgetPointerUpEvent = this._view.on("pointer-up", (event) => {

console.log('Got Pointer Up Event');

this._view.hitTest(event).then((response: any) => {
console.log('Response');
console.log(response);
    })
});

AndrewMurdoch1

Thanks!

That solution is definitely working, so I must have something off on my production code. Very helpful to have a stable solution. 🙂

WesleyO

Hi @AndrewMurdoch1 ,

You can find more details about the arcgisUpdate event here: https://developers.arcgis.com/javascript/latest/references/core/widgets/Sketch/types/#UpdateEvent

I've also created a simple codepen that demonstrates this. Create a polygon to see the arcgisCreate event. Then, select the polygon to observe that the arcgisUpdate event being called.

Codepen: https://codepen.io/woriginales/pen/YPGNZmj

Let me know if this helps.

Doe mee aan het gesprek

Aangemelde leden kunnen berichten plaatsen, updates volgen en meer. Nieuw hier? Registreer een gratis account.

Snelle Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.