leaflet 转化坐标系加载超图

一只散修道友

已于 2022-10-24 17:51:49 修改

阅读量373

点赞数

分类专栏：地图文章标签： 1024程序员节

于 2022-10-24 17:38:24 首次发布

本文链接：https://blog.csdn.net/weixin_43903629/article/details/127497193

版权

地图专栏收录该内容

3 篇文章 0 订阅

订阅专栏

  <!--  map 引入样式 -->
  <link rel="stylesheet" href="./static/js/leaflet-1.7.0/leaflet.css" />
  <link rel="stylesheet" href="./static/js/leaflet.draw/leaflet.draw.css" />
  <link rel="stylesheet" href="./static/js/supermap-iclient-leaflet/leaflet/iclient-leaflet.css" />
  <link rel="stylesheet" href="./static/js/leaflet-icon-pulse/L.Icon.Pulse.css" />
  <script type="text/javascript" src="./static/js/leaflet-1.7.0/leaflet.js"></script>
  <script type="text/javascript" src="./static/js/leaflet.draw/leaflet.draw.js"></script>
  <script type="text/javascript" src="./static/js/leaflet.draw/leaflet.draw-cn.js"></script>
  <script type="text/javascript" src="./static/js/supermap-iclient-leaflet/leaflet/iclient-leaflet.js"></script>
  <script type="text/javascript" src="./static/js/leaflet-icon-pulse/L.Icon.Pulse.js"></script>

 /**
         * 	
         *  参数。
         *  Name  投影的proj4定义
         *  origin	Array.<number> | L.Point原点。	
         *  scales	Array.<number>	比例尺数组。
         *  scaleDenominators	Array.<number>	比例尺分母数组。	
         *  resolutions	Array.<number> 分辨率数组。
         *  bounds	Array.<number> | L.Bounds范围。	
         **/
         var crs = new L.supermap.Proj.CRS("EPSG:4326", {
            resolutions: [1.25764139776733, 0.628820698883665, 0.251528279553466, 0.125764139776733,
                0.0628820698883665, 0.0251528279553466, 0.0125764139776733, 0.00628820698883665,
                0.00251528279553466, 0.00125764139776733, 6.28820698883665E-4, 2.51528279553466E-4,
                1.25764139776733E-4, 6.28820698883665E-5, 2.51528279553466E-5, 1.25764139776733E-5,
                6.28820698883665E-6, 2.51528279553466E-6, 1.25764139776733E-6, 6.28820698883665E-7,
                2.51528279553466E-7
            ],
            bounds: L.bounds([-180, -85.05112877996838], [180, 85.05112877996834]),
            origin: [-180, 85.05112877996834],
        });
         var map = L.map('map', {
            center:[42.7, 87.6], // 中心点
            maxZoom: 20,
            zoom: 6,
            crs: crs
        });
        var host = window.isLocal ? window.server : "https://iserver.supermap.io";
        let url = host + "/iserver/services/map-china400/wmts100";

        let options = {
            type: 'wmts',
            layer: "China_4326",
            style: "default",
            tilematrixSet: "GlobalCRS84Scale_China_4326",
            format: "image/png",
            requestEncoding: 'REST',
        };

        let wmtsLayer = new L.supermap.WMTSLayer(url, options);
        wmtsLayer.addTo(map);