1. 在引用天地图时, 我们要自定义一个相关的比例尺转换类

 const tileInfoObj = {
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,
},
],
};

2.使用dojo的方式引入调用天地图要使用的插件

dojo.require('esri.layers.WebTiledLayer');   // 加载天地图

3.调用天地图插件引用天地图

 // 加载天地图底图
function LoadingTianDiMap() {
const tileInfo = new esri.layers.TileInfo(tileInfoObj); // 这是我们自定义的比例尺转换工具类
// 电子底图
myDtLayer = new esri.layers.WebTiledLayer("https://${subDomain}.tianditu.com/DataServer?T=vec_c&X=${col}&Y=${row}&L=${level}", {
copyright: 'Tianditu',
id: 'Tianditu0',
subDomains: ['t0', 't1', 't2'],
tileInfo,
});
// 卫星底图
mySatelliteLayer = new esri.layers.WebTiledLayer("https://${subDomain}.tianditu.com/DataServer?T=img_c&X=${col}&Y=${row}&L=${level}", {
copyright: 'Tianditu',
id: 'Tianditu',
subDomains: ['t0', 't1', 't2'],
tileInfo,
});
mySatelliteLayer.hide(); // 默认隐藏
// 标注图层
baseMapMarker = new esri.layers.WebTiledLayer("https://${subDomain}.tianditu.com/DataServer?T=cva_c&X=${col}&Y=${row}&L=${level}", {
copyright: 'Tianditu',
id: 'Tianditu2',
subDomains: ['t0', 't1', 't2'],
tileInfo,
});
map.addLayer(myDtLayer, 0);
map.addLayer(mySatelliteLayer, 1); // 添加卫星图
map.addLayer(baseMapMarker, 2);
zoom = 11;
}

关于ArcGis for javascript的引用天地图的更多相关文章

  1. 关于ArcGis for javascript整合百度地图 天地图 高德地图进行搜索

    1.ArcGis for javascript整合百度地图搜索 1.1.首先引入百度地图的api <!-- 引入百度地图API --> <script type="text ...

  2. 关于ArcGis for javascript的使用

    1.引用ArcGis for javascript核心类库的两种方式: 1.1.下载js包,解压缩放入项目中 1.1.1.下载核心类库压缩文件, 下载地址: https://developers.ar ...

  3. ArcGIS for JavaScript继承TiledMapServiceLayer来实现“动态切图”

    这种方式可以提高出图速度于效果,算法见http://blog.newnaw.com/?p=633,我用ArcGIS for JavaScript API来实现.具体代码为: function init ...

  4. (转)Arcgis for js加载天地图

    http://blog.csdn.net/gisshixisheng/article/details/44494715 综述:本节讲述的是用Arcgis for js加载天地图的切片资源. 天地图的切 ...

  5. Arcgis for Javascript API下类似于百度搜索A、B、C、D marker的实现方式

    原文:Arcgis for Javascript API下类似于百度搜索A.B.C.D marker的实现方式 多说无益,首先贴两张图让大家看看具体的效果: 图1.百度地图搜索结果 图2.Arcgis ...

  6. JavaScript:引用js文件时的编码格式问题

    JavaScript:引用js文件时的编码格式问题 如果js文件的编码格式是utf-8,并且含有中文,那么按照正常的方法引用,就会出现乱码的情况. 方法/步骤   如果js文件的编码格式是utf-8, ...

  7. ArcGIS For JavaScript API 默认参数

    “esri.config”的是在1.3版中的的“esriConfig”的替代品.如果您使用的是1.2或更低的版本,您应该参阅默认API v1.2和更低的配置.对于版本1.3或更高版本,您可以使用“es ...

  8. arcgis for javascript之ArcGISDynamicMapServiceLayer图层控制的实现

    图层控制是非常多GIS系统里面必须的一个小功能,本文就说说arcgis for javascript下ArcGISDynamicMapServiceLayer图层控制的实现方式.首先看图: 实现效果 ...

  9. Arcgis for javascript不同的状态下自己定义鼠标样式

    俗话说:爱美之心.人皆有之. 是的.没错,即使我仅仅是一个做地图的,我也希望自己的地图看起来好看一点. 在本文,给大家讲讲在Arcgis for javascript下怎样自己定义鼠标样式. 首先.说 ...

随机推荐

  1. unbuntu下安装多个JAVA JDK版本及如何切换

    当前环境已经安装过jdk1.6.0_45安装JDK 1.7.x时,若安装错误,可执行以下步骤:sudo add-apt-repository ppa:openjdk-r/ppa sudo apt-ge ...

  2. 下载整个网页的方法,包括样式、图片、和js

    扒别人网站,不一定是要干邪恶的事(当然也有干的).有时候我们看到别人网站的功能很酷,想要自己试着实现一下.我们就需要扒一下这个页面,一方面可以线下修改学习,另一方面不会浪费时间在设计页面上,可以更关心 ...

  3. RQNOJ273 马棚问题

    题目描述 每天,小明和他的马外出,然后他们一边跑一边玩耍.当他们结束的时候,必须带所有的马返回马棚,小明有K个马棚.他把他的马排成一排然后跟随它走向马棚,因为他们非常疲劳,小明不想让他的马做过多的移动 ...

  4. msp430项目编程24

    msp430中项目---MMC接口 1.串行通信工作原理 2.串行通信协议 3.代码(显示部分) 4.代码(功能实现) 5.项目总结 msp430项目编程 msp430入门学习

  5. 最长上升子序列(LIS)长度的O(nlogn)算法

    最长上升子序列(LIS)的典型变形,熟悉的n^2的动归会超时.LIS问题可以优化为nlogn的算法.定义d[k]:长度为k的上升子序列的最末元素,若有多个长度为k的上升子序列,则记录最小的那个最末元素 ...

  6. 寒武纪camp Day5

    补题进度:6/10 A(状压dp) 题意: 有n个数字1,2,...,n,有m个限制(a,b),表示至少要有一个数字a排在数字b的前面 你需要构造出一个含有数字1~n的序列,数字可以重复多次,要求该序 ...

  7. Java实验--统计字母出现频率及其单词个数

    本周的实验要求在之前实现统计单词的基础之上(可以见之前博客的统计单词的那个实验),对其进行修改成所需要的格式,统计字母出现频率的功能,并按照一定的格式把最终结果的用特定的格式在文本中显示出来 统计过程 ...

  8. ZXing 二维码解析生成工具类

    原文:http://www.open-open.com/code/view/1455848023292 import com.google.zxing.*; import com.google.zxi ...

  9. 图解TCP/IP第五版 -- 文件夹

    非常多年前买过<TCP/IP具体解释>3卷,当时可能根本没看,也可能是看了又忘了,没有留下什么印象,当时的书也当做废品卖了. 卖书时的感觉貌似是.买了太多的书,基本都没看,搬家搬来搬去的麻 ...

  10. EntityFramework中经常使用的数据改动方式

    上一篇文章里提到了 EntityFramework中经常使用的数据删除方式.那么改动对象值也有多种方式 第一种 相同是官方推荐的方式,先查询出来,再对要改动的字段赋值,这也应该是用的比較多的. 另外一 ...