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>

　　四、注意（不要所有複製代碼啊！！！你首先動手須要發佈一個本身的地圖，畢竟咱們不在一臺電腦上！！！而後把本身切好的地圖的地址複製在相應的位置上，奇蹟就出現了，快去行動吧！）