arcgis api for javascript 學習(二) 發布並調用地圖切片


文章將從發布切片地圖到調用切片地圖整個過程都展示出來

(一)、切片地圖的發布

1、還是前面的arcgis展示的地圖

 

2、與發布動態地圖前面的步驟是一樣的 打開分享后,如圖

3、一切就緒后,到達緩存的頁面

4、注意紅圈的部分,選擇我們需要的類型,就是切片類型,以及切片的層數

5、同時我們可以根據根目錄繼續緩存加載的跟蹤,參看它緩存的情況

6、完成切片發布

(二)、調取發布的切片地圖

1、查看我們發布的切片地圖

 

2、通過IDL在線調用發布的切片地圖

3、上代碼喲

<!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>

  4、注意(不要全部復制代碼啊!!!你首先動手需要發布一個自己的地圖,畢竟我們不在一台電腦上!!!然后把自己切好的地圖的地址復制在相應的位置上,奇跡就出現了,快去行動吧!)


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM