arcgis api for javascript v3.21加载天地图代码示例

最新推荐文章于 2022-10-12 18:19:31 发布

飞瀑

最新推荐文章于 2022-10-12 18:19:31 发布

阅读量976

点赞数

分类专栏： GIS

本文链接：https://blog.csdn.net/feifei2211/article/details/76861807

版权

GIS 专栏收录该内容

15 篇文章 2 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
    <link rel="stylesheet" href="http://localhost:8080/arcgis_js_api/3.21/3.21compact/esri/css/esri.css">
    <title>Title</title>

    <style>
        html,
        body,
        #viewDiv {
            padding: 0;
            margin: 0;
            height: 100%;
            width: 100%;
        }

    </style>
</head>
<body>
<div id="viewDiv"></div>

<script src="http://localhost:8080/arcgis_js_api/3.21/3.21/init.js"></script>
<script>
    dojo.require("esri.map");

    function init() {
        initLayer();
        var map = new esri.Map("viewDiv");
        map.addLayer(new my.tdtWMTSLayer());
    }
    function initLayer() {
        dojo.declare("my.tdtWMTSLayer", esri.layers.TiledMapServiceLayer, {
            constructor: function () {
                this.spatialReference = new esri.SpatialReference({wkid: 4490});
                this.initialExtent = (this.fullExtent = new esri.geometry.Extent(-180, -90, 180, 90, this.spatialReference));

                this.tileInfo = new esri.layers.TileInfo({
                    "rows" : 256,
                    "cols" : 256,
                    "compressionQuality" : 0,
                    "origin" : {
                        "x" : -180,
                        "y" : 90
                    },
                    "spatialReference" : this.spatialReference,
                    "lods" : [
                        {"level" : 2, "resolution" : 0.3515625, "scale" : 147748796.52937502},
                        {"level" : 3, "resolution" : 0.17578125, "scale" : 73874398.264687508},
                        {"level" : 4, "resolution" : 0.087890625, "scale" : 36937199.132343754},
                        {"level" : 5, "resolution" : 0.0439453125, "scale" : 18468599.566171877},
                        {"level" : 6, "resolution" : 0.02197265625, "scale" : 9234299.7830859385},
                        {"level" : 7, "resolution" : 0.010986328125, "scale" : 4617149.8915429693},
                        {"level" : 8, "resolution" : 0.0054931640625, "scale" : 2308574.9457714846},
                        {"level" : 9, "resolution" : 0.00274658203125, "scale" : 1154287.4728857423},
                        {"level" : 10, "resolution" : 0.001373291015625, "scale" : 577143.73644287116},
                        {"level" : 11, "resolution" : 0.0006866455078125, "scale" : 288571.86822143558},
                        {"level" : 12, "resolution" : 0.00034332275390625, "scale" : 144285.93411071779},
                        {"level" : 13, "resolution" : 0.000171661376953125, "scale" : 72142.967055358895},
                        {"level" : 14, "resolution" : 8.58306884765625e-005, "scale" : 36071.483527679447},
                        {"level" : 15, "resolution" : 4.291534423828125e-005, "scale" : 18035.741763839724},
                        {"level" : 16, "resolution" : 2.1457672119140625e-005, "scale" : 9017.8708819198619},
                        {"level" : 17, "resolution" : 1.0728836059570313e-005, "scale" : 4508.9354409599309},
                        {"level" : 18, "resolution" : 5.3644180297851563e-006, "scale" : 2254.4677204799655}
                    ]
                });

                this.loaded = true;
                this.onLoad(this);
            },

            getTileUrl: function (level, row, col) {
                return "http://t" + col%8 + ".tianditu.cn/img_c/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&STYLE=default&TILEMATRIXSET=c&TILEMATRIX="+level+"&TILEROW="+row+"&TILECOL="+col+"&FORMAT=tiles";
            }
        });
    }

    dojo.ready(init);
</script>


</body>
</html>

飞瀑

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
arcgis api for javascript v3.21加载天地图代码示例

Title html, body, #viewDiv { padding: 0; margin: 0; height: 100%; width: 100%; } dojo.require("esr
复制链接

扫一扫

专栏目录