当前位置：网站首页>SuperMap iclient for leaflet loads Gauss Kruger projection three-dimensional zonation CGCS2000 geodetic coordinate system WMTs service

SuperMap iclient for leaflet loads Gauss Kruger projection three-dimensional zonation CGCS2000 geodetic coordinate system WMTs service

2022-07-26 13:27:00 【WindOfMayGIS】

SuperMap IClient for Leaflet Load Gauss Kruger projection three degree zoning CGCS2000 Geodetic coordinate system WMTS service

Where is the difficulty

Leaflet load WMTS service （ sphere ） It's very simple , But loading the projection coordinate system has always been confusing , therefore , Write out the most common situations .
Description of data ：
The data used is the image data of Jiangsu area ;
Description of version ：
SuperMap IClient for Leaflet 10 i http://iclient.supermap.io/examples/leaflet/examples.html

Increase the band number of Gauss Kruger projection for three-dimensional zoning CGCS2000 Geodetic coordinate system 

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="UTF-8">
    <title>wmts</title>
    <link href="leaflet2/css/leaflet.css" rel="stylesheet">
    <script type="text/javascript" src="../js/include-web.js"></script>
    <script type="text/javascript" src="../../dist/leaflet/include-leaflet.js"></script>
    <script type="text/javascript" src="../js/proj4leaflet.js"></script>

    
    <style>
        html,body{
    
            height: 100%;
            width: 100%;
        }

        #map{
    
            height: 100%;
            width: 100%;
        }
    </style>
</head>
<body>

<div id="map">

</div>
<script>
    var res = [];
    for (var i = 0; i < 17; i++) {
    
        res.push(52.91666666666665 / (Math.pow(2, i)));
    }

 // Proj4js.defs("EPSG:4528","+proj=tmerc +lat_0=0 +lon_0=120 +k=1 +x_0=40500000 +y_0=0 +ellps=GRS80 +units=m +no_defs");

    var map = L.map('map', {
    
        center: [31.79,119.45],
        maxZoom: 6,
        zoom: 1,
        crs: new L.Proj.CRS("EPSG:4528","+proj=tmerc +lat_0=0 +lon_0=120 +k=1 +x_0=40500000 +y_0=0 +ellps=GRS80 +units=m +no_defs",
            {
    
                origin: [40444190.4, 3523180.2],
                resolutions: res,
                bounds: L.bounds([40444190.4,3515218.5], [40456694.1,3523180.2])
            })
    });
    L.supermap.wmtsLayer("http://192.168.60.45:8099/iserver/services/map-ugcv5-JTclip03gk/wmts100",
        {
    
            layer: "JT_clip_03_gk",
            style: "default",
            tilematrixSet: "Custom_JT_clip_03_gk",
            format: "image/png",
            requestEncoding: 'REST'
        }
    ).addTo(map);
</script>
</body>
</html>

Do not increase the third degree zoning of the signed Gauss Kruger projection CGCS2000 Geodetic coordinate system 

<!DOCTYPE HTML>
<html>
<head>
    <meta charset="UTF-8">
    <title>wmts</title>
    <link href="leaflet2/css/leaflet.css" rel="stylesheet">
    <script type="text/javascript" src="../js/include-web.js"></script>
    <script type="text/javascript" src="../../dist/leaflet/include-leaflet.js"></script>
    <script type="text/javascript" src="../js/proj4leaflet.js"></script>

    
    <style>
        html,body{
    
            height: 100%;
            width: 100%;
        }

        #map{
    
            height: 100%;
            width: 100%;
        }
    </style>
</head>
<body>

<div id="map">

</div>
<script>
    var res = [];
    for (var i = 0; i < 7; i++) {
    
        res.push(52.91666666666665 / (Math.pow(2, i)));
    }

   // proj4.defs("EPSG:4549","+proj=tmerc +lat_0=0 +lon_0=120 +k=1 +x_0=500000 +y_0=0 +ellps=GRS80 +units=m +no_defs");
    var map = L.map('map', {
    
        center: [31.75844328613281,119.41046761484614],
        maxZoom: 6,
        zoom: 0,
        crs: new L.Proj.CRS("EPSG:4549","+proj=tmerc +lat_0=0 +lon_0=120 +k=1 +x_0=500000 +y_0=0 +ellps=GRS80 +units=m +no_defs",
            {
    
                origin: [444190.4,3523180.2],
                resolutions: res,
                bounds: L.bounds([444190.4,3515218.5], [456694.1,3523180.2]),
                dpi:90.7142857142857
            })
    });
    L.supermap.wmtsLayer("http://192.168.60.45:8099/iserver/services/map-ugcv5-JTclip03gkndh/wmts100",
        {
    
            layer: "JT_clip_03_gk_ndh",
            style: "default",
            tilematrixSet: "Custom_JT_clip_03_gk_ndh",
            format: "image/png",
            requestEncoding: 'REST'
        }
    ).addTo(map);
</script>
</body>
</html>
原网站

版权声明
本文为[WindOfMayGIS]所创，转载请带上原文链接，感谢
https://yzsam.com/2022/207/202207261034154249.html

边栏推荐

猜你喜欢

随机推荐