How to create own button for AreaMeasurement2D

putra_ — Mon, 08 Feb 2021 16:10:25 GMT

Hi tried to custom my own button to trigger area measurment widget, so it can activate using button that i created, this is my code

// create the map view
const view = new MapView({
container: "viewDiv",
map: webmap,
});

var measurementWidget = new AreaMeasurement2D({
view: view,
});
view.ui.add(measurementWidget, "top-right");

// Raw measurements (in meters) can be accessed from this property
measurementWidget.watch("viewModel.measurement", function(measurement) {
console.log( "Area: ", measurement.area);
});
</script>

<body>

<button type="button" name="button">do measurment</button>

</body>

can anyone help me with this? Thank you

Re: How to create own button for AreaMeasurement2D

Anonymous User — Tue, 09 Feb 2021 01:40:14 GMT

I have a codepen that I was starting to play around with changing the buttons of the measure widget. Its pretty crude right now but essentially you customize the button in the css. Take a look, it might give you an idea for your project. customizing measurement buttons

topic How to create own button for AreaMeasurement2D in ArcGIS JavaScript Maps SDK Questions

How to create own button for AreaMeasurement2D

Re: How to create own button for AreaMeasurement2D