天地图与Arcgis互调服务 - 好文

1.天地图调用Server发布的WMS服务

具体发布服务的方法不再赘述，只需要注意发布的时候勾选“功能”处的WMS即可。

发布完后，点击WMS下URL，可查看到WMS服务的相关信息，而在调用时天地图的部分参数需要在url中查找。

先放一下天地图调用WMS代码
var config = { projection: "EPSG:4326" }; //初始化地图对象 mapLeft=new
TMap("mapLeftDiv",config); //设置地图显示为卫星 mapLeft.setMapType(TMAP_SATELLITE_MAP);
//调用本地SERVER发布的WMS服务 var config1 = { REQUEST:"GetMap", //操作名称 VERSION:"1.1.1",
//请求服务的版本 SERVICE:"WMS", //服务类型标识符 LAYERS:"0", //用","分隔的多个图层列表
TRANSPARENT:true, //输出图像背景是否透明 STYLES:"", //每个请求图层的用","分隔的描述样式
FORMAT:"image/png", //输出图像的类型 SRS:"EPSG:4326", //地图投影类型 //
SRS:mapLeft.getCode(), //地图投影类型 WIDTH:256, //输出地图图片的像素宽 HEIGHT:256 //输出地图图片的像素高
}; //创建WMS图层对象 wmsLayer = new
TTileLayerWMS("test","http://localhost:6080/arcgis/services/myWms/MapServer/WMSServer",config1);
//将WMS图层添加到地图上 mapLeft.addLayer(wmsLayer);

效果图：

2.arcgis API for JS调用天地图

网上资料很多，大体是说天地图加载到Server中需要对坐标系等进行转换才能被识别。下面是封装的转换模块，可以直接调用。

存放在common/TDTLayer.js
define([ "dojo/_base/declare", "esri/layers/TileInfo",
"esri/layers/TiledMapServiceLayer", "esri/SpatialReference",
"esri/geometry/Extent" ], function ( declare,TileInfo,
TiledMapServiceLayer,SpatialReference,Extent ) { return
declare(TiledMapServiceLayer, { _type:"", constructor: function (type) {
this._type=type; this.spatialReference = new SpatialReference({ wkid: 4326 });
this.initialExtent = (this.fullExtent = new Extent(-180.0, -90.0, 180.0, 90.0,
this.spatialReference)); this.tileInfo = new 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";
if(this._type==null){ return "http://t" + row % 8 +
".tianditu.com/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" ; } //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" ; else
if(this._type=="ano"){//标注图层 return "http://t" + row % 8 +
".tianditu.com/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" ; } } }); });
注意在<script>标签内设置dojoConfig，否则无法找到相应TDTLayer
dojoConfig = { parseOnLoad:true, packages:[{ name:"common",
location:document.location.pathname.substring(0,document.location.pathname.indexOf("/",1))+"/jsp/product/app/lwyt/common"
}] };
使用如下：
require([ "esri/map", "common/TDTLayer", ], function( Map,TDTLayer ) { var map
= new Map("map", { // basemap: "streets", center: [117.07264, 36.65621], zoom:
11 }); map.addLayers([new TDTLayer(),new TDTLayer("ano")]); });
效果图如下：

热门工具换一换