arcgis api for javascript 学习（二）发布并调用地图切片

时间 2019-12-13

标签 arcgis api javascript 学习发布调用地图切片栏目 JavaScript 繁體版

原文原文链接

文章将从发布切片地图到调用切片地图整个过程都展现出来。css

（一）、切片地图的发布html

一、仍是前面的arcgis展现的地图缓存

二、与发布动态地图前面的步骤是同样的打开分享后，如图ui

三、一切就绪后，到达缓存的页面spa

四、注意红圈的部分，选择咱们须要的类型，就是切片类型，以及切片的层数3d

五、同时咱们能够根据根目录继续缓存加载的跟踪，参看它缓存的状况rest

六、完成切片发布server

（二）、调取发布的切片地图htm

一、查看咱们发布的切片地图blog

二、经过IDL在线调用发布的切片地图

三、上代码哟

<!DOCTYPE HTML>
<html>
<head>
    <title>调用切片地图服务</title>
    <meta http-equiv="content-type" content="text/html;charset=utf-8">
    <link rel="stylesheet" href="https://js.arcgis.com/3.29/esri/css/esri.css">
    <script src="https://js.arcgis.com/3.29/"></script>
    <script>
        require([
            "esri/map",
            "esri/layers/ArcGISDynamicMapServiceLayer",
            "esri/layers/ArcGISTiledMapServiceLayer",
            "esri/geometry/Extent",
            "esri/SpatialReference"], function(
                Map,
                ArcGISDynamicMapServiceLayer,
                ArcGISTiledMapServiceLayer,
                Extent,
                SpatialReference
        ) {
            var extent = new Extent(71.010089,21.288148,135.768574,54.399626, new SpatialReference({ wkid:4326 }));
            var map = new Map("map", {
                //center: [116.403119,39.915599],
                //zoom:2,
                extent:extent,
                basemap: "streets" //satellite、streets、oceans
            });
            //调用切片地图服务
            var TiledLayer=new ArcGISTiledMapServiceLayer('http://localhost:6080/arcgis/rest/services/mapserver/tilemap/MapServer');
            map.addLayer(TiledLayer);
        });
    </script>
</head>
<body>
<div id='map'>

</div>
</body>
</html>

　　四、注意（不要所有复制代码啊！！！你首先动手须要发布一个本身的地图，毕竟咱们不在一台电脑上！！！而后把本身切好的地图的地址复制在相应的位置上，奇迹就出现了，快去行动吧！）

arcgis api for javascript 学习（二） 发布并调用地图切片

arcgis api for javascript 学习（二）发布并调用地图切片