console 命令行工具 X clear
console
<!doctype html>
<html lang="en">
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/openlayers/openlayers.github.io@master/en/v6.15.1/css/ol.css" type="text/css">
    <style>
        html,body,
      .map {
        height: 100%;
        width: 100%;
      }
    </style>
    <script src="https://cdn.jsdelivr.net/gh/openlayers/openlayers.github.io@master/en/v6.15.1/build/ol.js"></script>
    <title>WMTS加载</title>
    <!-- 引入坐标转换库 -->
    <script src="https://cdn.bootcdn.net/ajax/libs/proj4js/2.7.4/proj4.min.js"></script>
  </head>
  <body>
    <div id="map" class="map"></div>
    <script type="text/javascript">
        var map = new ol.Map({
            target: 'map',
            layers: [
                new ol.layer.Tile({
                    source: new ol.source.TileWMS({
                        url: "http://59.215.186.153:9800/xzqh_1116-proxy/Gis/rest/services/xzqh_1116/MapServer/WMS?where=sjdm=522300&ua_token=eyJhbGciOiJIUzUxMiJ9.eyJzdWIiOiJ5YW5nZmFuIiwiY3JlYXRlZCI6MTYyNDk1NzIzNTMzNCwiZXhwIjoxNjYxNDQzMjAwfQ.S6RndSeYvvIXWJBnTh0rqNDEDKqkbmlXkdaIjrvJRN1Uze6iZRYLxCxMSh-kN1hdl7iIILgHVBqSK2NSe9NOFQ",
                        params:{
                            'LAYERS': "4",
                            "STYLES": "default"
                        },
                    })
                }),
            ],
            view: new ol.View({
                projection: "EPSG:4326",
                center: [106.42, 26.35],
                zoom: 7
            })
        });
    </script>
  </body>
</html>