SOURCE

console 命令行工具 X clear

                    
>
console
<!-- tianditu4490.html -->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no">

  <title>WMTS(天地图) </title>

  <style type="text/css">
    html,body {
      padding: 0;
      margin: 0;
      width: 100%;
      height: 100%;
    }
    .mapContainer{
      width: 100%;
      height: 100%;
    }
  </style>

  <!--Styles-->
  <link rel="stylesheet" type="text/css" href="https://js.arcgis.com/4.6/esri/css/main.css">
  <link rel="stylesheet" type="text/css" href="https://js.arcgis.com/4.6/dijit/themes/soria/soria.css">
  <script type="text/javascript" src="https://js.arcgis.com/4.6/"></script>
</head>
<body class="soria">

<div id="map" class="mapContainer">
</div>

<script type="text/javascript">
  require(["dojo/dom",
      "dojo/on",
      "dojo/_base/declare",
      "dojo/json",
      "dojo/_base/lang",
      "dojo/_base/url",
      "dojo/string",
      "dojo/dom-construct",
      "dojo/number",
      "esri/Map",
      "esri/geometry/Extent",
      "esri/layers/support/TileInfo",
      "esri/layers/support/LOD",
      "esri/geometry/SpatialReference",
      "esri/geometry/Point",
      "esri/views/MapView",
      "esri/views/SceneView",
      "esri/layers/WebTileLayer",
      "esri/layers/TileLayer",
      "esri/layers/MapImageLayer",
      "esri/core/urlUtils",
      "esri/core/JSONSupport",
      "dojo/domReady!"
    ],
    function (dom, on, declare, JSON, lang,url,string, domConstruct, number,
              Map,Extent,TileInfo,LOD,SpatialReference,Point,
              MapView,SceneView,WebTileLayer,TileLayer,MapImageLayer,urlUtils,JSONSupport) {
      // Create ogc.WMTSLayer custom layer
      var WMTSLayer = WebTileLayer.createSubclass([JSONSupport], {
        declaredClass: "TiandituWMTSLayer",
       
        getDefaults: function (b) {
          var sp = new SpatialReference({
            "wkid": 4326
          });
          var c = new Extent(-180, -90, 180, 90, sp);
          return lang.mixin(this.inherited(arguments), {
            fullExtent: c,
            tileInfo: new TileInfo({
              origin: new Point({x: -180, y: 90, spatialReference: sp}),
              spatialReference: sp,
              lods: [
                new LOD({level: 1, resolution: 0.703125, scale: 295497593.05875003}),
                new LOD({level: 2, resolution: 0.3515625, scale: 147748796.52937502}),
                new LOD({level: 3, resolution: 0.17578125, scale: 73874398.264687508}),
                new LOD({level: 4, resolution: 0.087890625, scale: 36937199.132343754}),
                new LOD({level: 5, resolution: 0.0439453125, scale: 18468599.566171877}),
                new LOD({level: 6, resolution: 0.02197265625, scale: 9234299.7830859385}),
                new LOD({level: 7, resolution: 0.010986328125, scale: 4617149.8915429693}),
                new LOD({level: 8, resolution: 0.0054931640625, scale: 2308574.9457714846}),
                new LOD({level: 9, resolution: 0.00274658203125, scale: 1154287.4728857423}),
                new LOD({level: 10, resolution: 0.001373291015625, scale: 577143.73644287116}),
                new LOD({level: 11, resolution: 0.0006866455078125, scale: 288571.86822143558}),
                new LOD({level: 12, resolution: 0.00034332275390625, scale: 144285.93411071779}),
                new LOD({level: 13, resolution: 0.000171661376953125, scale: 72142.967055358895}),
                new LOD({level: 14, resolution: 8.58306884765625e-005, scale: 36071.483527679447}),
                new LOD({level: 15, resolution: 4.291534423828125e-005, scale: 18035.741763839724}),
                new LOD({level: 16, resolution: 2.1457672119140625e-005, scale: 9017.8708819198619}),
                new LOD({level: 17, resolution: 1.0728836059570313e-005, scale: 4508.9354409599309}),
                new LOD({level: 18, resolution: 5.3644180297851563e-006, scale: 2254.4677204799655}),
                new LOD({level: 19, resolution: 2.6822090148925781e-006, scale: 1127.2338602399827}),
                new LOD({level: 20, resolution: 1.3411045074462891e-006, scale: 563.61693011999137})
              ]
            })
          })
        },
        properties: {
          spatialReference: new SpatialReference({"wkid": 4326}),
        },
      });
      var tileInfo = new TileInfo({
        "rows": 256,
        "cols": 256,
        "compressionQuality": 0,
        "origin": {
            "x": -180,
            "y": 90
        },
        "spatialReference": {
            "wkid": 4326
        },
        "lods": [
            { "level": "1", "scale": 295829355.45, "resolution": 0.703125 },
            { "level": "2", "scale": 147914677.725, "resolution": 0.3515625 },
            { "level": "3", "scale": 73957338.8625, "resolution": 0.17578125 },
            { "level": "4", "scale": 36978669.43125, "resolution": 0.087890625 },
            { "level": "5", "scale": 18489334.715625, "resolution": 0.0439453125 },
            { "level": "6", "scale": 9244667.3578125, "resolution": 0.02197265625 },
            { "level": "7", "scale": 4622333.67890625, "resolution": 0.010986328125 },
            { "level": "8", "scale": 2311166.839453125, "resolution": 0.0054931640625 },
            { "level": "9", "scale": 1155583.4197265625, "resolution": 0.00274658203125 },
            { "level": "10", "scale": 577791.7098632812, "resolution": 0.001373291015625 },
            { "level": "11", "scale": 288895.8549316406, "resolution": 0.0006866455078125 },
            { "level": "12", "scale": 144447.9274658203, "resolution": 0.00034332275390625 },
            { "level": "13", "scale": 72223.96373291015, "resolution": 0.000171661376953125 },
            { "level": "14", "scale": 36111.98186645508, "resolution": 0.0000858306884765625 },
            { "level": "15", "scale": 18055.99093322754, "resolution": 0.00004291534423828125 },
            { "level": "16", "scale": 9027.99546661377, "resolution": 0.000021457672119140625 },
            { "level": "17", "scale": 4513.997733306885, "resolution": 0.000010728836059570312 },
            { "level": "18", "scale": 2256.9988666534423, "resolution": 0.000005364418029785156 },
            { "level": "19", "scale": 1128.4994333267211, "resolution": 0.000002682209014892578 }
        ]
    })
      //贵州白底
    //   var options_GZBD = {
    //     "urlTemplate": "http://10.52.1.181:9800/guizhou_white_1021-proxy/Gis/rest/services/guizhou_white_1021/MapServer/WMTS?ua_token=eyJhbGciOiJIUzUxMiJ9.eyJzdWIiOiJzbHRfYWlsaXRhaWVyIiwiY3JlYXRlZCI6MTY0MjQ3MTUxMDEwNCwiZXhwIjoxNjQ0MDQ5MjMwODYxfQ.aAAf4qjwFiEsHsBG6g-NRrGcMNJ2k6wZJQ0Rt9wz_Mqt51My-MwKf7255UVaXCQpgAHX7cnztnp3zPvNP0JQdw&service=WMTS&request=GetTile&version=1.0.0&style=default&tilematrixSet=default028mm&format=image/png&width=256&height=256&layer=1,12,13,14,19&TileMatrix={level}&TileCol={col}&TileRow={row}",
    //   };
     //全国
     var tiledLayer = new WebTileLayer({
        urlTemplate: 'http://10.52.1.181:9800/gz_dbsszydt-proxy/Gis/rest/services/gz_dbsszydt/MapServer/tile/{level}/{row}/{col}?ua_token=eyJhbGciOiJIUzUxMiJ9.eyJzdWIiOiJzbHRfYWlsaXRhaWVyIiwiY3JlYXRlZCI6MTY1MjkyMzQ1OTg5MywiZXhwIjoxNjU0NTc4MTgzMzQzfQ.0Zhizbf-8hqI0D6ffYwWhcio9Zg4hZyQO8Htm0kmEKN3qmEIZc0kF3JSpYyd4baYcLf1uoRQpg7Y5Bbe5whtNA&blankTile=false',
        tileInfo: tileInfo,
        spatialReference: { wkid: 4326 },
    });
    var tiledLayer1 = new WebTileLayer({
        urlTemplate: 'http://10.52.1.181:9800/xzqh_1021-proxy/Gis/rest/services/xzqh_1021/MapServer/tile/{level}/{row}/{col}?ua_token=eyJhbGciOiJIUzUxMiJ9.eyJzdWIiOiJzbHRfYWlsaXRhaWVyIiwiY3JlYXRlZCI6MTY1MjkyMzQ1OTg5MywiZXhwIjoxNjU0NTc4MTgzMzQzfQ.0Zhizbf-8hqI0D6ffYwWhcio9Zg4hZyQO8Htm0kmEKN3qmEIZc0kF3JSpYyd4baYcLf1uoRQpg7Y5Bbe5whtNA&blankTile=false',
        tileInfo: tileInfo,
        spatialReference: { wkid: 4326 },
    });
      var options_BDSX = {
        url: "https://map.geoq.cn/ArcGIS/rest/services/ChinaOnlineStreetGray/MapServer",
      };
      var layer_BDSX = new TileLayer(options_BDSX);
      var map = new Map({
        layers: []
      });
      /**
       * 八大流域
       * http://10.52.1.181:9800/gz_dbsszydt-proxy/Gis/rest/services/gz_dbsszydt/MapServer?ua_token=eyJhbGciOiJIUzUxMiJ9.eyJzdWIiOiJzbHRfYWlsaXRhaWVyIiwiY3JlYXRlZCI6MTY1MjkyMzQ1OTg5MywiZXhwIjoxNjU0NTc4MTgzMzQzfQ.0Zhizbf-8hqI0D6ffYwWhcio9Zg4hZyQO8Htm0kmEKN3qmEIZc0kF3JSpYyd4baYcLf1uoRQpg7Y5Bbe5whtNA
       * 政区
       * http://10.52.1.181:9800/xzqh_1021-proxy/Gis/rest/services/xzqh_1021/MapServer?ua_token=eyJhbGciOiJIUzUxMiJ9.eyJzdWIiOiJzbHRfYWlsaXRhaWVyIiwiY3JlYXRlZCI6MTY1MjkyMzQ1OTg5MywiZXhwIjoxNjU0NTc4MTgzMzQzfQ.0Zhizbf-8hqI0D6ffYwWhcio9Zg4hZyQO8Htm0kmEKN3qmEIZc0kF3JSpYyd4baYcLf1uoRQpg7Y5Bbe5whtNA
       * */
      var view = new MapView({
        container: "map",
        zoom: 6,
        center: [106, 27],
        map: map,
        spatialReference: { wkid: 4326 },
      });
      view.on('click',(e)=>{
          console.log(e)
      })
    //   map.add(layer_GZBD)
     
    map.add(tiledLayer)
    map.add(tiledLayer1)
    // map.add(layer_BDSX)
    });
</script>
</body>
</html>