Hi I am new to React and ArcGIS. I tried to write some simple React web application to show the map. However the map is show so small inside the canvas. You can see the below code and attache screenshot
MY Screenshot
Spoiler
const webmap = new Map({basemap: 'topo-vector'
})
mapRef.current = new MapView({
map: webmap,
container: "mapViewId",
});
viewRef.current = mapRef.current;
const view = viewRef.current;
view.when( () => {
console.log('mapview');
})
}
}, []);
return <div className="mapDiv" id="mapViewId" ></div>;
};
css
Spoiler.mapDiv {
padding: 0;
margin: 0;
height: 100%;
width: 100%;
}