@hzab/map-combine 0.2.8 → 0.3.0-beta
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +53 -48
- package/README.md +83 -67
- package/package.json +4 -2
- package/src/amap/AMap.ts +249 -0
- package/src/amap/AMapEvent.ts +42 -0
- package/src/amap/AMapPoint.ts +143 -0
- package/src/amap/AMapPolygon.ts +196 -0
- package/src/amap/AMapPolyline.ts +186 -0
- package/src/amap/loader.ts +58 -0
- package/src/basic/Point.ts +173 -173
- package/src/basic/ReactPoint.tsx +362 -362
- package/src/cesium/CesiumMap.ts +342 -342
- package/src/cesium/CesiumPolyline.ts +369 -369
- package/src/mine/MineMap.ts +119 -119
- package/src/openlayer/OpenlayerMap.ts +273 -273
- package/src/openlayer/OpenlayerPoint.ts +176 -176
- package/src/openlayer/OpenlayerPolygon.ts +298 -298
- package/src/openlayer/OpenlayerPolyline.ts +288 -288
package/src/basic/Point.ts
CHANGED
|
@@ -1,173 +1,173 @@
|
|
|
1
|
-
import Eventful from "zrender/lib/core/Eventful";
|
|
2
|
-
|
|
3
|
-
import { MapElement, MapElementOption } from "./MapElement";
|
|
4
|
-
import { MapCombine } from "./MapCombine";
|
|
5
|
-
|
|
6
|
-
export interface PointOption<K> extends MapElementOption {
|
|
7
|
-
show: boolean;
|
|
8
|
-
cursor: string;
|
|
9
|
-
coordinates?: number[];
|
|
10
|
-
src: string;
|
|
11
|
-
center: number[];
|
|
12
|
-
size: number[];
|
|
13
|
-
rotation: number;
|
|
14
|
-
editable: boolean;
|
|
15
|
-
userdata: K;
|
|
16
|
-
silent: boolean;
|
|
17
|
-
height: number;
|
|
18
|
-
}
|
|
19
|
-
|
|
20
|
-
export class Point<K = undefined> extends MapElement<PointOption<K>> {
|
|
21
|
-
type = "Point";
|
|
22
|
-
event = new Eventful<{
|
|
23
|
-
"data-loaded": () => void;
|
|
24
|
-
"data-update": () => void;
|
|
25
|
-
"pointer-in": () => void;
|
|
26
|
-
"pointer-out": () => void;
|
|
27
|
-
"left-click": () => void;
|
|
28
|
-
"right-click": () => void;
|
|
29
|
-
update: (keys: Set<string>) => void;
|
|
30
|
-
destroy: () => void;
|
|
31
|
-
}>();
|
|
32
|
-
|
|
33
|
-
get userdata() {
|
|
34
|
-
return this._option.userdata;
|
|
35
|
-
}
|
|
36
|
-
|
|
37
|
-
get cursor() {
|
|
38
|
-
return this._option.cursor;
|
|
39
|
-
}
|
|
40
|
-
|
|
41
|
-
get show() {
|
|
42
|
-
return this._option.show;
|
|
43
|
-
}
|
|
44
|
-
|
|
45
|
-
set show(val) {
|
|
46
|
-
if (this._option.show != val) {
|
|
47
|
-
this._option.show = val;
|
|
48
|
-
this._update("show");
|
|
49
|
-
}
|
|
50
|
-
}
|
|
51
|
-
|
|
52
|
-
get silent() {
|
|
53
|
-
return this._option.silent;
|
|
54
|
-
}
|
|
55
|
-
|
|
56
|
-
set silent(val) {
|
|
57
|
-
if (this._option.silent != val) {
|
|
58
|
-
this._option.silent = val;
|
|
59
|
-
this._update("silent");
|
|
60
|
-
}
|
|
61
|
-
}
|
|
62
|
-
|
|
63
|
-
get editable() {
|
|
64
|
-
return this._option.editable;
|
|
65
|
-
}
|
|
66
|
-
|
|
67
|
-
set editable(val) {
|
|
68
|
-
if (this._option.editable != val) {
|
|
69
|
-
this._option.editable = val;
|
|
70
|
-
this._update("editable");
|
|
71
|
-
}
|
|
72
|
-
}
|
|
73
|
-
|
|
74
|
-
get coordinates() {
|
|
75
|
-
return this._option.coordinates;
|
|
76
|
-
}
|
|
77
|
-
|
|
78
|
-
set coordinates(val) {
|
|
79
|
-
if (this._option.coordinates != val) {
|
|
80
|
-
this._option.coordinates = val;
|
|
81
|
-
this._update("coordinates");
|
|
82
|
-
}
|
|
83
|
-
}
|
|
84
|
-
|
|
85
|
-
get src() {
|
|
86
|
-
return this._option.src;
|
|
87
|
-
}
|
|
88
|
-
|
|
89
|
-
set src(val) {
|
|
90
|
-
if (this._option.src != val) {
|
|
91
|
-
this._option.src = val;
|
|
92
|
-
this._update("src");
|
|
93
|
-
}
|
|
94
|
-
}
|
|
95
|
-
|
|
96
|
-
get size() {
|
|
97
|
-
return this._option.size;
|
|
98
|
-
}
|
|
99
|
-
|
|
100
|
-
set size(val) {
|
|
101
|
-
if (this._option.size != val) {
|
|
102
|
-
this._option.size = val;
|
|
103
|
-
this._update("size");
|
|
104
|
-
}
|
|
105
|
-
}
|
|
106
|
-
get center() {
|
|
107
|
-
return this._option.center;
|
|
108
|
-
}
|
|
109
|
-
|
|
110
|
-
set center(val) {
|
|
111
|
-
if (this._option.center != val) {
|
|
112
|
-
this._option.center = val;
|
|
113
|
-
this._update("center");
|
|
114
|
-
}
|
|
115
|
-
}
|
|
116
|
-
|
|
117
|
-
get height() {
|
|
118
|
-
return this._option.height;
|
|
119
|
-
}
|
|
120
|
-
|
|
121
|
-
set height(val) {
|
|
122
|
-
if (this._option.height != val) {
|
|
123
|
-
this._option.height = val;
|
|
124
|
-
this._update("height");
|
|
125
|
-
}
|
|
126
|
-
}
|
|
127
|
-
|
|
128
|
-
get rotation() {
|
|
129
|
-
return this._option.rotation;
|
|
130
|
-
}
|
|
131
|
-
|
|
132
|
-
set rotation(val) {
|
|
133
|
-
if (this._option.rotation != val) {
|
|
134
|
-
this._option.rotation = val;
|
|
135
|
-
this._update("rotation");
|
|
136
|
-
}
|
|
137
|
-
}
|
|
138
|
-
|
|
139
|
-
constructor(map: MapCombine, option: Partial<PointOption<K>> = {}) {
|
|
140
|
-
super(map, Object.assign({ ...Point.option }, option));
|
|
141
|
-
}
|
|
142
|
-
|
|
143
|
-
static option: PointOption<undefined> = {
|
|
144
|
-
name: "点",
|
|
145
|
-
show: true,
|
|
146
|
-
src: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAIxJREFUOE+tU4ENgCAM6y5TL1MuEy+bmQjChAjIEkKAretIS1DBwAy3pnuXDAvgIGDT+RRfsEtYdZI6mxgoAFQWe6wAcgE0FicgHoA/aJeeF+rs/rBgYI9+u5WIFQa99K9mQwB+j1AjntLfGBlBZCssmoMAGiOkDjWmUvbcK0WVN1PGlS87i63JWTvECRNBLcaa3Jq0AAAAAElFTkSuQmCC",
|
|
147
|
-
center: [0.5, 0.5],
|
|
148
|
-
editable: false,
|
|
149
|
-
size: [16, 16],
|
|
150
|
-
rotation: 0,
|
|
151
|
-
cursor: "pointer",
|
|
152
|
-
userdata: undefined,
|
|
153
|
-
silent: false,
|
|
154
|
-
height: 0,
|
|
155
|
-
};
|
|
156
|
-
|
|
157
|
-
private _needUpdate?: Set<string>;
|
|
158
|
-
private _update(key: string) {
|
|
159
|
-
if (this._needUpdate) {
|
|
160
|
-
this._needUpdate.add(key);
|
|
161
|
-
} else {
|
|
162
|
-
this._needUpdate = new Set([key]);
|
|
163
|
-
setTimeout(() => {
|
|
164
|
-
this.event.trigger("update", this._needUpdate);
|
|
165
|
-
this._needUpdate = undefined;
|
|
166
|
-
});
|
|
167
|
-
}
|
|
168
|
-
}
|
|
169
|
-
|
|
170
|
-
protected _onDestroy(): void {
|
|
171
|
-
this.event.trigger("destroy");
|
|
172
|
-
}
|
|
173
|
-
}
|
|
1
|
+
import Eventful from "zrender/lib/core/Eventful";
|
|
2
|
+
|
|
3
|
+
import { MapElement, MapElementOption } from "./MapElement";
|
|
4
|
+
import { MapCombine } from "./MapCombine";
|
|
5
|
+
|
|
6
|
+
export interface PointOption<K> extends MapElementOption {
|
|
7
|
+
show: boolean;
|
|
8
|
+
cursor: string;
|
|
9
|
+
coordinates?: number[];
|
|
10
|
+
src: string;
|
|
11
|
+
center: number[];
|
|
12
|
+
size: number[];
|
|
13
|
+
rotation: number;
|
|
14
|
+
editable: boolean;
|
|
15
|
+
userdata: K;
|
|
16
|
+
silent: boolean;
|
|
17
|
+
height: number;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
export class Point<K = undefined> extends MapElement<PointOption<K>> {
|
|
21
|
+
type = "Point";
|
|
22
|
+
event = new Eventful<{
|
|
23
|
+
"data-loaded": () => void;
|
|
24
|
+
"data-update": () => void;
|
|
25
|
+
"pointer-in": () => void;
|
|
26
|
+
"pointer-out": () => void;
|
|
27
|
+
"left-click": () => void;
|
|
28
|
+
"right-click": () => void;
|
|
29
|
+
update: (keys: Set<string>) => void;
|
|
30
|
+
destroy: () => void;
|
|
31
|
+
}>();
|
|
32
|
+
|
|
33
|
+
get userdata() {
|
|
34
|
+
return this._option.userdata;
|
|
35
|
+
}
|
|
36
|
+
|
|
37
|
+
get cursor() {
|
|
38
|
+
return this._option.cursor;
|
|
39
|
+
}
|
|
40
|
+
|
|
41
|
+
get show() {
|
|
42
|
+
return this._option.show;
|
|
43
|
+
}
|
|
44
|
+
|
|
45
|
+
set show(val) {
|
|
46
|
+
if (this._option.show != val) {
|
|
47
|
+
this._option.show = val;
|
|
48
|
+
this._update("show");
|
|
49
|
+
}
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
get silent() {
|
|
53
|
+
return this._option.silent;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
set silent(val) {
|
|
57
|
+
if (this._option.silent != val) {
|
|
58
|
+
this._option.silent = val;
|
|
59
|
+
this._update("silent");
|
|
60
|
+
}
|
|
61
|
+
}
|
|
62
|
+
|
|
63
|
+
get editable() {
|
|
64
|
+
return this._option.editable;
|
|
65
|
+
}
|
|
66
|
+
|
|
67
|
+
set editable(val) {
|
|
68
|
+
if (this._option.editable != val) {
|
|
69
|
+
this._option.editable = val;
|
|
70
|
+
this._update("editable");
|
|
71
|
+
}
|
|
72
|
+
}
|
|
73
|
+
|
|
74
|
+
get coordinates() {
|
|
75
|
+
return this._option.coordinates;
|
|
76
|
+
}
|
|
77
|
+
|
|
78
|
+
set coordinates(val) {
|
|
79
|
+
if (this._option.coordinates != val) {
|
|
80
|
+
this._option.coordinates = val;
|
|
81
|
+
this._update("coordinates");
|
|
82
|
+
}
|
|
83
|
+
}
|
|
84
|
+
|
|
85
|
+
get src() {
|
|
86
|
+
return this._option.src;
|
|
87
|
+
}
|
|
88
|
+
|
|
89
|
+
set src(val) {
|
|
90
|
+
if (this._option.src != val) {
|
|
91
|
+
this._option.src = val;
|
|
92
|
+
this._update("src");
|
|
93
|
+
}
|
|
94
|
+
}
|
|
95
|
+
|
|
96
|
+
get size() {
|
|
97
|
+
return this._option.size;
|
|
98
|
+
}
|
|
99
|
+
|
|
100
|
+
set size(val) {
|
|
101
|
+
if (this._option.size != val) {
|
|
102
|
+
this._option.size = val;
|
|
103
|
+
this._update("size");
|
|
104
|
+
}
|
|
105
|
+
}
|
|
106
|
+
get center() {
|
|
107
|
+
return this._option.center;
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
set center(val) {
|
|
111
|
+
if (this._option.center != val) {
|
|
112
|
+
this._option.center = val;
|
|
113
|
+
this._update("center");
|
|
114
|
+
}
|
|
115
|
+
}
|
|
116
|
+
|
|
117
|
+
get height() {
|
|
118
|
+
return this._option.height;
|
|
119
|
+
}
|
|
120
|
+
|
|
121
|
+
set height(val) {
|
|
122
|
+
if (this._option.height != val) {
|
|
123
|
+
this._option.height = val;
|
|
124
|
+
this._update("height");
|
|
125
|
+
}
|
|
126
|
+
}
|
|
127
|
+
|
|
128
|
+
get rotation() {
|
|
129
|
+
return this._option.rotation;
|
|
130
|
+
}
|
|
131
|
+
|
|
132
|
+
set rotation(val) {
|
|
133
|
+
if (this._option.rotation != val) {
|
|
134
|
+
this._option.rotation = val;
|
|
135
|
+
this._update("rotation");
|
|
136
|
+
}
|
|
137
|
+
}
|
|
138
|
+
|
|
139
|
+
constructor(map: MapCombine, option: Partial<PointOption<K>> = {}) {
|
|
140
|
+
super(map, Object.assign({ ...Point.option }, option));
|
|
141
|
+
}
|
|
142
|
+
|
|
143
|
+
static option: PointOption<undefined> = {
|
|
144
|
+
name: "点",
|
|
145
|
+
show: true,
|
|
146
|
+
src: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAIxJREFUOE+tU4ENgCAM6y5TL1MuEy+bmQjChAjIEkKAretIS1DBwAy3pnuXDAvgIGDT+RRfsEtYdZI6mxgoAFQWe6wAcgE0FicgHoA/aJeeF+rs/rBgYI9+u5WIFQa99K9mQwB+j1AjntLfGBlBZCssmoMAGiOkDjWmUvbcK0WVN1PGlS87i63JWTvECRNBLcaa3Jq0AAAAAElFTkSuQmCC",
|
|
147
|
+
center: [0.5, 0.5],
|
|
148
|
+
editable: false,
|
|
149
|
+
size: [16, 16],
|
|
150
|
+
rotation: 0,
|
|
151
|
+
cursor: "pointer",
|
|
152
|
+
userdata: undefined,
|
|
153
|
+
silent: false,
|
|
154
|
+
height: 0,
|
|
155
|
+
};
|
|
156
|
+
|
|
157
|
+
private _needUpdate?: Set<string>;
|
|
158
|
+
private _update(key: string) {
|
|
159
|
+
if (this._needUpdate) {
|
|
160
|
+
this._needUpdate.add(key);
|
|
161
|
+
} else {
|
|
162
|
+
this._needUpdate = new Set([key]);
|
|
163
|
+
setTimeout(() => {
|
|
164
|
+
this.event.trigger("update", this._needUpdate);
|
|
165
|
+
this._needUpdate = undefined;
|
|
166
|
+
});
|
|
167
|
+
}
|
|
168
|
+
}
|
|
169
|
+
|
|
170
|
+
protected _onDestroy(): void {
|
|
171
|
+
this.event.trigger("destroy");
|
|
172
|
+
}
|
|
173
|
+
}
|