console
require([
"esri/widgets/Sketch",
"esri/widgets/Sketch/SketchViewModel",
"esri/Map",
"esri/layers/GraphicsLayer",
"esri/views/SceneView"
], (SketchViewModel, Sketch, Map, GraphicsLayer, SceneView) => {
const graphicsLayer = new GraphicsLayer();
const map = new Map({
basemap: "topo-vector",
layers: [graphicsLayer]
});
const view = new SceneView({
container: "viewDiv",
map: map,
zoom: 5,
center: [90, 45]
});
view.when(() => {
const sketch = new Sketch({
layer: graphicsLayer,
view: view,
viewModel: new SketchViewModel({
polylineSymbol: {}
})
});
view.ui.add(sketch, "top-right");
});
});
<div id="viewDiv"></div>
html,
body,
#viewDiv {
padding: 0;
margin: 0;
height: 100%;
width: 100%;
}