关于ArcGis for javascript的引用天地图
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的引用天地图的更多相关文章
- 关于ArcGis for javascript整合百度地图 天地图 高德地图进行搜索
1.ArcGis for javascript整合百度地图搜索 1.1.首先引入百度地图的api <!-- 引入百度地图API --> <script type="text ...
- 关于ArcGis for javascript的使用
1.引用ArcGis for javascript核心类库的两种方式: 1.1.下载js包,解压缩放入项目中 1.1.1.下载核心类库压缩文件, 下载地址: https://developers.ar ...
- ArcGIS for JavaScript继承TiledMapServiceLayer来实现“动态切图”
这种方式可以提高出图速度于效果,算法见http://blog.newnaw.com/?p=633,我用ArcGIS for JavaScript API来实现.具体代码为: function init ...
- (转)Arcgis for js加载天地图
http://blog.csdn.net/gisshixisheng/article/details/44494715 综述:本节讲述的是用Arcgis for js加载天地图的切片资源. 天地图的切 ...
- Arcgis for Javascript API下类似于百度搜索A、B、C、D marker的实现方式
原文:Arcgis for Javascript API下类似于百度搜索A.B.C.D marker的实现方式 多说无益,首先贴两张图让大家看看具体的效果: 图1.百度地图搜索结果 图2.Arcgis ...
- JavaScript:引用js文件时的编码格式问题
JavaScript:引用js文件时的编码格式问题 如果js文件的编码格式是utf-8,并且含有中文,那么按照正常的方法引用,就会出现乱码的情况. 方法/步骤 如果js文件的编码格式是utf-8, ...
- ArcGIS For JavaScript API 默认参数
“esri.config”的是在1.3版中的的“esriConfig”的替代品.如果您使用的是1.2或更低的版本,您应该参阅默认API v1.2和更低的配置.对于版本1.3或更高版本,您可以使用“es ...
- arcgis for javascript之ArcGISDynamicMapServiceLayer图层控制的实现
图层控制是非常多GIS系统里面必须的一个小功能,本文就说说arcgis for javascript下ArcGISDynamicMapServiceLayer图层控制的实现方式.首先看图: 实现效果 ...
- Arcgis for javascript不同的状态下自己定义鼠标样式
俗话说:爱美之心.人皆有之. 是的.没错,即使我仅仅是一个做地图的,我也希望自己的地图看起来好看一点. 在本文,给大家讲讲在Arcgis for javascript下怎样自己定义鼠标样式. 首先.说 ...
随机推荐
- android开发里跳过的坑-电源锁WakeLock不起作用
由于个别需求,需要做一个不让系统屏常亮不休眠的APP,于是使用了电源锁,在oncreate里加了如下代码: PowerManager pm = (PowerManager) context .getS ...
- 寒武纪camp Day5
补题进度:6/10 A(状压dp) 题意: 有n个数字1,2,...,n,有m个限制(a,b),表示至少要有一个数字a排在数字b的前面 你需要构造出一个含有数字1~n的序列,数字可以重复多次,要求该序 ...
- Java实验--课上提到的随机数生成原理简单实现(不利用库生成随机数的简单算法)
对于随机数的实验,根据课程上的教程,有如下的公式: 对应的变量参数的说明: 其中对应的Mouduls变量对应的就是公式中a的值,在公式中的含义就是相当于要循环多少个数才重复的一个值. Multipli ...
- SQL2008安装时,“provider: 命名管道提供程序, error: 40 - 无法打开到 SQL Server 的连接) (.Net SqlClient Data Provider)” 错误的解决方案
错误提示: 在与 SQL Server 建立连接时出现与网络相关的或特定于实例的错误.未找到或无法访问服务器.请验证实例名称是否正确并且 SQL Server 已配置为允许远程连接. (provide ...
- UI 07 _ 导航视图控制器 与 属性传值
首先, 先创建三个VC. 完毕点击按钮, 进入下一页, 并可以返回. 要先把导航视图控制器创建出来. 在AppDelegate.m 文件里代码例如以下: #import "AppDelega ...
- 小胖说事35-----Terminating app due to uncaught exception 'CALayerInvalidGeometry', reason: 'CALayer posi
2011-06-11 15:19:17.167 ***[930:707] *** Terminating app due to uncaught exception 'CALayerInvalidGe ...
- EditText设置光标位置问题
普通设置 EditText 光标显示位置的方法就是 et.setSelection(text.length()); et.setSelection(0); 设置0 就是第一位了. 设置text长度就最 ...
- 4448: [Scoi2015]情报传递|主席树|离线操作
能够把全部的操作离线,然后树链剖分将全部人搜集情报的时间增加到主席树中,查询的时候能够直接查询搜集情报时间≤i−C[i]−1的人的个数 时间复杂度n∗log22n,空间复杂度n∗log2n #incl ...
- C语言-- static 全局使用示例
C语言-- static 全局使用示例 前言:看到很多使用Objective-C开发IOS的大牛,有时候会使用static全局变量,相比之下,我却很少用这个,从而很少对其有着比较有实质意义的理解,甚 ...
- 2 Angular 2 的核心概念
一.组件(Components): 组件是构成 Angular 应用的基础和核心,它是一个模板的控制类,用于处理应用和逻辑页面的视图部分.组件知道如何渲染自己及配置依赖注入,并通过一些由属性和方法组成 ...