135 lines
3.7 KiB
Vue
135 lines
3.7 KiB
Vue
|
|
|||
|
|
/**
|
|||
|
|
* @requires SuperMap/Util.js
|
|||
|
|
* @requires SuperMap/Layer/CanvasLayer.js
|
|||
|
|
*/
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* Class: SuperMap.Layer.OSM
|
|||
|
|
* 此图层可以访问OpenStreetMap的地图服务。
|
|||
|
|
*
|
|||
|
|
* Inherits from:
|
|||
|
|
* - <SuperMap.Layer.CanvasLayer>
|
|||
|
|
*/
|
|||
|
|
SuperMap.Layer.OSM = SuperMap.Class(SuperMap.CanvasLayer, {
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* APIProperty: name
|
|||
|
|
* {String}图层名称，默认为“OpenStreetMap”，防止初始化时未设置图层名
|
|||
|
|
*
|
|||
|
|
*/
|
|||
|
|
name: "OpenStreetMap",
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* Property: url
|
|||
|
|
* {String}默认的OpenStreetMap的三个服务器地址，不需要要用户设置
|
|||
|
|
*/
|
|||
|
|
url: [
|
|||
|
|
'http://a.tile.openstreetmap.org/${z}/${x}/${y}.png',
|
|||
|
|
'http://b.tile.openstreetmap.org/${z}/${x}/${y}.png',
|
|||
|
|
'http://c.tile.openstreetmap.org/${z}/${x}/${y}.png'
|
|||
|
|
],
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* Property: attribution
|
|||
|
|
* {String} The layer attribution.
|
|||
|
|
*/
|
|||
|
|
attribution: "Data CC-By-SA by <a style='white-space: nowrap' target='_blank' href='http://openstreetmap.org/'>OpenStreetMap</a>",
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* Constructor: SuperMap.Layer.OSM
|
|||
|
|
* 创建OSM图层，可以浏览OpenStreetMap地图
|
|||
|
|
* Example:
|
|||
|
|
* (code)
|
|||
|
|
*
|
|||
|
|
* var osm = new SuperMap.Layer.OSM("MyName");
|
|||
|
|
*
|
|||
|
|
* (end)
|
|||
|
|
*
|
|||
|
|
* 默认为墨卡托投影，所以当需要地图定位以及添加元素在地图上时都需要坐标转换
|
|||
|
|
* Example:
|
|||
|
|
* (code)
|
|||
|
|
*
|
|||
|
|
* var markers = new SuperMap.Layer.Markers( "Markers" );
|
|||
|
|
* map.addLayer(markers);
|
|||
|
|
* var size = new SuperMap.Size(21,25);
|
|||
|
|
* var offset = new SuperMap.Pixel(-(size.w/2), -size.h);
|
|||
|
|
* var icon = new SuperMap.Icon('图片地址', size, offset);
|
|||
|
|
* markers.addMarker(new SuperMap.Marker(new SuperMap.LonLat(118,40 ).transform(
|
|||
|
|
* new SuperMap.Projection("EPSG:4326"),
|
|||
|
|
* map.getProjectionObject()),icon));
|
|||
|
|
*
|
|||
|
|
* (end)
|
|||
|
|
* Parameters:
|
|||
|
|
* name - {String} 图层名称
|
|||
|
|
*/
|
|||
|
|
initialize: function(name, options) {
|
|||
|
|
options = SuperMap.Util.extend({
|
|||
|
|
projection: "EPSG:3857",
|
|||
|
|
numZoomLevels: 20
|
|||
|
|
}, options);
|
|||
|
|
SuperMap.CanvasLayer.prototype.initialize.apply(this,[name,this.url,{},options] );
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* Method: clone
|
|||
|
|
*/
|
|||
|
|
clone: function(obj) {
|
|||
|
|
if (obj == null) {
|
|||
|
|
obj = new SuperMap.Layer.OSM(
|
|||
|
|
this.name, this.url, this.getOptions());
|
|||
|
|
}
|
|||
|
|
obj = SuperMap.CanvasLayer.prototype.clone.apply(this, [obj]);
|
|||
|
|
return obj;
|
|||
|
|
},
|
|||
|
|
|
|||
|
|
/**
|
|||
|
|
* APIMethod: destroy
|
|||
|
|
* 解构OSM类，释放资源。
|
|||
|
|
*/
|
|||
|
|
destroy: function () {
|
|||
|
|
var me = this;
|
|||
|
|
SuperMap.CanvasLayer.prototype.destroy.apply(me, arguments);
|
|||
|
|
},
|
|||
|
|
/**
|
|||
|
|
* Method: getTileUrl
|
|||
|
|
* 获取瓦片的URL。
|
|||
|
|
*
|
|||
|
|
* Parameters:
|
|||
|
|
* xyz - {Object} 一组键值对，表示瓦片X, Y, Z方向上的索引。
|
|||
|
|
*
|
|||
|
|
* Returns
|
|||
|
|
* {String} 瓦片的 URL 。
|
|||
|
|
*/
|
|||
|
|
getTileUrl: function (xyz) {
|
|||
|
|
var me = this, url;
|
|||
|
|
|
|||
|
|
if (SuperMap.Util.isArray(this.url)) {
|
|||
|
|
|
|||
|
|
url = me.selectUrl(xyz, this.url);
|
|||
|
|
}
|
|||
|
|
url= SuperMap.String.format(url, {
|
|||
|
|
x: xyz.x,
|
|||
|
|
y: xyz.y,
|
|||
|
|
z: xyz.z
|
|||
|
|
});
|
|||
|
|
return url;
|
|||
|
|
},
|
|||
|
|
/**
|
|||
|
|
* Method: selectUrl
|
|||
|
|
* 通过某种方式实现在一组url数组中选出合理的url
|
|||
|
|
* Parameters:
|
|||
|
|
* xyz - {Object} 一组键值对，表示瓦片X, Y, Z方向上的索引。
|
|||
|
|
* urls - {Array(String)} url数组
|
|||
|
|
*
|
|||
|
|
* Returns:
|
|||
|
|
* {String} 一个合理的url，主要用于出图访问多个服务器，提高效率
|
|||
|
|
*/
|
|||
|
|
selectUrl: function(xyz, urls) {
|
|||
|
|
var id=Math.abs(xyz.x+xyz.y)%urls.length;
|
|||
|
|
var url=urls[id];
|
|||
|
|
return url;
|
|||
|
|
},
|
|||
|
|
CLASS_NAME: "SuperMap.Layer.OSM"
|
|||
|
|
});
|