Hi All,
The code would normally work using Javascript 4.3, my search widget outside my mapView but seems not to be working in 4.4.
Any help please. Thanks I advance
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
<title>Search Widget - 4.4</title>
<style>
html,
body,
#viewDiv {
padding: 0;
margin: 0;
height: 100%;
width: 100%;
}
</style>
<script>
require([
"esri/Map",
"esri/views/SceneView",
"esri/widgets/Search",
"dojo/domReady!"
], function(
Map,
SceneView,
Search) {
var map = new Map({
basemap: "satellite",
ground: "world-elevation"
});
var view = new SceneView({
scale: 123456789,
container: "viewDiv",
map: map
});
var searchWidget = new Search({
view: view
});
// Add the search widget to the very top left corner of the view
console.log(document.getElementById("submitButton"))
document.getElementById("submitButton").onclick = (e)=> {
e.preventDefault()
let el = document.getElementById("input")
console.log(el.value)
searchWidget.search(el.value).then((result)=> {
console.log("result", result)
})
}
});
</script>
</head>
<body>
<div>
<form>
<input placeholder="Enter your address" type="text" id="input">
<button id="submitButton">Submit</button>
</form>
</div>
<div id="viewDiv"></div>
</body>
</html>