软件安装与测试

（1）首先安装ArcGIS Sever并测试是否安装成功

ArcGIS Server10.4.1安装教程_贫穷的学生的博客-CSDN博客

（2）访问http://localhost:6080/arcgis/rest/services/SampleWorldCities/MapServer，并打开ArcGIS JavaScript

（3）查看网页源代码，并引用代码，测试是否能够使用

代码

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=7" />
<title>ArcGIS JavaScript API: SampleWorldCities</title>
<script type="text/javascript"> var djConfig = { parseOnLoad: true };</script> 
<script type="text/javascript" src="http://serverapi.arcgisonline.com/jsapi/arcgis/?v=3.3"> </script> <script type="text/javascript"> dojo.require("dijit.layout.BorderContainer");
dojo.require("dijit.layout.ContentPane");
dojo.require("esri.map");
var map;
function init() {
    map = new esri.Map("map");
          var layer = new esri.layers.ArcGISDynamicMapServiceLayer("http://localhost:6080/arcgis/rest/services/SampleWorldCities/MapServer");
          map.addLayer(layer);
    var resizeTimer;
    dojo.connect(map, 'onLoad', function(theMap) {
      dojo.connect(dijit.byId('map'), 'resize', function() {
        clearTimeout(resizeTimer);
        resizeTimer = setTimeout(function() {
          map.resize();
          map.reposition();
         }, 500);
       });
     });
    }
dojo.addOnLoad(init);
</script> </head> <body class="tundra"> 
<div id="map" dojotype="dijit.layout.ContentPane" region="center"> </div></body>
<html>

运行结果