arcgis 加载wmts服务


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>简单加载一张图</title>
    <link type="text/css" rel="stylesheet" href="http://58.220.249.164:8084/arcgis_api/js/esri/css/esri.css"/>
    <script src="utils/jquery-1.12.3.min.js" type="text/javascript" charset="utf-8"></script>
    <script src="http://58.220.249.164:8084/arcgis_api/js/init.js" type="text/javascript" charset="utf-8"></script>
    <style>
        html,
        body,
        #map {
            padding: 0;
            margin: 0;
            height: 100%;
            width: 100%;
        }
    </style>
</head>
<body>
<div id="map"></div>

<script>
    var map;
    require(["esri/map",
         "esri/layers/ArcGISTiledMapServiceLayer",
            "esri/layers/ArcGISImageServiceLayer",
        "esri/layers/ArcGISDynamicMapServiceLayer",
        "esri/geometry/Extent",
        "dojo/domReady"
    ], function (Map,
                 ArcGISTiledMapServiceLayer,
                 ArcGISImageServiceLayer,
                 ArcGISDynamicMapServiceLayer,
                 Extent
                 ) {
                      var lods = [
                    { "level": 0, "resolution": 0.7039144157921535, "scale": 2.958293555E8},
                    { "level": 1, "resolution": 0.3519572077771037, "scale": 1.479146777E8},
                    { "level": 2, "resolution": 0.17597860391234646, "scale": 7.395733886E7},
                    { "level": 3, "resolution": 0.08798930195617323, "scale": 3.697866943E7},
                    { "level": 4, "resolution": 0.04399465098998392, "scale": 1.848933472E7},
                    { "level": 5, "resolution": 0.02199732549499196, "scale": 9244667.36},
                    { "level": 6, "resolution": 0.01099866274749598, "scale": 4622333.68},
                    { "level": 7, "resolution": 0.00549933137374799, "scale": 2311166.84},
                    { "level": 8, "resolution": 0.002749665686873995, "scale": 1155583.42},
                    { "level": 9, "resolution": 0.0013748328434369974, "scale": 577791.71},
                    { "level": 10, "resolution": 6.874164098211937E-4, "scale": 288895.85},
                    { "level": 11, "resolution": 3.437082168079019E-4, "scale": 144447.93},
                    { "level": 12, "resolution": 1.7185409650664595E-4, "scale": 72223.96},
                    { "level": 13, "resolution": 8.592704825332297E-5, "scale": 36111.98},
                    { "level": 14, "resolution": 4.296352412666149E-5, "scale": 18055.99},
                    { "level": 15, "resolution": 2.148177396063577E-5, "scale": 9028},
                    { "level": 16, "resolution": 1.0740886980317885E-5, "scale": 4514},
                    { "level": 17, "resolution": 5.370443490158943E-6, "scale": 2257}                   
            ];
       map = new Map("map", {
        logo: false,
        center: [118.33968629192982,33.79184491354436],
        zoom: 9,
//      lods:lods,
//      minZoom: 9,
//      extent:new Extent(118.33340229246559, 33.790497195027314,118.3445000985968,33.79612224084511),
        sliderPosition: "bottom-left" });
        
//  var url = "http://192.168.1.202:6080/arcgis/rest/services/DT/Baoan_Image_4490/MapServer";
//var url ="http://192.168.1.202:6080/arcgis/rest/services/wg/jdwg/MapServer";
var url = "http://58.220.249.164:6080/arcgis/rest/services/yh/sq_image/MapServer";
var url1 = "http://58.220.249.164:6080/arcgis/rest/services/yh/jzw/MapServer";
debugger
    var vectorLayer1 = new ArcGISDynamicMapServiceLayer(url1);
     var vectorLayer = new ArcGISTiledMapServiceLayer(url);
    
//  var layerDefinitions = [];
//    layerDefinitions[0] = "JDNAME = '西乡街道'";//第一个图层的属性
    layerDefinitions[5] = "AREA > 100000";
//    vectorLayer.setLayerDefinitions(layerDefinitions);
     
    map.addLayer(vectorLayer,0);
//  map.addLayer(vectorLayer1,1);

    
    });

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

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值