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
138 lines (128 loc) · 4.68 KB
/
Mapv.js
File metadata and controls
138 lines (128 loc) · 4.68 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
import ol from 'openlayers';
import {
MapvLayer
} from './mapv/MapvLayer';
import {
Util
} from '../core/Util';
/**
* @class ol.source.Mapv
* @category Visualization MapV
* @classdesc MapV图层源。
* @param {Object} opt_options - 参数。
* @param {ol.Map} opt_options.map - 当前map对象。
* @param {Mapv.DataSet} opt_options.dataSet - Mapv的数据集。
* @param {Object} opt_options.mapvOptions - Mapv的配置对象。
* @extends {ol.source.ImageCanvas}
*/
export class Mapv extends ol.source.ImageCanvas {
constructor(opt_options) {
var options = opt_options ? opt_options : {};
super({
attributions: options.attributions || new ol.Attribution({
html: "© 2017 百度 MapV with <span>© <a href='http://iclient.supermap.io' target='_blank'>SuperMap iClient</a></span>"
}),
canvasFunction: canvasFunctionInternal_,
logo: options.logo,
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[0];
canvas2.style.width = size[0] + "px";
canvas2.style.height = size[0] + "px";
this.context.drawImage(canvas, 0, 0, size[0], size[0], 0, 0, size[0], size[0]);
if (this.resolution !== resolution || JSON.stringify(this.extent) !== JSON.stringify(extent)) {
this.resolution = resolution;
this.extent = extent;
}
return this.context.canvas;
}
}
/**
* @function ol.source.Mapv.prototype.addData
* @description 追加数据。
* @param {Object} data - 要追加的数据。
* @param {Object} options - 要追加的值。
*/
addData(data, options) {
this.layer.addData(data, options);
}
/**
* @function ol.source.Mapv.prototype.getData
* @description 获取数据。
* @returns {mapv.DataSet} mapv数据集
*/
getData() {
if (this.layer) {
this.dataSet = this.layer.getData();
}
return this.dataSet;
}
/**
* @function ol.source.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 ol.source.Mapv.prototype.clearData
* @description 清除数据。
*/
clearData() {
this.layer.clearData();
}
/**
* @function ol.source.Mapv.prototype.update
* @description 更新数据。
* @param {Object} options - 待更新的数据。
* @param {Object} options.data - mapv数据集。
*/
update(options) {
this.layer.update(options);
this.changed();
}
}
ol.source.Mapv = Mapv;