Here's the html I use to define the dijits:
<body class="claro">
<div data-dojo-type="dijit/layout/TabContainer" style="width: auto; font-size: 12pt;" tabstrip="true" class="submittalTabs" id="TabHost", data-dojo-id="TabHost">
<div data-dojo-type="dijit/layout/ContentPane" title="Submittal Form" class="submittalForm">
</div>
<div data-dojo-type="dijit/layout/ContentPane" title="Submittal Drawing" selected="true" class="submittalDrawing">
<div id="map">
<div id="submittalMap"></div>
</div>
</div>
</div>
</body>
And here's what I use to define the map:
createMap(extent, baseMap, domHost) {
//use the default dom host, if none specified
if (!domHost) { domHost = "map";}
//construct an esri map component
var theMap;
"esri/map"], function (Map) {
new Map(domHost, {
"small",
"top-right"
return theMap;
Pardon the poor formatting - having trouble figuring out this editor.