如何调用天地图js API 添加arcgis发布的图层服务

<script type="text/javascript" src="http://api.tianditu.com/js/maps.js"></script>

<script type="text/javascript" src="http://api.tianditu.com/js/service.js"></script>

<title>行政区域</title>

<script type="text/javascript">

var zoom = 10

var wmsLayer

var localsearch

var map

var lay

function onLoad() {

var config = { projection: "EPSG:4326"}

//map实例

map = new TMap("mapDiv",config)

//设置显示地图的中心点和级别

map.centerAndZoom(new TLngLat(106.38848,38.995728), zoom)

//允许鼠标滚轮缩放地图

map.enableHandleMouseScroll()

//允许双击地图放大

map.enableDoubleClickZoom()

getWMS()

}

function getWMS(){

if(wmsLayer)

{

map.removeLayer(wmsLayer)

}

var config = {

REQUEST:"GetMap", // *** 作名称

VERSION:"1.1.1", //请求服务的版本

SERVICE:"WMS", //服务类型标识符

LAYERS:"0", //用","分隔的多个图层列表

TRANSPARENT:true, //输出图像背景是否透明

STYLES:"default", //每个请求图层的用","分隔的描述样式

FORMAT:"image/png", //输出图像的类型

SRS:"EPSG:4326", //地图投影类型

WIDTH:256, //输出地图图片的像素宽

HEIGHT:256 //输出地图图片的像素高

}

wmsLayer = new TTileLayerWMS("wms","url",config)

//将WMS图层添加到地图上

map.addLayer(wmsLayer)

}

</script>

注意事项：

1.首先因为调用的是天地图的添加wms图层的方法，所以对于arcgis发布的图层服务，要求必须启用wms服务功能才可以。启用的时候会有一个地址，这个地址就是上面url的地址

2.在初始化地图的时候var config = { projection: "EPSG:4326"} 这个配置是需要的要不然 ，图层会添加失败。

3.对于config配置的项要注意的地方，LAYERS属性是你发布的服务的图层名称

FORMAT ："image/png" 这个属性也要注意，当时我写的是image/jpeg,出现了问题，改为png就正常了

以上 注意了，应该就不会有问题了。

arcgis for js加载天地图的例子网上有很多，这里先不写了，后期有空再贴代码，这里主要分析下WMTS服务为什么不显示，怎么解决。

条件：这里的WMTS服务是OGC标准的，需要使用WMTSLayer类来实例化图层。

问题：天地图和自己的WMTS只能显示一个，即先加载哪个，就只显示哪个，而另外一个图层不会显示。

原因：天地图服务和自己的WMTS服务的切片矩阵集不同导致。下面多点废话详细分析一下，因为我对各服务了解的很浅，如果有错误请批评指正。

WMTS服务是切片服务，相比WMS而言，牺牲定制地图的灵活性来提升性能，这对前端展示很有用，因为用户缩放或移动地图后，很快就能将切片的影像渲染出来。引用一段百度百科的文字来说明WMTS：

WMTS提供了一种采用预定义图块方法发布数字地图服务的标准化解决方案。WMTS弥补了WMS不能提供分块地图的不足。WMS针对提供可定制地图的服务，是一个动态数据或用户定制地图（需结合SLD标准）的理想解决办法。WMTS牺牲了提供定制地图的灵活性，代之以通过提供静态数据（基础地图）来增强伸缩性，这些静态数据的范围框和比例尺被限定在各个图块内。这些固定的图块集使得对WMTS服务的实现可以使用一个仅简单返回已有文件的Web服务器即可，同时使得可以利用一些标准的诸如分布式缓存的网络机制实现伸缩性。

1

1

而当在arcgis for js中加载esri提供的底图或天地图底图时，底图与我们自己的WMTS服务缩放级别与每块切片大小不一致。比如底图缩放2及时，将底图切为4*2的切片，比例分母是A，而此时我们的WMTS2及时比例分母不与A相等，这就导致两个地图服务冲突，而无法同时显示两个地图服务。所以从此方面下手解决这个问题。

解决：将天地图的WMTS服务http://t0.tianditu.com/vec_c/wmts，和自己的WMTS服务加载至ArcMap中，在右侧catalog目录中分别双击两个服务，查看服务属性如下图

天地图wmts服务

自己的WMTS服务

将这两个服务的切片矩阵集合分对照更改到 esri.layers.TileInfooptions里的lods属性中即可。注意清除一下浏览器缓存再刷新页面，否则很可能还展示更改前的页面状态。

代码

下面贴一下自定义OGC标准的WMTS服务在arcgis4js中的加载：

var tileInfo = new esri.layers.TileInfo({

"dpi": 90.71428571428571,//必须，否则图错

"rows": 256,

"cols": 256,

"compressionQuality": 0,

"origin": {

"x": -180,

"y": 90

},

"spatialReference": {

"wkid": 4326

},

"lods": [

{ "level": 1, "resolution": 0.703125, "scale": 295829355.454566 },

{ "level": 2, "resolution": 0.3515625, "scale": 147914677.727283 },

{ "level": 3, "resolution": 0.17578125, "scale": 73957338.863641 },

{ "level": 4, "resolution": 0.087890625, "scale": 36978669.431821 },

{ "level": 5, "resolution": 0.0439453125, "scale": 18489334.715910 },

{ "level": 6, "resolution": 0.02197265625, "scale": 9244667.357955 },

{ "level": 7, "resolution": 0.010986328125, "scale": 4622333.678978 },

{ "level": 8, "resolution": 0.0054931640625, "scale": 2311166.839489 },

{ "level": 9, "resolution": 0.00274658203125, "scale": 1155583.419744 },

{ "level": 10, "resolution": 0.001373291015625, "scale": 577791.709872 },

{ "level": 11, "resolution": 0.0006866455078125, "scale": 288895.854936 },

{ "level": 12, "resolution": 0.00034332275390625, "scale": 144447.927468 },

{ "level": 13, "resolution": 0.000171661376953125, "scale": 72223.963734 },

{ "level": 14, "resolution": 8.58306884765625e-005, "scale": 36111.981867 },

{ "level": 15, "resolution": 4.291534423828125e-005, "scale": 18055.990934 },

{ "level": 16, "resolution": 2.1457672119140625e-005, "scale": 9027.995467 },

{ "level": 17, "resolution": 1.0728836059570313e-005, "scale": 4513.997733 },

{ "level": 18, "resolution": 5.3644180297851563e-006, "scale": 2256.998867 },

{ "level": 19, "resolution": 0.000002682209014892578, "scale": 1128.499433 }

]

})

var tileExtent = new Extent(-180, -90, 180, 90, new SpatialReference({

wkid: 4326

}))

var layerInfo = new WMTSLayerInfo({

tileInfo: tileInfo,

fullExtent: tileExtent,

initialExtent: tileExtent,

identifier: "name",

tileMatrixSet: "EPSG:4326",

format: "image/png",

style: "_null"

})

var resourceInfo = {

version: "1.0.0",

layerInfos: [layerInfo],

copyright: "open layer"

}

var options = {

serviceMode: "KVP",

resourceInfo: resourceInfo,

layerInfo: layerInfo

}

wmtsLayer = new WMTSLayer(wmtsUrl, options)

map.addLayer(wmtsLayer)

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

32

33

34

35

36

37

38

39

40

41

42

43

44

45

46

47

48

49

50

51

52

53

54

55

56

57

58

注意

如果lods属性设置不正确，还会导致底图与自己的wmts服务坐标错乱的问题。如果发现坐标系设置相同但同一个坐标点无法在两个服务中重合，按照上述解决方式更改lods属性即可。

2 加载带有密钥的WMTS

初始化WMTSLayer时，在第二个参数也就是options中配置键customParameters的属性即可。

demo

var options = {

...

customParameters:{

"key1":"value1",

"key2":"value2"

}

}

var wmtsLayer = new WMTSLayer(wmtsUrl, options)

1

2

3

4

5

6

7

8

1

2

3

4

5

6

7

8

打开CSDN，阅读体验更佳

最新发布 【2022.11】一定有效的ArcGIS JS API添加天地图方法

ArcGIS JS API 添加天地图最简洁有效的方法

继续访问

Leaflet.js加载天地图的WMTS服务（EPSG4326类型）

通过修改Leaflet扩展插件leaflet-tilelayer-wmts.js加载天地图的wmts服务（epsg4326类型）。具体介绍见：http://blog.csdn.net/dahongdahong/article/details/49685653 补充： 对于新版本的leaflet不建议使用插件方式，其本身已经支持4326坐标系了

ArcGIS Js API 加载WMTS服务

NULL 博文链接：https://wzg866.iteye.com/blog/2110958

解决办法：Arcgis添加天地图WMTS服务时，报错Unidentified Error

问题起因： 报错：Unidentified Error 错误的解决方法： 我经常会用arcgis结合天地图做数据分析工作，天地图使用起来比较方便， 平时使用得很顺手。 最近遇到了比较棘手的问题，突然天地图不能够添加到arcgis中了，关键是之前是可以用的，主要还是有时候可以用，有时候又不能用了。很烦！！ 关键是有时能用有时又不能用，你要是一直不能用也就算了，关键是曾经能用，感觉莫名其妙，很烦！！ 而在最近几个月里突然又不能够添加到arcgis中了，于是我一直在寻找解决办法: 1.修改注册表值方法 2.【A

继续访问

arcgis添加天地图wmts服务

山东天地图服务网址http://www.sdmap.gov.cn/page/updateloginfo.html?id=bbe13448-dcfc-4f75-80c2-fe84613e4402，打开网页，里面有天地图wmts服务网址（能力文档）， 在arcgis中双击“添加WMTS服务器”，将天地图wmts服务网址复制粘贴到URL栏，点击“获取图层”，点击“确定”即可。 ...

继续访问

天地图 WMTS 服务及规则

天地图官网地图服务API：http://l

---