基于javascript访问自己发布的简单地图服务

来源：互联网发布：淘宝网批发市场编辑：程序博客网时间：2024/06/15 22:44

<!DOCTYPE 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">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
    <title></title>
<link rel="stylesheet" href="http://serverapi.arcgisonline.com/jsapi/arcgis/3.4/js/esri/css/esri.css">
<script src="http://serverapi.arcgisonline.com/jsapi/arcgis/3.4/"></script>
</head>
  <script type="text/javascript">
     dojo.require("esri.map");
     var myMap, myMapServiceLayer;
      function init() {
         myMap = new esri.Map("mapDiv");
         myMapServiceLayer = new esri.layers.ArcGISDynamicMapServiceLayer("http://localhost:6080/arcgis/rest/services/实验1/MapServer");//括号内是自己发布的地图服务的地址，地址一般都是http://localhost:端口号/arcgis/rest/services/服务名称/MapServer
         myMap.addLayer(myMapServiceLayer);
     }
     dojo.addOnLoad(init);
</script>
<body>
     <div id="mapDiv" class="tundra" style="width:900px; height:600px; border:1px solid #000;"></div>
</body>
</html>

注意事项

1、在使用ArcGIS API for JavaScript前，首先要在HTML页面的HEAD部分增加脚本和风格标签。如上所示

2、esri.layers.ArcGISTiledMapServiceLayer用于获取cache地图服务

ArcGISDynamicMapServiceLayer，用于获取非cache地图服务。

3、之前一定要登陆到ArcGIS Server Manager开启相应的地图服务

参考资料

1、ArcGIS API for JavaScript官方help ：http://developers.arcgis.com/en/javascript/jsapi/

2、个人觉得讲的比较好的中文介绍：http://www.gispower.org/article/arcgis/ArcServer/2010/22/102221575IF8A6GAJ8ED97A8GF1D8.html

0 0