259 lines
6.9 KiB
Vue
259 lines
6.9 KiB
Vue
|
|
|||
|
|
/**
|
|||
|
|
* @requires SuperMap/Layer/CanvasLayer.js
|
|||
|
|
* @requires SuperMap/Layer/Grid.js
|
|||
|
|
* @requires SuperMap/Tile/Image.js
|
|||
|
|
*/
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* Class: SuperMap.Layer.Tianditu
|
|||
|
|
* 天地图服务图层类。
|
|||
|
|
* 用于显示天地图的地图服务，使用<SuperMap.Layer.Tianditu>的
|
|||
|
|
* 构造函数可以创建天地图图层，更多信息查看：
|
|||
|
|
*
|
|||
|
|
* Inherits from:
|
|||
|
|
* - <SuperMap.Layer.CanvasLayer>
|
|||
|
|
*/
|
|||
|
|
SuperMap.Layer.Tianditu = SuperMap.Class(SuperMap.CanvasLayer, {
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* APIProperty: layerType
|
|||
|
|
* {String} 图层类型.(vec:矢量图层，img:影像图层，ter:地形图层)
|
|||
|
|
*/
|
|||
|
|
layerType:"vec", //(vec:矢量图层，cva:矢量标签图层，img:影像图层,cia:影像标签图层，ter:地形,cta:地形标签图层)
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* APIProperty: isLabel
|
|||
|
|
* {Boolean} 是否是标签图层.
|
|||
|
|
*/
|
|||
|
|
isLabel:false,
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* Property: attribution
|
|||
|
|
* {String} The layer attribution.
|
|||
|
|
*/
|
|||
|
|
attribution: "Data by <a style='white-space: nowrap' target='_blank' href='http://www.tianditu.com'>Tianditu</a>",
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* Property: url
|
|||
|
|
* {String} 图片url.
|
|||
|
|
*/
|
|||
|
|
url:"http://t${num}.tianditu.com/DataServer?T=${type}_${proj}&x=${x}&y=${y}&l=${z}",
|
|||
|
|
|
|||
|
|
//cva_url:"http://t${num}.tianditu.com/DataServer?T=cva_${proj}&x=${x}&y=${y}&l=${z}",
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* Property: zOffset
|
|||
|
|
* {Number} 图片url中z值偏移量
|
|||
|
|
*/
|
|||
|
|
zOffset:1,
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* APIProperty: dpi
|
|||
|
|
* {Float} 屏幕上每英寸包含像素点的个数。
|
|||
|
|
* 该参数结合图层比例尺可以推算出该比例尺下图层的分辨率.默认为96。
|
|||
|
|
*/
|
|||
|
|
dpi: 96,
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* Constructor: SuperMap.Layer.Tianditu
|
|||
|
|
* 创建天地图图层
|
|||
|
|
*
|
|||
|
|
* Example:
|
|||
|
|
* (code)
|
|||
|
|
* var tiandituLayer = new SuperMap.Layer.Tianditu();
|
|||
|
|
* (end)
|
|||
|
|
*/
|
|||
|
|
initialize: function (options) {
|
|||
|
|
var me = this;
|
|||
|
|
me.name = "Tianditu";
|
|||
|
|
|
|||
|
|
// options = SuperMap.Util.extend({
|
|||
|
|
// maxExtent: new SuperMap.Bounds(
|
|||
|
|
// minX, minY, maxX, maxY
|
|||
|
|
// ),
|
|||
|
|
// tileOrigin:new SuperMap.LonLat(minX, maxY),
|
|||
|
|
// //maxResolution:maxResolution,
|
|||
|
|
// //minResolution:minResolution,
|
|||
|
|
// resolutions:resolutions,
|
|||
|
|
// units:me.units,
|
|||
|
|
// projection:me.projection
|
|||
|
|
// }, options);
|
|||
|
|
SuperMap.CanvasLayer.prototype.initialize.apply(me, [me.name, me.url, null, options]);
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* APIMethod: clone
|
|||
|
|
* 创建当前图层的副本。
|
|||
|
|
*
|
|||
|
|
* Parameters:
|
|||
|
|
* obj - {Object}
|
|||
|
|
*
|
|||
|
|
* Returns:
|
|||
|
|
* {<SuperMap.Layer.Tianditu>} 新的图层。
|
|||
|
|
*/
|
|||
|
|
clone: function (obj) {
|
|||
|
|
var me = this;
|
|||
|
|
if (obj == null) {
|
|||
|
|
obj = new SuperMap.Layer.Tianditu(
|
|||
|
|
me.name, me.url, me.params, me.getOptions());
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
obj = SuperMap.CanvasLayer.prototype.clone.apply(me, [obj]);
|
|||
|
|
obj._timeoutId = null;
|
|||
|
|
|
|||
|
|
return obj;
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* Method: getTileUrl
|
|||
|
|
* 获取每个tile的图片url
|
|||
|
|
*
|
|||
|
|
* Parameters:
|
|||
|
|
* xyz - {Object}
|
|||
|
|
*/
|
|||
|
|
getTileUrl:function(xyz){
|
|||
|
|
var me = this;
|
|||
|
|
url = me.url;
|
|||
|
|
|
|||
|
|
var proj = this.projection;
|
|||
|
|
if(proj.getCode){
|
|||
|
|
proj = proj.getCode();
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
if(proj=="EPSG:4326"){
|
|||
|
|
var proj = "c"
|
|||
|
|
}
|
|||
|
|
else{
|
|||
|
|
var proj = "w";
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
var x = xyz.x;
|
|||
|
|
var y = xyz.y;
|
|||
|
|
|
|||
|
|
var z = xyz.z+me.zOffset;
|
|||
|
|
var num = Math.abs((xyz.x + xyz.y) % 7);
|
|||
|
|
|
|||
|
|
var lt = this.layerType;
|
|||
|
|
if(this.isLabel){
|
|||
|
|
if(this.layerType=="vec")lt="cva"
|
|||
|
|
if(this.layerType=="img")lt="cia"
|
|||
|
|
if(this.layerType=="ter")lt="cta"
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
url = SuperMap.String.format(url, {
|
|||
|
|
num: num,
|
|||
|
|
x: x,
|
|||
|
|
y: y,
|
|||
|
|
z: z,
|
|||
|
|
proj:proj,
|
|||
|
|
type:lt
|
|||
|
|
});
|
|||
|
|
return url;
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* Method: setMap
|
|||
|
|
* Set the map property for the layer. This is done through an accessor
|
|||
|
|
* so that subclasses can override this and take special action once
|
|||
|
|
* they have their map variable set.
|
|||
|
|
*
|
|||
|
|
* Here we take care to bring over any of the necessary default
|
|||
|
|
* properties from the map.
|
|||
|
|
*
|
|||
|
|
* Parameters:
|
|||
|
|
* map - {<SuperMap.Map>}
|
|||
|
|
*/
|
|||
|
|
setMap: function(map) {
|
|||
|
|
SuperMap.CanvasLayer.prototype.setMap.apply(this, [map]);
|
|||
|
|
var proCode = null;
|
|||
|
|
var proj = this.projection||map.projection;
|
|||
|
|
if(proj){
|
|||
|
|
if(proj.getCode){
|
|||
|
|
proCode = proj.getCode();
|
|||
|
|
}
|
|||
|
|
else{
|
|||
|
|
proCode = proj;
|
|||
|
|
}
|
|||
|
|
}
|
|||
|
|
this.setTiandituParam(proCode);
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* Method: setTiandituParam
|
|||
|
|
* 设置出图相关参数
|
|||
|
|
*
|
|||
|
|
* Parameters:
|
|||
|
|
* projection - {String} 投影坐标系
|
|||
|
|
*/
|
|||
|
|
setTiandituParam:function(projection){
|
|||
|
|
var lt = this.layerType;
|
|||
|
|
if(lt=="vec"){
|
|||
|
|
var resLen = 17;
|
|||
|
|
var resStart = 0;
|
|||
|
|
this.zOffset = 1;
|
|||
|
|
this.numZoomLevels = 17;
|
|||
|
|
}
|
|||
|
|
else if(lt=="img"){
|
|||
|
|
var resLen = 17;
|
|||
|
|
var resStart = 0;
|
|||
|
|
this.zOffset = 1;
|
|||
|
|
this.numZoomLevels = 17;
|
|||
|
|
}
|
|||
|
|
else if(lt=="ter"){
|
|||
|
|
var resLen = 13;
|
|||
|
|
var resStart = 0;
|
|||
|
|
this.zOffset = 1;
|
|||
|
|
this.numZoomLevels = 13;
|
|||
|
|
}
|
|||
|
|
if(projection=="EPSG:4326"){
|
|||
|
|
var minX = -180;
|
|||
|
|
var minY = -90;
|
|||
|
|
var maxX= 180;
|
|||
|
|
var maxY= 90;
|
|||
|
|
|
|||
|
|
//var maxResolution = 156543.0339;
|
|||
|
|
//var minResolution = 0.5971642833709717;
|
|||
|
|
|
|||
|
|
var resolutions = [];
|
|||
|
|
for(var i=resStart;i<resLen;i++){
|
|||
|
|
resolutions.push(1.40625/2/Math.pow(2,i));
|
|||
|
|
}
|
|||
|
|
|
|||
|
|
this.units = "degree";
|
|||
|
|
this.projection = new SuperMap.Projection("EPSG:4326");
|
|||
|
|
|
|||
|
|
this.maxExtent=new SuperMap.Bounds(
|
|||
|
|
minX, minY, maxX, maxY
|
|||
|
|
);
|
|||
|
|
this.tileOrigin = new SuperMap.LonLat(minX, maxY);
|
|||
|
|
this.resolutions = resolutions;
|
|||
|
|
}
|
|||
|
|
else{
|
|||
|
|
var minX = -20037508.3392;
|
|||
|
|
var minY = -20037508.3392;
|
|||
|
|
var maxX= 20037508.3392;
|
|||
|
|
var maxY= 20037508.3392;
|
|||
|
|
|
|||
|
|
//var maxResolution = 156543.0339;
|
|||
|
|
//var minResolution = 0.5971642833709717;
|
|||
|
|
|
|||
|
|
var resolutions = [];
|
|||
|
|
for(var i=resStart;i<resLen;i++){
|
|||
|
|
resolutions.push(156543.0339/2/Math.pow(2,i));
|
|||
|
|
}
|
|||
|
|
//this.numZoomLevels = 18;
|
|||
|
|
|
|||
|
|
this.units = "m";
|
|||
|
|
this.projection = new SuperMap.Projection("EPSG:3857");
|
|||
|
|
|
|||
|
|
this.maxExtent=new SuperMap.Bounds(
|
|||
|
|
minX, minY, maxX, maxY
|
|||
|
|
);
|
|||
|
|
this.tileOrigin = new SuperMap.LonLat(minX, maxY);
|
|||
|
|
this.resolutions = resolutions;
|
|||
|
|
}
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
CLASS_NAME: 'SuperMap.Layer.Tianditu'
|
|||
|
|
});
|