（四）ArcGIS JS 加载切片地图服务

最新推荐文章于 2024-06-21 09:55:46 发布

idomyway

最新推荐文章于 2024-06-21 09:55:46 发布

阅读量6.5k

点赞数

分类专栏： ArcGIS JS 学习笔记文章标签： javascript api arcgis 切片地图

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

版权

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

26 篇文章 16 订阅

订阅专栏

前言

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

准备

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

思路

实例化地图对象
实例化切片图层对象
将切片图层对象添加到地图对象中

代码实现

<!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/ArcGISTiledMapServiceLayer",
                "dojo/domReady!"],
            function(Map,ArcGISTiledMapServiceLayer) {
                var _Map=new Map(map);
                var _Dynamiclayer=new ArcGISTiledMapServiceLayer("http://localhost:6080/arcgis/rest/services/firstTest/TiledService/MapServer");
                _Map.addLayer(_Dynamiclayer);
        });

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

运行结果

这里写图片描述

idomyway

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
（四）ArcGIS JS 加载切片地图服务

前言在上一篇博客讲述了怎么发布切片地图服务，在本章中介绍怎么在JavaScript加载切片地图服务。准备在本地部署ArcGIS JS API/调用在线的API 本地部署ArcGIS JS API发布好的切片地图服务 http://blog.csdn.net/idomyway/article/details/79250076思路实例化地图对象实例化切片图层对象将
复制链接

扫一扫