精华内容
下载资源
问答
  • arcgis加载天地图

    热门讨论 2015-12-04 11:24:07
    使用arcgis加载天地图,并设置初始的坐标及缩放比例。 提供两种获取中心坐标的方式:本地获取或者从后台服务器以json的格式传入前台
  • flex arcgis 加载天地图2.0地图源码

    热门讨论 2013-08-20 08:41:41
    flex arcgis 加载天地图2.0地图源码
  • ArcGIS加载天地图之散点聚合

    热门讨论 2015-12-23 16:40:42
    使用ArcGIS加载天地图,并显示散点,当散点过于集中时,进行聚合,并显示散点的个数。 散点通过后台随机数生成 功能实现完整,可直接拿来使用 java web项目 访问地址http://ip:port/ClusterGIS/
  • arcgis 加载天地图WMTS服务

    万次阅读 2018-08-23 00:26:28
    arcgis加载天地图的WMTS服务网络上教程也有很多,并且很多GIS开发人员都将其进行了相应的封装,但是大部分对于初学者而言,存在代码不全的情况,因此,这里将真个天地图的WMTS服务地图的加载的代码全部展现出来,...

    arcgis加载天地图的WMTS服务网络上教程也有很多,并且很多GIS开发人员都将其进行了相应的封装,但是大部分对于初学者而言,存在代码不全的情况,因此,这里将真个天地图的WMTS服务地图的加载的代码全部展现出来,方便初学者进行天地图的服务调用。并且在本文中,实现了一个模块对天地图所有MWTS服务调用的封装,具体的代码源代码请见码云(https://gitee.com/MrHuanLiu/TDTLib),本文只对重点进行详解。

    对于Dojo 中类的定义及其使用的相关方法请查看(https://dojotoolkit.org/documentation/tutorials/1.10/declare/index.html),

    对于矢量图层与影像图层(包括各自注记图层的加载),存在大量代码重复的代码,且不同图层的加载主要是由于天地图服务地址的差异,其余的基本一样,这也是对WMTS服务进行再次封装的基础。下面我将封装模块中的getTileUrl方法返回的天地图服务地址单独摘取出来,你们可以仔细对比一下各自的区别。

    • 矢量图层
    "http://t" + col % 8 + ".tianditu.cn/vec_c/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=vec&STYLE=default&TILEMATRIXSET=c&TILEMATRIX=" + level + "&TILEROW=" + row + "&TILECOL=" + col + "&FORMAT=tiles";
    • 矢量注记图层
    "http://t" + row % 8 + ".tianditu.cn/cva_c/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=cva&STYLE=default&TILEMATRIXSET=c&TILEMATRIX=" + level + "&TILEROW=" + row + "&TILECOL=" + col + "&FORMAT=tiles";
    • 影像图层
    "http://t0.tianditu.com/img_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&STYLE=default&TILEMATRIXSET=w&TILEMATRIX=" + level + "&TILEROW=" + row + "&TILECOL="+ col + "&FORMAT=tiles" ;
    • 影像注记图层
    "http://t0.tianditu.com/cia_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=cia&STYLE=default&TILEMATRIXSET=w&TILEMATRIX=" + level + "&TILEROW=" + row + "&TILECOL=" + col + "&FORMAT=tiles";

    1.加载所有WMTS服务模块的封装

     这个模块的封装和以下的2-5 一样具有共同点,只不过现在我们的一个模块需要完成对矢量图层、矢量注记图层、影像图层、影像注记图层、地形图层、地形注记图层等加载,其中不同注记图层可以有(中文、英文、蒙古文、维吾尔文)等四种注记图层的选择,并且可以选择 坐标 是投影坐标还是地理坐标。(该类源代码及相关说明见 https://gitee.com/MrHuanLiu/TDTLib),这里仅提供一个示例:

    <!DOCTYPE html>
    <html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no">
        <title>Search widget tutorial</title>
        <link rel="stylesheet" href="../lib/3.25/esri/css/esri.css">
        <style>
            html,
            body,#map {
                height: 100%;
                width: 100%;
                margin: 0;
                padding: 0;
            }
        </style>
        <script src="../lib/jquery/jquery-3.3.1.js"></script>
        <script>
            var package_path = window.location.pathname.substring(0, window.location.pathname.lastIndexOf('/'));
            console.log(package_path);
            var dojoConfig = {
                baseUrl: "../lib/3.25/dojo",
                packages:[
                    {name:'lib',location:'/arcgisDemo/lib/TDTLib'}
                ],
                async: true,
                locale: 'zh-cn'
            }
        </script>
        <script src="../lib/3.25/init.js"></script>
        <script>
            require([
                "lib/TDTMapLayer",
                "esri/map",
                "dojo/domReady!"
            ], function (TDTMapLayer, Map) {
                const map = new Map('map', {
                    logo: false
                });
                /**
                 * TDTMapLayer 中包含四个参数,分别为
                 * 1.mapType:该值的默认值为vec,代表矢量图层,可供选择的值有vec|img|ter,分别代表矢量、影像、地形
                 * 2.mapCoordinate:该值的默认值为w,代表投影坐标,可供选择的值有c|w分比为:地理坐标,投影坐标
                 * 3.isAnnoLayer:默认值为"",可供选择的值为""|"ano",分别代表非注记图层,注记图层
                 * 4.mapAnnotation:默认值为cva,不同注记类型的默认值分别为cva,cia,cta,代表矢量中文注记图层,不同底图的矢量注记可选项有:
                 *   vec(矢量):cva(中文)、eva(英文)、mva(蒙古文)、wva(维吾尔文)
                 *   img(影像):cia(中文)、eia(英文)、mia(蒙古文)、wia(维吾尔文)
                 *   ter(地形图):cta(中文)、eta(英文)、mta(蒙古文)、wta(维吾尔文)
                 */
                //1.加载矢量图层(默认投影web墨卡托)
                let verLayer = new TDTMapLayer();
                //2.加载矢量注记图层
                let verAnnoLayer = new TDTMapLayer("ano");
                //3.加载影像图层
                let imgLayer = new TDTMapLayer("img","w");
                //4.加载影像注记图层
                let imgAnnoLayer = new TDTMapLayer("img","w","ano");
                //5.当我们需要加载不同语言的注记的时候,无论是矢量、影像、还是地形,我们都需要同时传入4个参数,如:
                let imgAnnoLayerM = new TDTMapLayer("img","w","ano","mia");//加载蒙古语矢量图层
                map.addLayer(imgAnnoLayerM);
            });
        </script>
    </head>
    <body>
    <div id="map"></div>
    </body>
    </html>

     

    2.天地图矢量图层的加载

    define(["dojo/_base/declare",
            "esri/layers/tiled"],
        function (declare) {
            return declare(esri.layers.TiledMapServiceLayer, {
                constructor: function () {
                    this.spatialReference = new esri.SpatialReference({wkid: 4326});
                    this.initialExtent = (this.fullExtent = new esri.geometry.Extent(-180.0, -90.0, 180.0, 90.0, this.spatialReference));
                    this.tileInfo = new esri.layers.TileInfo({
                        "rows": 256,
                        "cols": 256,
                        "compressionQuality": 0,
                        "origin": {
                            "x": -180,
                            "y": 90
                        },
                        "spatialReference": {
                            "wkid": 4326
                        },
                        "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/vec_c/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=vec&STYLE=default&TILEMATRIXSET=c&TILEMATRIX=" + level + "&TILEROW=" + row + "&TILECOL=" + col + "&FORMAT=tiles";
                }
            });
        });

    3.天地图矢量注记图层的加载

    define(["dojo/_base/declare",
            "esri/layers/tiled"],
        function (declare) {
            return declare(esri.layers.TiledMapServiceLayer, {
                constructor: function () {
                    this.spatialReference = new esri.SpatialReference({wkid: 4326});
                    this.initialExtent = (this.fullExtent = new esri.geometry.Extent(-180.0, -90.0, 180.0, 90.0, this.spatialReference));
                    this.tileInfo = new esri.layers.TileInfo({
                        "rows": 256,
                        "cols": 256,
                        "compressionQuality": 0,
                        "origin": {
                            "x": -180,
                            "y": 90
                        },
                        "spatialReference": {
                            "wkid": 4326
                        },
                        "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" + row % 8 + ".tianditu.cn/cva_c/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=cva&STYLE=default&TILEMATRIXSET=c&TILEMATRIX=" + level + "&TILEROW=" + row + "&TILECOL=" + col + "&FORMAT=tiles";
                }
            });
        });

    4.天地图影像图层的加载

    define(["dojo/_base/declare",
            "esri/layers/tiled"],
        function (declare) {
            return declare(esri.layers.TiledMapServiceLayer, {
                constructor: function () {
                    this.spatialReference = new esri.SpatialReference({wkid: 4326});
                    this.initialExtent = (this.fullExtent = new esri.geometry.Extent(-180.0, -90.0, 180.0, 90.0, this.spatialReference));
                    this.tileInfo = new esri.layers.TileInfo({
                        "rows": 256,
                        "cols": 256,
                        "compressionQuality": 0,
                        "origin": {
                            "x": -180,
                            "y": 90
                        },
                        "spatialReference": {
                            "wkid": 4326
                        },
                        "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://t0.tianditu.com/img_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=img&STYLE=default&TILEMATRIXSET=w&TILEMATRIX=" + level + "&TILEROW=" + row + "&TILECOL="+ col + "&FORMAT=tiles" ;
                }
            });
        });

    5.天地图影像注记图层的加载

    define(["dojo/_base/declare",
            "esri/layers/tiled"],
        function (declare) {
            return declare(esri.layers.TiledMapServiceLayer, {
                constructor: function () {
                    this.spatialReference = new esri.SpatialReference({wkid: 4326});
                    this.initialExtent = (this.fullExtent = new esri.geometry.Extent(-180.0, -90.0, 180.0, 90.0, this.spatialReference));
                    this.tileInfo = new esri.layers.TileInfo({
                        "rows": 256,
                        "cols": 256,
                        "compressionQuality": 0,
                        "origin": {
                            "x": -180,
                            "y": 90
                        },
                        "spatialReference": {
                            "wkid": 4326
                        },
                        "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://t0.tianditu.com/cia_w/wmts?SERVICE=WMTS&REQUEST=GetTile&VERSION=1.0.0&LAYER=cia&STYLE=default&TILEMATRIXSET=w&TILEMATRIX=" + level + "&TILEROW=" + row + "&TILECOL=" + col + "&FORMAT=tiles";
                }
            });
        });

     

    展开全文
  • ArcEngine在线地图加载(谷歌地图和天地图天地图谷歌地图 天地图 谷歌地图


    自2019年1月1日起,天地图改版后只支持在ArcGIS10.6以上版本加载,低版本须要加载高版本生成的lyr图层文件
    加载方法如下:

    1.上官网申请服务器端的key

    申请key

    2.加载WMTS天地图服务

    天地图各图层链接如下:
    更多详情可参考天地图API官网

    图层 链接
    矢量地理坐标 底图:http://t0.tianditu.gov.cn/vec_c/esri/wmts
    中文注记:http://t0.tianditu.gov.cn/cva_c/esri/wmts
    英文注记:http://t0.tianditu.gov.cn/eva_c/esri/wmts
    影像地理坐标 底图:http://t0.tianditu.gov.cn/img_c/esri/wmts
    中文注记:http://t0.tianditu.gov.cn/cia_c/esri/wmts
    英文注记:http://t0.tianditu.gov.cn/eia_c/esri/wmts
    地形地理坐标 底图:http://t0.tianditu.gov.cn/ter_c/esri/wmts
    中文注记:http://t0.tianditu.gov.cn/cta_c/esri/wmts
    英文注记:http://t0.tianditu.gov.cn/eta_c/esri/wmts

    在这里插入图片描述

    在ArcGIS目录中打开WMTS服务——输入上述表格中的url——点击“+”,添加参数,tk,输入在官网申请的服务器端key,记住,一定要是服务器端的key!

    注意:需按照以上方法输入,不能直接输入:http://t0.tianditu.gov.cn/eia c/esri/wmts ?tk=您的密钥,
    否则显示的地图会是一片空白

    3.另存为图层文件

    在这里插入图片描述
    另存为lyr图层文件,这样就能在低版本中也显示了

    4.ArcEngine中调用方法

    var path = "F\\tianditu.lyr";
    if (File.Exists(path))
    {
        MapControl.AddLayerFromFile(path, map1.MapControl.Map.LayerCount);
        //读取刚刚加载的图层
        var layer= map1.MapControl.get_Layer(map1.MapControl.Map.LayerCount - 1);
    }
    
    展开全文
  • 【ArcGis for javascript从零开始】之一 ArcGis加载天地图 原文:【ArcGis for javascript从零开始】之一 ArcGis加载天地图最近做项目需要用到ArcGis来进行数据展示和数据分析。以前从来没有接触过与...
    原文:【ArcGis for javascript从零开始】之一 ArcGis加载天地图

    最近做项目需要用到ArcGis来进行数据展示和数据分析。以前从来没有接触过与Gis有关的东西,一切需要从头开始学。没有时间从头系统地学习了,只能用到哪个学习哪里了,本系列只是对学习的路径进行记录。ArcGis在网上没有找到中文的API,只有官网的英文API和Demo,而且用到了大量dojo的API,dojo也没有接触过,这方面也是需要学习的……

     

    一、ArcGis加载

    引入css 和js

     

    [html] view plain copy
     
    1. <link rel= "stylesheet" href ="https://js.arcgis.com/3.15/esri/css/esri.css">  
    2. <script src= "https://js.arcgis.com/3.15/" ></script>  

     html

     

    [html] view plain copy
     
    1. <div id= "map" ></div>  


    初始化地图

     

     

    [javascript] view plain copy
     
    1. require(["esri/map", "dojo/domReady!" ], function(Map) {  
    2. <span style="white-space:pre">    </span>var map = new Map("map" , {  
    3. <span style="white-space:pre">        </span>center: [-118, 34.5],  
    4. <span style="white-space:pre">        </span>zoom: 8,  
    5. <span style="white-space:pre">        </span>basemap: "topo"  
    6.  <span style="white-space:pre">   </span>});  
    7. });  

     

    以上代码为ArcGis首页上的demo,是最简单的地图了。地图上什么多余的功能都没有……
         显示的效果是这样子的↓↓↓

     

    二、加载天地图

    能显示出地图了,很好,下一步是加载天地图了!上面那个地图全是英文的,我们给客户就不能用这样式的,而且还因为给特殊用户做的,所以只能暂时选定天地图了。哎,废话就不多说了。
         在ArcGis的Sample Code中,有一个叫做Dynamic Layers的示例,动态图层。我理解的是地图中就一层一层的,底层是地图,上面可以覆盖上其他的标注,再往上可以是描的点,and so on……这个我在后面研究散点的时候有了更深刻的体会,散点下次再说。
         扯远了,再扯回来,那个动态图层的Sample Code地址,加载两个动态图层:点我打开官方demo
    [javascript] view plain copy
     
    1. //加载天地图  
    2. var baseMap = new WebTiledLayer("http://\${subDomain}.tianditu.com/DataServer?T=vec_c&X=\${col}&Y=\${row}&L=\${level}" , {  
    3. <span style="white-space:pre">    </span>"copyright" : "Tianditu",  
    4. <span style="white-space:pre">    </span>"id": "Tianditu" ,  
    5. <span style="white-space:pre">    </span>"subDomains" : ["t0", "t1", "t2" ]  
    6. });  
    7. map.addLayer(baseMap);  
    我按照他们的代码,显示出来的是一片空白的屏幕。
    这个原因是ArcGis与天地图采用的是两套投影体系,这样直接搬过来是没有什么用的。需要加上一些配置。↓↓↓
    [javascript] view plain copy
     
    1. <span style="white-space:pre">    </span>var tileInfo = new esri.layers.TileInfo({  
    2.                 "rows" : 256,  
    3.                 "cols" : 256,  
    4.                 "compressionQuality" : 0,  
    5.                 "origin" : {  
    6.                     "x" : -180,  
    7.                     "y" : 90  
    8.                 },  
    9.                 "spatialReference" : {  
    10.                     "wkid" : 4326  
    11.                 },  
    12.                 "lods" : [  
    13.                 {  
    14.                     "level" : 2,  
    15.                     "resolution" : 0.3515625,  
    16.                     "scale" : 147748796.52937502  
    17.                 },  
    18.   
    19.                 {  
    20.                     "level" : 3,  
    21.                     "resolution" : 0.17578125,  
    22.                     "scale" : 73874398.264687508  
    23.                 },  
    24.   
    25.                 {  
    26.                     "level" : 4,  
    27.                     "resolution" : 0.087890625,  
    28.                     "scale" : 36937199.132343754  
    29.                 },  
    30.   
    31.                 {  
    32.                     "level" : 5,  
    33.                     "resolution" : 0.0439453125,  
    34.                     "scale" : 18468599.566171877  
    35.                 },  
    36.   
    37.                 {  
    38.                     "level" : 6,  
    39.                     "resolution" : 0.02197265625,  
    40.                     "scale" : 9234299.7830859385  
    41.                 },  
    42.   
    43.                 {  
    44.                     "level" : 7,  
    45.                     "resolution" : 0.010986328125,  
    46.                     "scale" : 4617149.8915429693  
    47.                 },  
    48.   
    49.                 {  
    50.                     "level" : 8,  
    51.                     "resolution" : 0.0054931640625,  
    52.                     "scale" : 2308574.9457714846  
    53.                 },  
    54.   
    55.                 {  
    56.                     "level" : 9,  
    57.                     "resolution" : 0.00274658203125,  
    58.                     "scale" : 1154287.4728857423  
    59.                 },  
    60.   
    61.                 {  
    62.                     "level" : 10,  
    63.                     "resolution" : 0.001373291015625,  
    64.                     "scale" : 577143.73644287116  
    65.                 },  
    66.   
    67.                 {  
    68.                     "level" : 11,  
    69.                     "resolution" : 0.0006866455078125,  
    70.                     "scale" : 288571.86822143558  
    71.                 },  
    72.   
    73.                 {  
    74.                     "level" : 12,  
    75.                     "resolution" : 0.00034332275390625,  
    76.                     "scale" : 144285.93411071779  
    77.                 },  
    78.   
    79.                 {  
    80.                     "level" : 13,  
    81.                     "resolution" : 0.000171661376953125,  
    82.                     "scale" : 72142.967055358895  
    83.                 },  
    84.   
    85.                 {  
    86.                     "level" : 14,  
    87.                     "resolution" : 8.58306884765625e-005,  
    88.                     "scale" : 36071.483527679447  
    89.                 },  
    90.   
    91.                 {  
    92.                     "level" : 15,  
    93.                     "resolution" : 4.291534423828125e-005,  
    94.                     "scale" : 18035.741763839724  
    95.                 },  
    96.   
    97.                 {  
    98.                     "level" : 16,  
    99.                     "resolution" : 2.1457672119140625e-005,  
    100.                     "scale" : 9017.8708819198619  
    101.                 },  
    102.   
    103.                 {  
    104.                     "level" : 17,  
    105.                     "resolution" : 1.0728836059570313e-005,  
    106.                     "scale" : 4508.9354409599309  
    107.                 },  
    108.   
    109.                 {  
    110.                     "level" : 18,  
    111.                     "resolution" : 5.3644180297851563e-006,  
    112.                     "scale" : 2254.4677204799655  
    113.                 }  
    114.                 ]  
    115.             });  

    又长又难看,强迫症表示忍不了,每一个页面都有写之么长一段,好烦,我给拿到一个单独的js里了。
    这样, 天地图的图层需要加上这么一句,见下面代码加粗部分:
    [javascript] view plain copy
     
    1. <span style="white-space:pre">    </span>var baseMap = new WebTiledLayer("http://\${subDomain}.tianditu.com/DataServer?T=vec_c&X=\${col}&Y=\${row}&L=\${level}" , {  
    2.                 "copyright" : "Tianditu",  
    3.                 "id": "Tianditu" ,  
    4.                 "subDomains" : ["t0", "t1", "t2" ],  
    5.                 <strong>"tileInfo" :tileInfo</strong>  
    6.             });  
         这样显示出来是下面的样子,好一片蔚蓝的大海。
    我们把地图缩小一下再看:
    地图上是没有标注的,这个就需要再加载一个再标注的图层才可以的。
    [javascript] view plain copy
     
    1. //底图标注  
    2.             var baseMapMarker = new WebTiledLayer("http://\${subDomain}.tianditu.com/DataServer?T=cva_c&X=\${col}&Y=\${row}&L=\${level}" , {  
    3.                 "copyright" : "Tianditu",  
    4.                 "id": "Tianditu2" ,  
    5.                 "subDomains" : ["t0", "t1", "t2" ],  
    6.                 "tileInfo" :tileInfo  
    7.             });  
    8.             map.addLayer(baseMapMarker);  
    显示效果变成这个样子:
     
    这样基本就完工喽,最后设置一下初始的中心位置和缩放比例吧,我们就以我们的首都为例吧:
    [javascript] view plain copy
     
    1. <span style="white-space:pre">    </span>map.centerAndZoom(new esri.geometry.Point({  
    2.                 "x": 116.40969,  
    3.                 "y": 39.89945,  
    4.                 "spatialReference": {  
    5.                     "wkid": 4326  
    6.                 }  
    7.             }),12);  
    最终效果,至于显示div的样式,铺满全屏什么的,这就是CSS的问题了,不多说了,上一张完工图:

     

    我写的demo,html版的,可以稍微借鉴一下吧 ^_^ 点我下载

     

    学习是一个很复杂的过程,把这个学习研究的过程讲出来,也挺累的……好了,本宝宝该接着上班了。
    下集预告:安装部署引入本地ArcGis
    posted on 2016-08-18 17:03 NET未来之路 阅读(...) 评论(...) 编辑 收藏

    转载于:https://www.cnblogs.com/lonelyxmas/p/5784602.html

    展开全文
  • ArcGIS加载天地图底图

    万次阅读 热门讨论 2020-06-10 13:39:59
    1.1 天地图API申请 在该网址http://lbs.tianditu.gov.cn/home.html,“控制台”——“创建新应用”,设置名称、行业类型,应用类型选择“服务端”。 获取一个由字母和数字组成的Key值。 1.2 天地图url构建 ...

    1.天地图注册并申请服务器端Key

    1.1 天地图API申请

    在该网址http://lbs.tianditu.gov.cn/home.html,“控制台”——“创建新应用”,设置名称、行业类型,应用类型选择“服务端”

                                     

    获取一个由字母和数字组成的Key值。

    1.2 天地图url构建

    http://lbs.tianditu.gov.cn/server/MapService.html直接使用该网站提供的方式不可行。。。加载到ArcGIS一片空白。

    推荐以下方法:(感谢万能的互联网)

    1.2.1 提取图层类型名

    矢量

    底图:vec_c    vec_w

    注记:cva_c    cva_w

    影像

    底图:img_c    img_w

    注记:cia_c    cia_w

    地形

    底图:ter_c    ter_w

    注记:cta_c    cta_w

    1.2.2 构建链接

    使用http://t0.tianditu.gov.cn/vec_c/esri/wmts,将vec_c替换成上述需要的图层类型,构建不同地理类型地图服务链接。

    图层 链接
    矢量地理坐标

    底图:http://t0.tianditu.gov.cn/vec_c/esri/wmts

    注记:http://t0.tianditu.gov.cn/cva_c/esri/wmts

    影像地理坐标

    底图:http://t0.tianditu.gov.cn/img_c/esri/wmts

    注记:http://t0.tianditu.gov.cn/cia_c/esri/wmts

    地形地理坐标

    底图:http://t0.tianditu.gov.cn/ter_c/esri/wmts

    注记:http://t0.tianditu.gov.cn/cta_c/esri/wmts

     

    2.ArcMap加载天地图数据

    2.1 创建图层

    打开ArcMap——Catalog——GIS Servers——Add WMTS Server,

    URL处填写图层链接地址,自定义参数添加,参数:tk    值:天地图申请的Key值

    获取图层,查看是否可以正常获取分级图层,之后点击确定。

    不添加tk参数及参数值会报错。

     

    2.2 连接并加载数据

    在Catalog中已经新增加了一个在线图层文件,右键“连接”,调用天地图在线数据,之后将数据拖拽到图层中即可。

    2.3 创建lyr图层

    为了方便图层的使用,不用每次都这样重复劳动,建议将图层导出为lyr文件。

    这样在key值不变,或天地图服务不关闭的情况下,可以直接使用。

    展开全文
  • android arcgis加载天地图作为底图不显示问题记录 发现之前还显示的地图最近莫名不显示了,查找对比发现原来是arcgis版本导致的,用的100.2.1版本不显示,回退到100.1.0显示了,原因暂未明白...
  • 当初开发的时候在网上搜索了很久,没有看到合适的... 天地图相关 天地图官网代码所用的服务地址 arcigs相关 TianDiMapUtils TileInfo参数 参数类型 参数名 解释 备注 int ...
  • ArcGIS使用(二)ArcGIS加载天地图

    千次阅读 2020-06-19 14:14:12
    ArcGIS引入天地图作为底图: 1.引入这两个类:WebTileLayer 和 TileInfo "esri/layers/WebTileLayer", "esri/layers/support/TileInfo", require([ "esri/Map", "esri/layers/WebTileLayer", 'esri/layers/...
  • ArcGIS加载天地图底图服务

    千次阅读 2020-06-16 10:13:46
    一、使用条件: 1、软件:本次测试使用软件为arcmap10.8(其他版本软件也可以) 2、网络:可以连接互联网 3、服务:https://www.tianditu.gov.cn/...天地图有以下服务地址列表: http://lbs.tianditu.gov.cn/ser
  • 当初开发的时候在网上搜索了很久,没有看到合适...天地图相关 天地图官网 代码所用的服务地址 arcigs相关 TianDiMapUtils TileInfo参数 参数类型 参数名 解释 备注 int DPI 分辨率 TileInfo.ImageFor...
  • 最近做项目需要用到ArcGis来进行数据展示和数据分析。以前从来没有接触过与Gis有关的东西,一切需要从头开始学。没有时间从头系统地学习了,只能用到哪个学习哪里了,本系列只是对学习...一、ArcGis加载 引入css 和js
  • arcgis api 加载天地图js

    2019-04-11 09:49:21
    arcgis api for js 加载天地图,封装的js文件,用的时候,直接引用,new一下即可。
  • arcgis加载天地图(带秘钥版本的),包括矢量图和影像,解决了4.9版本之前加载后跨域的问题,在博客中自己看。
  • 此代码主要是加载天地图,采用arcgis 加载卫星影像地图和地形图,如有需要可以更改对应的天地图服务地址进行切换,此天地图带有密匙,需要自己在天地图网址申请。
  • ARCGIS10.2加载天地图不显示

    千次阅读 2020-09-03 16:41:15
    ARCGIS10.2加载天地图不显示,使用服务器端token还是不显示
  • arcgis js api 调用国家天地图 山东天地图封装js文件类 里面有说明文档 天地图坐标系代码为4490 2000坐标下 在定义map变量的时候最好写上
  • 利用Arcgis JS API 加载天地图样例,利用Arcgis JS API 加载天地图样例
  • 压缩包内含ArcGis加载天地图用到的jar包,导入项目中即可轻松加载!
  • 使用arcgis for js加载天地图,并设置初始的坐标及缩放比例。 以及提供GP服务的加载点击方式
  • ArcGIS Pro加载天地图

    2021-04-20 22:09:10
    天地图影像 服务器URL:http://t0.tianditu.gov.cn/img_w/esri/wmts 天地图注记 服务器URL:http://t0.tianditu.gov.cn/cva_w/esri/wmts
  • Arcgis API 加载天地图和geojson数据

    千次阅读 2020-04-08 14:33:10
    Arcgis API 加载天地图和geojson数据 先说加载天地图,天地图已经封装在TianDiTuLayer.js。 define([ 'dojo/_base/declare', 'dijit/Dialog', 'dijit/_WidgetBase', 'dijit/_TemplatedMixin', 'esri/layers/...

空空如也

空空如也

1 2 3 4 5 ... 19
收藏数 377
精华内容 150
关键字:

arcgis加载天地图