TestMap2.html

<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=7, IE=9, IE=10">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"/>
    <title>David's Test Map</title>
    <link rel="stylesheet" href="http://js.arcgis.com/3.7/js/esri/css/esri.css">
    <style>
      html, body, #map {
        height: 100%;
        width: 100%;
        margin: 0;
        padding: 0;
      }
      body {
        background-color: #FFF;
        overflow: hidden;
        font-family: "Trebuchet MS";
      }
	  #HomeButton {
      position: absolute;
      top: 200px;
      left: 20px;
      z-index: 50;
    }
    </style>
    <script src="http://js.arcgis.com/3.7/"></script>
    <script>
      var map;

      require(["esri/map", "esri/dijit/HomeButton", "dojo/domReady!"], function(Map, HomeButton) {
        map = new Map("map", {
          basemap: "topo",
          center: [-122.45,37.75], // long, lat
          zoom: 13,
          sliderStyle: "small"
        });
		var home = new HomeButton({
        map: map
      }, "HomeButton");
      home.startup();

      });	
    </script>
  </head>

  <body>
    <p>Test Map 2 with Home button</p>
    <div id="map"></div>
		<div id="HomeButton"></div>
  </body>
</html> 