（二）ArcGIS JS 加载动态地图服务

最新推荐文章于 2022-04-18 20:00:15 发布

idomyway

最新推荐文章于 2022-04-18 20:00:15 发布

阅读量1.8k

点赞数 2

分类专栏： ArcGIS JS 学习笔记文章标签： javascript api arcgis 动态图层 ArcGISDyna

本文链接：https://blog.csdn.net/idomyway/article/details/79232113

版权

ArcGIS JS 学习笔记专栏收录该内容

26 篇文章 16 订阅

订阅专栏

前言

在上一篇博客讲述了怎么发布动态地图服务，在本章中介绍怎么在JavaScript加载动态地图服务。

准备

在本地部署ArcGIS JS API/调用在线的API
- 本地部署ArcGIS JS API
发布好的动态地图服务
- http://blog.csdn.net/idomyway/article/details/79232011

思路

实例化地图对象
实例化动态图层对象
将动态图层对象添加到地图对象中

代码实现

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" type="text/css" href="http://localhost:8080/arcgis_js_api/library/3.20/3.20/dijit/themes/tundra/tundra.css"/>
    <link rel="stylesheet" type="text/css" href="http://localhost:8080/arcgis_js_api/library/3.20/3.20/esri/css/esri.css" />
    <script type="text/javascript" src="http://localhost:8080/arcgis_js_api/library/3.20/3.20/init.js"></script>
</head>
<body class="claro">
    <div id="map" style="height:800px;"></div>
    <script>
        require([
                "esri/map",
                "esri/layers/ArcGISDynamicMapServiceLayer",
                "dojo/domReady!"],
            function(Map,ArcGISDynamicMapServiceLayer) {
                var _Map=new Map(map);
                var _Dynamiclayer=new ArcGISDynamicMapServiceLayer("http://localhost:6080/arcgis/rest/services/firstTest/firstService/MapServer");
                _Map.addLayer(_Dynamiclayer);
        });

    </script>
</body>
</html>