SketchViewModel type

Question

I am using a point widget to select an area on the map and highlight it. I then provide a geodesicBuffer to add distance in feet to query for intersecting areas. This is working, but the measurement is taken from the point when I need it taken from the bounding box. Is there a way on create to change the geometry type from a type point to a type rectangle?

Point widget. Buffer distance needs to be from bounding box, not point.

Polygon widget. Buffer selection is correct.

// create a point widget button and add to view

let button = document.createElement('button');
 button.setAttribute("class","esri-widget--button esri-icon-map-pin geometry-button");
 button.setAttribute("id","point-geometry-button");
 button.setAttribute("value","point");

// add event to make selection on map

document.getElementById("point-geometry-button").addEventListener("click", geometryButtonsClickHandler);

// set the sketchviewmodel to a point

function geometryButtonsClickHandler(event) {

const geometryType = event.target.value;
    sketchViewModel.create(geometryType);

}

// how to change to type:"rectangle" ?

sketchViewModel.on("create", function (event) {
    if (event.state === "complete") {
       sketchGeometry = event.graphic.geometry; //<---"point"
    }
 });

GregoryBologna · Answer

Ok, Robert. Thanks you. I think it's sort of working for me with your instructions. As you can see from the screenshot, the buffer distance is started from the selection. I have further work to do, but it's looking a lot better.

Maybe not a best approach. I can probably improve the feature layer query. The part that got it working was to convert the clicked point to a map point and then query my feature layer to get the geometry.

view.on("click", function (event)  {         promiseUtils.eachAlways([            queryMapLayerViewFeatures(view.toMap(event))            .then(function (featureSet) {              featureSet.features.forEach(function (feature) {                queryPoint = feature;             });            })        ]);    }      function queryMapLayerViewFeatures(mappoint) {              const query = mapLayerView.layer.createQuery();        query.geometry = mappoint;        query.units = "feet";        query.distance = bufferSize;        query.outFields = ["*"];        return mapLayerView.queryFeatures(query);      }       function updateBufferGraphic(buffer) {        if (buffer > 0) {          var bufferGeometry = geometryEngine.geodesicBuffer(            queryPoint.geometry,            buffer,            "feet"          );          if (bufferLayer.graphics.length === 0) {            bufferLayer.add(              new Graphic({                geometry: bufferGeometry,                symbol: sketchViewModel.polygonSymbol              })            );          } else {            bufferLayer.graphics.getItemAt(0).geometry = bufferGeometry;          }        } else {          bufferLayer.removeAll();        }      }

GregoryBologna · Answer

I have the query on the featurelayer. The parcels get selected but it's that the buffer is starting it's distance from the location of the point inside the boundary of the parcel.

const query = mapLayerView.createQuery(); // query featureLayer
 query.geometry = sketchGeometry; // the point where clicked
 query.distance = bufferSize;
 query.units = "feet";
 query.outFields = ["OBJECTID"];
 query.spatialRelationship = "intersects";
 return mapLayerView.queryObjectIds(query).then(highlightParcels);

rscheitlin · Answer

Use the sketchGeometry to run a query against the featurelayer of the parcels then when that query is done run the buffer.