Experience Builder custom widget get graphics

liva — Mon, 27 Nov 2023 13:23:09 GMT

Hallo,

I am trying to develop a widget in experience builder. The purpose is, when the user presses a button, the app to retrieve all the user's drawings that exist on the map, in order to get their geometry. This is my code so far, but it seems that it doesn't work correctly. The function getGraphics() works, but the drawings on the map can’t be read.

import { React, AllWidgetProps } from 'jimu-core'

import { JimuMapViewComponent, JimuMapView } from 'jimu-arcgis'

import { Button } from 'jimu-ui';

const { useState } = React

const Widget = (props: AllWidgetProps<any>) => {

const [jmv, setJimuMapView] = useState<JimuMapView>()

const activeViewChangeHandler = (jimuMapView: JimuMapView) => {

if (jimuMapView) {

setJimuMapView(jimuMapView)

}

function getGraphics(){

const graphicDrawings = jmv.view.graphics.toArray()

if(graphicDrawings.length > 0) {

console.log("graphics on map")

}

else{

console.log('no graphics on map')

}

return (

{

props.useMapWidgetIds &&

props.useMapWidgetIds.length === 1 && (

<JimuMapViewComponent

useMapWidgetId={props.useMapWidgetIds?.[0]}

onActiveViewChange={activeViewChangeHandler}

)

}

<Button type="primary" onClick={getGraphics}>

</Button>

</div>

)

}

export default Widget

Appreciate if you can help me…Thank you!

Re: Experience Builder custom widget get graphics

BluntBSE — Tue, 26 Dec 2023 21:55:47 GMT

I have the same question. Jimu Map Views appear to have a "view" wrapper, but this "view" doesn't appear to have the "graphics" property, referenced in the esri tutorial on Graphics.

Re: Experience Builder custom widget get graphics

liva — Wed, 27 Dec 2023 05:56:20 GMT

Thank you for your response. I solved the problem by creating a new graphics layer for my custom widget.

topic Re: Experience Builder custom widget get graphics in ArcGIS Online Developers Questions

Experience Builder custom widget get graphics

Re: Experience Builder custom widget get graphics

Re: Experience Builder custom widget get graphics