map.setExtent(map.extent)

map.resize(map.bounds.width,map.bounds.height);

 

<head>
    <title>Resize Map</title>
    <link rel="stylesheet" type="text/css" href="http://serverapi.arcgisonline.com/jsapi/arcgis/1.3/js/dojo/dijit/themes/tundra/tundra.css" />
    <script type="text/javascript" src="http://serverapi.arcgisonline.com/jsapi/arcgis/?v=1.3"></script>
    <script type="text/javascript">
        dojo.require("esri.map");

        var map;
        function init() {
            map = new esri.Map("map");
            var tiledMapServiceLayer = new esri.layers.ArcGISTiledMapServiceLayer("http://server.arcgisonline.com/ArcGIS/rest/services/ESRI_StreetMap_World_2D/MapServer");
            map.addLayer(tiledMapServiceLayer);
        };

        function resizeMap() {
            dojo.byId('map').style.width = dojo.byId('jsWidth').value
            dojo.byId('map').style.height = dojo.byId('jsHeight').value
            map.width = dojo.byId('jsWidth').value;
            map.height = dojo.byId('jsHeight').value;
            map.resize();
        };
        
        function repositionMap() {
            dojo.byId('map').style.left = dojo.byId('jsLeft').value;
            dojo.byId('map').style.top = dojo.byId('jsTop').value;
            var point = new esri.geometry.Point(dojo.byId('jsLeft').value, dojo.byId('jsTop').value);
            map.position = point;
            map.reposition();
        };

      dojo.addOnLoad(init);
    </script>
</head>
<body class="tundra">
<form >
    Width <input type="text"  />
    Height <input type="text"  />
    <input type="button" value="Resize Map" onclick="resizeMap();" /><br />
    Left <input type="text"  />
    Top <input type="text"  />
    <input type="button" value="Reposition Map" onclick="repositionMap();" />
    <div ></div>
</form>    
</body>

相关文章: