forked from SuperMap/iClient-JavaScript
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathMapv.js
More file actions
146 lines (137 loc) · 5.52 KB
/
Mapv.js
File metadata and controls
146 lines (137 loc) · 5.52 KB
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
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
/* Copyright© 2000 - 2023 SuperMap Software Co.Ltd. All rights reserved.
* This program are made available under the terms of the Apache License, Version 2.0
* which accompanies this distribution and is available at http://www.apache.org/licenses/LICENSE-2.0.html.*/
import {
MapvLayer
} from './mapv/MapvLayer';
import {
Util
} from '../core/Util';
import ImageCanvasSource from 'ol/source/ImageCanvas';
/**
* @class Mapv
* @browsernamespace ol.source
* @category Visualization MapV
* @classdesc MapV 图层源。
* @modulecategory Overlay
* @param {Object} opt_options - 参数。
* @param {ol.Map} opt_options.map - 当前 Map 对象。
* @param {Mapv.DataSet} opt_options.dataSet - MapV 的数据集。
* @param {Object} opt_options.mapvOptions - MapV 的配置对象。
* @param {string} [opt_options.logo] - Logo（openLayers 5.0.0 及更高版本不再支持此参数）。
* @param {ol.proj.Projection} [opt_options.projection] - 投影信息。
* @param {number} [opt_options.ratio=1.5] - 视图比，1 表示画布是地图视口的大小，2 表示地图视口的宽度和高度的两倍，依此类推。必须是 1 或更高。
* @param {Array} [opt_options.resolutions] - 分辨率数组。
* @param {ol.source.State} [opt_options.state] - 资源状态。
* @param {(string|Object)} [opt_options.attributions='© 2018 百度 MapV with <span>© <a href='https://iclient.supermap.io' target='_blank'>SuperMap iClient</a></span>'] - 版权信息。
* @extends {ol.source.ImageCanvas}
* @usage
*/
export class Mapv extends ImageCanvasSource {
constructor(opt_options) {
var options = opt_options ? opt_options : {};
super({
attributions: options.attributions || "© 2018 百度 MapV with <span>© SuperMap iClient</span>",
canvasFunction: canvasFunctionInternal_,
logo: Util.getOlVersion() === '4' ? options.logo : null,
projection: options.projection,
ratio: options.ratio,
resolutions: options.resolutions,
state: options.state
});
this.map = opt_options.map;
this.dataSet = opt_options.dataSet;
this.mapvOptions = opt_options.mapvOptions;
function canvasFunctionInternal_(extent, resolution, pixelRatio, size, projection) { // eslint-disable-line no-unused-vars
var mapWidth = size[0] / pixelRatio;
var mapHeight = size[1] / pixelRatio;
var width = this.map.getSize()[0];
var height = this.map.getSize()[1];
if (!this.layer) {
this.layer = new MapvLayer(this.map, this.dataSet, this.mapvOptions, mapWidth, mapHeight, this);
}
this.layer.pixelRatio = pixelRatio;
this.layer.offset = [(mapWidth - width) / 2 , (mapHeight - height) / 2 ];
if (!this.rotate) {
this.rotate = this.map.getView().getRotation();
} else {
if (this.rotate !== this.map.getView().getRotation()) {
this.layer.canvasLayer.resize(mapWidth, mapHeight);
this.rotate = this.map.getView().getRotation()
}
}
var canvas = this.layer.canvasLayer.canvas;
if (!this.layer.isEnabledTime()) {
this.layer.canvasLayer.resize(mapWidth, mapHeight);
this.layer.canvasLayer.draw();
}
if (!this.context) {
this.context = Util.createCanvasContext2D(mapWidth, mapHeight);
}
var canvas2 = this.context.canvas;
this.context.clearRect(0, 0, canvas2.width, canvas2.height);
canvas2.width = size[0];
canvas2.height = size[1];
canvas2.style.width = size[0] + "px";
canvas2.style.height = size[1] + "px";
this.context.drawImage(canvas, 0, 0);
if (this.resolution !== resolution || JSON.stringify(this.extent) !== JSON.stringify(extent)) {
this.resolution = resolution;
this.extent = extent;
}
return this.context.canvas;
}
}
/**
* @function Mapv.prototype.addData
* @description 追加数据。
* @param {Object} data - 要追加的数据。
* @param {Object} options - 要追加的值。
*/
addData(data, options) {
this.layer.addData(data, options);
}
/**
* @function Mapv.prototype.getData
* @description 获取数据。
* @returns {Mapv.DataSet} MapV 数据集。
*/
getData() {
if (this.layer) {
this.dataSet = this.layer.getData();
}
return this.dataSet;
}
/**
* @function Mapv.prototype.removeData
* @description 删除符合过滤条件的数据。
* @param {function} filter - 过滤条件。条件参数为数据项，返回值为 true，表示删除该元素；否则表示不删除。
* @example
* filter=function(data){
* if(data.id=="1"){
* return true
* }
* return false;
* }
*/
removeData(filter) {
this.layer && this.layer.removeData(filter);
}
/**
* @function Mapv.prototype.clearData
* @description 清除数据。
*/
clearData() {
this.layer.clearData();
}
/**
* @function Mapv.prototype.update
* @description 更新数据。
* @param {Object} options - 待更新的数据。
* @param {Object} options.data - mapv 数据集。
*/
update(options) {
this.layer.update(options);
this.changed();
}
}