I am trying to access this property so that i can toggle off certain or all create buttons like the point and circle buttons.
I attempted to utilize this property but found that it was not on the created object:
Solved! Go to Solution.
Hi Nick,
This property can only be set once on creation the widget (see: Sketch | ArcGIS API for JavaScript 4.12 ). Just add
availableCreateTools: ["point", "polygon"]
Full sample:
<html>
<head>
<meta charset="utf-8" />
<meta
name="viewport"
content="initial-scale=1,maximum-scale=1,user-scalable=no"
/>
<title>Sketch widget - 4.12</title>
<link
rel="stylesheet"
href="https://js.arcgis.com/4.12/esri/themes/light/main.css"
/>
<script src="https://js.arcgis.com/4.12/"></script>
<style>
html,
body,
#viewDiv {
padding: 0;
margin: 0;
height: 100%;
width: 100%;
}
</style>
<script>
require([
"esri/widgets/Sketch",
"esri/Map",
"esri/layers/GraphicsLayer",
"esri/views/MapView"
], function(Sketch, Map, GraphicsLayer, MapView) {
const layer = new GraphicsLayer();
const map = new Map({
basemap: "streets",
layers: [layer]
});
const view = new MapView({
container: "viewDiv",
map: map,
zoom: 5,
center: [90, 45]
});
const sketch = new Sketch({
layer: layer,
view: view,
availableCreateTools: ["point", "polygon"]
});
console.log(sketch.availableCreateTools);
view.ui.add(sketch, "top-right");
});
</script>
</head>
<body>
<div id="viewDiv"></div>
</body>
</html>
Hi Nick,
This property can only be set once on creation the widget (see: Sketch | ArcGIS API for JavaScript 4.12 ). Just add
availableCreateTools: ["point", "polygon"]
Full sample:
<html>
<head>
<meta charset="utf-8" />
<meta
name="viewport"
content="initial-scale=1,maximum-scale=1,user-scalable=no"
/>
<title>Sketch widget - 4.12</title>
<link
rel="stylesheet"
href="https://js.arcgis.com/4.12/esri/themes/light/main.css"
/>
<script src="https://js.arcgis.com/4.12/"></script>
<style>
html,
body,
#viewDiv {
padding: 0;
margin: 0;
height: 100%;
width: 100%;
}
</style>
<script>
require([
"esri/widgets/Sketch",
"esri/Map",
"esri/layers/GraphicsLayer",
"esri/views/MapView"
], function(Sketch, Map, GraphicsLayer, MapView) {
const layer = new GraphicsLayer();
const map = new Map({
basemap: "streets",
layers: [layer]
});
const view = new MapView({
container: "viewDiv",
map: map,
zoom: 5,
center: [90, 45]
});
const sketch = new Sketch({
layer: layer,
view: view,
availableCreateTools: ["point", "polygon"]
});
console.log(sketch.availableCreateTools);
view.ui.add(sketch, "top-right");
});
</script>
</head>
<body>
<div id="viewDiv"></div>
</body>
</html>