@operato/scene-openlayers 9.1.1 → 10.0.0-beta.2
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/dist/ol-marker.d.ts +239 -3
- package/dist/ol-marker.js +22 -27
- package/dist/ol-marker.js.map +1 -1
- package/dist/openlayers.js +22 -22
- package/dist/openlayers.js.map +1 -1
- package/package.json +13 -13
package/dist/ol-marker.d.ts
CHANGED
|
@@ -3,17 +3,253 @@ import Openlayers from './openlayers.js';
|
|
|
3
3
|
import 'ol/ol.css';
|
|
4
4
|
import { Map, MapBrowserEvent } from 'ol';
|
|
5
5
|
import { Style } from 'ol/style.js';
|
|
6
|
-
declare const OpenLayersMarker_base:
|
|
6
|
+
declare const OpenLayersMarker_base: (new (...args: any[]) => {
|
|
7
|
+
contains(x: number, y: number): boolean;
|
|
8
|
+
get path(): {
|
|
9
|
+
x: any;
|
|
10
|
+
y: any;
|
|
11
|
+
}[];
|
|
12
|
+
set path(path: {
|
|
13
|
+
x: any;
|
|
14
|
+
y: any;
|
|
15
|
+
}[]): any;
|
|
16
|
+
get anchors(): {
|
|
17
|
+
name: string;
|
|
18
|
+
position: {
|
|
19
|
+
x: any;
|
|
20
|
+
y: any;
|
|
21
|
+
};
|
|
22
|
+
}[];
|
|
23
|
+
get bounds(): any;
|
|
24
|
+
set bounds(bounds: any): any;
|
|
25
|
+
render(ctx: CanvasRenderingContext2D): void;
|
|
26
|
+
_app: any;
|
|
27
|
+
_model: any;
|
|
28
|
+
_state: any;
|
|
29
|
+
_delta: any;
|
|
30
|
+
_animation: any;
|
|
31
|
+
_animate: any;
|
|
32
|
+
_parent: any;
|
|
33
|
+
_disposed: any;
|
|
34
|
+
_textHidden: any;
|
|
35
|
+
_text_substitutor: any;
|
|
36
|
+
_value_substitutor: any;
|
|
37
|
+
_mappings: any;
|
|
38
|
+
_realObject: import("@hatiolab/things-scene").IRealObject | undefined;
|
|
39
|
+
_cachedState: any;
|
|
40
|
+
updatedAt: any;
|
|
41
|
+
fontSize: any;
|
|
42
|
+
__cache__: any;
|
|
43
|
+
created(): void;
|
|
44
|
+
added(parent: any): void;
|
|
45
|
+
removed(parent: any): void;
|
|
46
|
+
ready(): Promise<void>;
|
|
47
|
+
touch(): void;
|
|
48
|
+
clearCache(...attrs: any[]): void;
|
|
49
|
+
removeSelf(completely: any): void;
|
|
50
|
+
resetAnimation(): void;
|
|
51
|
+
dispose(): void;
|
|
52
|
+
get nature(): import("@hatiolab/things-scene").ComponentNature;
|
|
53
|
+
get disposed(): boolean;
|
|
54
|
+
isLayer(): boolean;
|
|
55
|
+
isGroup(): boolean;
|
|
56
|
+
isContainer(): this is import("@hatiolab/things-scene/dist-types/types/component.js").Container;
|
|
57
|
+
isLine(): boolean;
|
|
58
|
+
isRoot(): boolean;
|
|
59
|
+
isRootModel(): boolean;
|
|
60
|
+
is3dish(): boolean;
|
|
61
|
+
get is3dMode(): boolean;
|
|
62
|
+
isIn3DSpace(): boolean;
|
|
63
|
+
isTemplate(): boolean;
|
|
64
|
+
isHTMLElement(): boolean;
|
|
65
|
+
isConnectable(): boolean;
|
|
66
|
+
isIdentifiable(): boolean;
|
|
67
|
+
isPositionable(): boolean;
|
|
68
|
+
replaceRefids(replaceMap: any): void;
|
|
69
|
+
get(property: any): any;
|
|
70
|
+
set(props: any, propval?: any): any;
|
|
71
|
+
getState(property: any): any;
|
|
72
|
+
setState(props: any, propval?: any): any;
|
|
73
|
+
get model(): any;
|
|
74
|
+
get state(): any;
|
|
75
|
+
get hierarchy(): any;
|
|
76
|
+
get volatile(): never[];
|
|
77
|
+
_applyProps(target: any, props: any, options: any): any;
|
|
78
|
+
move(offset: {
|
|
79
|
+
x: number;
|
|
80
|
+
y: number;
|
|
81
|
+
}, ...args: boolean[]): void;
|
|
82
|
+
symmetryX(x?: number): void;
|
|
83
|
+
symmetryY(y: number): void;
|
|
84
|
+
adjustResize(bounds: import("@hatiolab/things-scene").BOUNDS, origin_bounds: import("@hatiolab/things-scene").BOUNDS, diagonal: boolean): {
|
|
85
|
+
left: any;
|
|
86
|
+
top: any;
|
|
87
|
+
width: any;
|
|
88
|
+
height: any;
|
|
89
|
+
};
|
|
90
|
+
adjustRotation(rotation: number, step: boolean): number;
|
|
91
|
+
outline(progress: number): any;
|
|
92
|
+
get center(): import("@hatiolab/things-scene").POINT;
|
|
93
|
+
set center(p: import("@hatiolab/things-scene").POINT): any;
|
|
94
|
+
get location(): import("@hatiolab/things-scene").POINT;
|
|
95
|
+
set location(l: import("@hatiolab/things-scene").POINT): any;
|
|
96
|
+
get rotate(): import("@hatiolab/things-scene").POINT;
|
|
97
|
+
set rotate(r: import("@hatiolab/things-scene").POINT): any;
|
|
98
|
+
get dimension(): import("@hatiolab/things-scene").DIMENSION;
|
|
99
|
+
set dimension(d: import("@hatiolab/things-scene").DIMENSION): any;
|
|
100
|
+
get drawPath(): import("@hatiolab/things-scene").POINT[];
|
|
101
|
+
get rotatePoint(): import("@hatiolab/things-scene").POINT;
|
|
102
|
+
get mutable(): boolean;
|
|
103
|
+
get resizable(): boolean;
|
|
104
|
+
get rotatable(): boolean;
|
|
105
|
+
buildRealObject(): import("@hatiolab/things-scene").IRealObject | undefined;
|
|
106
|
+
get realObject(): import("@hatiolab/things-scene").IRealObject | undefined;
|
|
107
|
+
draw(context?: import("@hatiolab/things-scene").SceneRenderContext): void;
|
|
108
|
+
prerender(context: import("@hatiolab/things-scene").SceneRenderContext): void;
|
|
109
|
+
postrender(context: import("@hatiolab/things-scene").SceneRenderContext): void;
|
|
110
|
+
prepare(resolve: (component: Component) => void, reject: (reason: any) => void): void;
|
|
111
|
+
prepareIf(condition: boolean): void;
|
|
112
|
+
drawText(context: import("@hatiolab/things-scene").SceneRenderContext): void;
|
|
113
|
+
drawStroke(context: import("@hatiolab/things-scene").SceneRenderContext, override?: Record<string, unknown>): void;
|
|
114
|
+
drawFill(context: import("@hatiolab/things-scene").SceneRenderContext, override?: Record<string, unknown>): void;
|
|
115
|
+
get strokeStyle(): any;
|
|
116
|
+
set strokeStyle(v: any): any;
|
|
117
|
+
get fillStyle(): any;
|
|
118
|
+
set fillStyle(v: any): any;
|
|
119
|
+
get fontColor(): string;
|
|
120
|
+
set fontColor(v: string): any;
|
|
121
|
+
get rotation(): number;
|
|
122
|
+
set rotation(v: number): any;
|
|
123
|
+
get decorators(): string[];
|
|
124
|
+
get decotag(): string;
|
|
125
|
+
get hidden(): boolean;
|
|
126
|
+
set hidden(v: boolean): any;
|
|
127
|
+
get tag(): string;
|
|
128
|
+
set tag(v: string): any;
|
|
129
|
+
get appendum(): any;
|
|
130
|
+
set appendum(v: any): any;
|
|
131
|
+
defaultTextSubstitutor(): string;
|
|
132
|
+
textLines(context?: import("@hatiolab/things-scene").SceneRenderContext): any[][];
|
|
133
|
+
get font(): string;
|
|
134
|
+
get lineHeight(): number;
|
|
135
|
+
get textSubstitutor(): () => string;
|
|
136
|
+
get text(): string;
|
|
137
|
+
set text(v: string): any;
|
|
138
|
+
get textBounds(): import("@hatiolab/things-scene").BOUNDS;
|
|
139
|
+
get textRotation(): number;
|
|
140
|
+
get textHidden(): boolean;
|
|
141
|
+
set textHidden(v: boolean): any;
|
|
142
|
+
get hasTextProperty(): boolean;
|
|
143
|
+
animate(opts: import("@hatiolab/things-scene").AnimationConfig): any;
|
|
144
|
+
effect(context: import("@hatiolab/things-scene").SceneRenderContext, model: any): void;
|
|
145
|
+
serialize(...others: any[]): string;
|
|
146
|
+
trim(): void;
|
|
147
|
+
closeScene(data: any): void;
|
|
148
|
+
delta(attr?: string | object, value?: any): any;
|
|
149
|
+
invalidate(): void;
|
|
150
|
+
get value(): any;
|
|
151
|
+
set value(v: any): any;
|
|
152
|
+
get data(): any;
|
|
153
|
+
set data(v: any): any;
|
|
154
|
+
set tap(v: any): any;
|
|
155
|
+
get mappings(): any[];
|
|
156
|
+
get retention(): number;
|
|
157
|
+
get animation(): import("@hatiolab/things-scene").AnimationController | undefined;
|
|
158
|
+
get started(): boolean;
|
|
159
|
+
set started(v: boolean): any;
|
|
160
|
+
get controls(): import("@hatiolab/things-scene").Control[] | undefined;
|
|
161
|
+
findFirst(finder: string | ((c: Component) => boolean), ...others: any[]): Component | undefined;
|
|
162
|
+
findAll(s: string | ((c: Component) => boolean), ...others: any[]): any[] | undefined;
|
|
163
|
+
capture(x: number, y: number, except?: (c: Component) => boolean): any;
|
|
164
|
+
findAnchor(name: string): any;
|
|
165
|
+
isDescendible(container: Component): boolean;
|
|
166
|
+
getContext(component?: unknown): any;
|
|
167
|
+
get root(): Component;
|
|
168
|
+
get rootModel(): Component;
|
|
169
|
+
get parent(): Component;
|
|
170
|
+
set parent(v: Component): any;
|
|
171
|
+
get scalable(): boolean;
|
|
172
|
+
get stuck(): boolean;
|
|
173
|
+
get capturable(): boolean;
|
|
174
|
+
get position(): string;
|
|
175
|
+
get origin(): string;
|
|
176
|
+
get offset(): import("@hatiolab/things-scene").POINT;
|
|
177
|
+
get app(): import("@hatiolab/things-scene").ApplicationContext;
|
|
178
|
+
drawEffect(context: import("@hatiolab/things-scene").SceneRenderContext): void;
|
|
179
|
+
prepareFill(resolve: Function, reject: Function): void;
|
|
180
|
+
prepareFillIf(condition: boolean): void;
|
|
181
|
+
onchangeFill(after: Record<string, any>, before: Record<string, any>): void;
|
|
182
|
+
drawImage(context: import("@hatiolab/things-scene").SceneRenderContext, image: HTMLImageElement, left: number, top: number, width: number, height: number): void;
|
|
183
|
+
mutateBounds(logic: ((bounds: import("@hatiolab/things-scene").BOUNDS) => import("@hatiolab/things-scene").BOUNDS | void) | null, context?: any): void;
|
|
184
|
+
mutatePath(beforeLogic: ((path: import("@hatiolab/things-scene").POINT[]) => import("@hatiolab/things-scene").POINT[] | void) | null, afterLogic: ((path: import("@hatiolab/things-scene").POINT[]) => import("@hatiolab/things-scene").POINT[] | void) | null, context?: any): void;
|
|
185
|
+
access(accessor: string): any;
|
|
186
|
+
substitute(template: string, data: any): string | undefined;
|
|
187
|
+
onchangeMappings(after: Record<string, any>, before: Record<string, any>): void;
|
|
188
|
+
onchangeData(after: Record<string, any>, before: Record<string, any>): void;
|
|
189
|
+
buildMappings(): void;
|
|
190
|
+
executeMappings(force?: boolean): void;
|
|
191
|
+
disposeMappings(): void;
|
|
192
|
+
ondropfile(transfered: FileList, files: string[]): void;
|
|
193
|
+
transcoordS2P(x: number, y: number, rp?: import("@hatiolab/things-scene").POINT): import("@hatiolab/things-scene").POINT;
|
|
194
|
+
transcoordP2S(x: number, y: number, rp?: import("@hatiolab/things-scene").POINT): import("@hatiolab/things-scene").POINT;
|
|
195
|
+
transcoordS2T(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
|
|
196
|
+
transcoordT2P(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
|
|
197
|
+
transcoordT2S(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
|
|
198
|
+
transcoordS2TR(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
|
|
199
|
+
transcoordS2O(x: number, y: number, target: Component): import("@hatiolab/things-scene").POINT;
|
|
200
|
+
transcoordC2S(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
|
|
201
|
+
transcoordS2C(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
|
|
202
|
+
toParent(x: number, y: number, rp?: import("@hatiolab/things-scene").POINT): import("@hatiolab/things-scene").POINT;
|
|
203
|
+
fromParent(x: number, y: number, rp?: import("@hatiolab/things-scene").POINT): import("@hatiolab/things-scene").POINT;
|
|
204
|
+
toScene(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
|
|
205
|
+
fromScene(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
|
|
206
|
+
toLocal(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
|
|
207
|
+
toGlobal(x: number, y: number, top?: Component): import("@hatiolab/things-scene").POINT;
|
|
208
|
+
toOther(x: number, y: number, target: Component): import("@hatiolab/things-scene").POINT;
|
|
209
|
+
on(name: string | object, callback: Function, context?: any): any;
|
|
210
|
+
off(name?: string | object, callback?: Function, context?: any): any;
|
|
211
|
+
once(name: string | object, callback: Function, context?: any): any;
|
|
212
|
+
trigger(name: string, ...args: any[]): any;
|
|
213
|
+
delegate_on(delegator: any): any;
|
|
214
|
+
delegate_off(delegator: any): any;
|
|
215
|
+
onchange(after: Record<string, any>, before: Record<string, any>): void;
|
|
216
|
+
calculateBounds?(): void;
|
|
217
|
+
oncreate_element?(element: HTMLElement): void;
|
|
218
|
+
removeComponent(component: Component, ghost?: boolean): void;
|
|
219
|
+
addComponent(component: Component, ghost?: boolean): void;
|
|
220
|
+
insertComponentAt(component: Component, index: number, ghost?: boolean): void;
|
|
221
|
+
getOverlay(component: Component): HTMLElement | undefined;
|
|
222
|
+
findById(id: string): Component | undefined;
|
|
223
|
+
findByRefid(ref: string | number): Component | undefined;
|
|
224
|
+
findAllById(id: string): Component[];
|
|
225
|
+
resize(): void;
|
|
226
|
+
fit(type?: string): void;
|
|
227
|
+
get components(): Component[] | undefined;
|
|
228
|
+
get layout(): any;
|
|
229
|
+
get auxOverlay(): HTMLElement | undefined;
|
|
230
|
+
get isReady(): boolean;
|
|
231
|
+
get unitScale(): number;
|
|
232
|
+
get selected(): Component[];
|
|
233
|
+
set selected(_v: Component[]): any;
|
|
234
|
+
get focused(): Component | null;
|
|
235
|
+
set focused(_v: Component | null): any;
|
|
236
|
+
get hasSameParentForAllSelected(): boolean;
|
|
237
|
+
set hasSameParentForAllSelected(_v: boolean): any;
|
|
238
|
+
get fitMode(): string | undefined;
|
|
239
|
+
set fitMode(_v: string | undefined): any;
|
|
240
|
+
get element(): HTMLElement | null;
|
|
241
|
+
set element(_v: HTMLElement | null): any;
|
|
242
|
+
}) & typeof Shape;
|
|
7
243
|
export default class OpenLayersMarker extends OpenLayersMarker_base {
|
|
8
244
|
_infoWindow: any;
|
|
9
245
|
_marker: any;
|
|
10
246
|
_map: Map | null;
|
|
11
247
|
static markerStyle: Style;
|
|
12
248
|
dispose(): void;
|
|
13
|
-
ready(): void
|
|
249
|
+
ready(): Promise<void>;
|
|
14
250
|
get map(): Map | null;
|
|
15
251
|
get infoWindow(): any;
|
|
16
|
-
findInfoWindow(type: string):
|
|
252
|
+
findInfoWindow(type: string): SceneInfoWindow | undefined;
|
|
17
253
|
setInfoContent(sceneInfoWindow: SceneInfoWindow): void;
|
|
18
254
|
openInfoWindow(iw: SceneInfoWindow): void;
|
|
19
255
|
onmarkerclick(e: MapBrowserEvent<UIEvent>): void;
|
package/dist/ol-marker.js
CHANGED
|
@@ -56,18 +56,24 @@ const NATURE = {
|
|
|
56
56
|
};
|
|
57
57
|
const MARKER_PATH = 'M10 0 C14.42 0 18 3.58 18 8 C18 12.42 14.42 16 10 16 C5.58 16 2 12.42 2 8 C2 3.58 5.58 0 10 0 Z';
|
|
58
58
|
let OpenLayersMarker = class OpenLayersMarker extends RectPath(Shape) {
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
59
|
+
_infoWindow;
|
|
60
|
+
_marker;
|
|
61
|
+
_map = null;
|
|
62
|
+
static markerStyle = new Style({
|
|
63
|
+
image: new Icon({
|
|
64
|
+
anchor: [0.5, 1], // 이미지 중심 아래쪽을 지도 위치에 맞춤
|
|
65
|
+
src: 'data:image/svg+xml;charset=utf-8,' +
|
|
66
|
+
encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">' + MARKER_PATH + '</svg>')
|
|
67
|
+
})
|
|
68
|
+
});
|
|
63
69
|
dispose() {
|
|
64
70
|
this.detachFromOldOpenlayers(this.targetMap);
|
|
65
71
|
this.marker = null;
|
|
66
72
|
delete this._infoWindow;
|
|
67
73
|
super.dispose();
|
|
68
74
|
}
|
|
69
|
-
ready() {
|
|
70
|
-
super.ready();
|
|
75
|
+
async ready() {
|
|
76
|
+
await super.ready();
|
|
71
77
|
if (this.isTemplate()) {
|
|
72
78
|
return;
|
|
73
79
|
}
|
|
@@ -92,7 +98,7 @@ let OpenLayersMarker = class OpenLayersMarker extends RectPath(Shape) {
|
|
|
92
98
|
/* event spec v1.0 */ eventSetting.infoWindow ||
|
|
93
99
|
/* event spec v1.1 */ (eventSetting.action == 'infoWindow' && eventSetting.target);
|
|
94
100
|
if (infoWindow) {
|
|
95
|
-
return this.root.findById(infoWindow);
|
|
101
|
+
return this.root.findById?.(infoWindow);
|
|
96
102
|
}
|
|
97
103
|
}
|
|
98
104
|
setInfoContent(sceneInfoWindow) {
|
|
@@ -138,41 +144,37 @@ let OpenLayersMarker = class OpenLayersMarker extends RectPath(Shape) {
|
|
|
138
144
|
context.translate(-left, -top);
|
|
139
145
|
}
|
|
140
146
|
detachFromOldOpenlayers(map) {
|
|
141
|
-
var _a;
|
|
142
147
|
if (this._marker && map) {
|
|
143
|
-
|
|
148
|
+
map.vectorSource?.removeFeature(this._marker);
|
|
144
149
|
this._marker = null;
|
|
145
150
|
}
|
|
146
151
|
}
|
|
147
152
|
attachToNewOpenlayers(map) {
|
|
148
|
-
var _a;
|
|
149
153
|
if (!this._marker && map) {
|
|
150
154
|
let { lat, lng, style = 'circle', fillStyle: fillColor, alpha: fillOpacity = 1, strokeStyle: strokeColor, lineWidth: strokeWeight } = this.state;
|
|
151
155
|
const marker = new Feature({
|
|
152
156
|
type: style,
|
|
153
157
|
geometry: new Point(fromLonLat([lng || 0, lat || 0]))
|
|
154
158
|
});
|
|
155
|
-
|
|
159
|
+
map.vectorSource?.addFeatures([marker]);
|
|
156
160
|
if (marker) {
|
|
157
|
-
|
|
158
|
-
|
|
159
|
-
|
|
160
|
-
|
|
161
|
-
//@ts-ignore
|
|
162
|
-
marker.on('mouseout', this.onmarkermouseout.bind(this));
|
|
161
|
+
const m = marker;
|
|
162
|
+
m.on('click', this.onmarkerclick.bind(this));
|
|
163
|
+
m.on('mouseover', this.onmarkermouseover.bind(this));
|
|
164
|
+
m.on('mouseout', this.onmarkermouseout.bind(this));
|
|
163
165
|
}
|
|
164
166
|
this._marker = marker;
|
|
165
167
|
}
|
|
166
168
|
}
|
|
167
169
|
onchangeTargetMap(after, before) {
|
|
168
|
-
const oldMap = this.root.findById(before);
|
|
169
|
-
const newMap = this.root.findById(after);
|
|
170
|
+
const oldMap = this.root.findById?.(before);
|
|
171
|
+
const newMap = this.root.findById?.(after);
|
|
170
172
|
this.detachFromOldOpenlayers(oldMap);
|
|
171
173
|
this.attachToNewOpenlayers(newMap);
|
|
172
174
|
}
|
|
173
175
|
get targetMap() {
|
|
174
176
|
const { targetMap } = this.state;
|
|
175
|
-
return this.root.findById(targetMap);
|
|
177
|
+
return this.root.findById?.(targetMap);
|
|
176
178
|
}
|
|
177
179
|
onchange(after, before) {
|
|
178
180
|
if ('targetMap' in after) {
|
|
@@ -224,13 +226,6 @@ let OpenLayersMarker = class OpenLayersMarker extends RectPath(Shape) {
|
|
|
224
226
|
return NATURE;
|
|
225
227
|
}
|
|
226
228
|
};
|
|
227
|
-
OpenLayersMarker.markerStyle = new Style({
|
|
228
|
-
image: new Icon({
|
|
229
|
-
anchor: [0.5, 1], // 이미지 중심 아래쪽을 지도 위치에 맞춤
|
|
230
|
-
src: 'data:image/svg+xml;charset=utf-8,' +
|
|
231
|
-
encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">' + MARKER_PATH + '</svg>')
|
|
232
|
-
})
|
|
233
|
-
});
|
|
234
229
|
OpenLayersMarker = __decorate([
|
|
235
230
|
sceneComponent('ol-marker')
|
|
236
231
|
], OpenLayersMarker);
|
package/dist/ol-marker.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ol-marker.js","sourceRoot":"","sources":["../src/ol-marker.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport {\n Component,\n InfoWindow as SceneInfoWindow,\n Properties,\n RectPath,\n Shape,\n ComponentNature,\n sceneComponent\n} from '@hatiolab/things-scene'\nimport Openlayers from './openlayers.js'\n\nimport 'ol/ol.css'\nimport { Map, MapBrowserEvent, Overlay, View } from 'ol'\nimport { fromLonLat } from 'ol/proj.js'\nimport { Tile as TileLayer, Vector as VectorLayer } from 'ol/layer.js'\nimport { OSM, Vector as VectorSource } from 'ol/source.js'\nimport { Icon, Style } from 'ol/style.js'\nimport { Feature } from 'ol'\nimport { Geometry, Point } from 'ol/geom.js'\n\nconst NATURE: ComponentNature = {\n mutable: false,\n resizable: true,\n rotatable: true,\n properties: [\n {\n type: 'id-input',\n label: 'target-map',\n name: 'targetMap',\n property: {\n component: 'openlayers'\n }\n },\n {\n type: 'number',\n label: 'latitude',\n name: 'lat',\n property: {\n step: 0.000001,\n max: 90,\n min: -90\n }\n },\n {\n type: 'number',\n label: 'longitude',\n name: 'lng',\n property: {\n step: 0.000001,\n max: 180,\n min: -180\n }\n },\n {\n type: 'select',\n label: 'style',\n name: 'style',\n property: {\n options: ['circle', 'marker']\n }\n }\n ],\n 'value-property': 'latlng',\n help: 'scene/component/ol-marker'\n}\n\nconst MARKER_PATH = 'M10 0 C14.42 0 18 3.58 18 8 C18 12.42 14.42 16 10 16 C5.58 16 2 12.42 2 8 C2 3.58 5.58 0 10 0 Z'\n\n@sceneComponent('ol-marker')\nexport default class OpenLayersMarker extends RectPath(Shape) {\n _infoWindow: any\n _marker: any\n _map: Map | null = null\n\n static markerStyle: Style = new Style({\n image: new Icon({\n anchor: [0.5, 1], // 이미지 중심 아래쪽을 지도 위치에 맞춤\n src:\n 'data:image/svg+xml;charset=utf-8,' +\n encodeURIComponent('<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\">' + MARKER_PATH + '</svg>')\n })\n })\n\n dispose() {\n this.detachFromOldOpenlayers(this.targetMap)\n\n this.marker = null\n delete this._infoWindow\n\n super.dispose()\n }\n\n ready() {\n super.ready()\n\n if (this.isTemplate()) {\n return\n }\n\n this.attachToNewOpenlayers(this.targetMap)\n }\n\n get map() {\n return this._map\n }\n\n get infoWindow() {\n if (!this._infoWindow) {\n this._infoWindow = new Overlay({\n element: document.getElementById('info')!,\n positioning: 'bottom-center',\n stopEvent: false\n })\n }\n\n return this._infoWindow\n }\n\n findInfoWindow(type: string) {\n var eventSetting = (this.state.event && this.state.event[type]) || {}\n\n var infoWindow =\n /* event spec v1.0 */ eventSetting.infoWindow ||\n /* event spec v1.1 */ (eventSetting.action == 'infoWindow' && eventSetting.target)\n\n if (infoWindow) {\n return this.root.findById(infoWindow)\n }\n }\n\n setInfoContent(sceneInfoWindow: SceneInfoWindow) {\n var tpl = Component.template(sceneInfoWindow.model.frontSideTemplate)\n var content = `<style>${sceneInfoWindow.model.style}</style>` + tpl(this)\n\n this.infoWindow.setContent(content)\n }\n\n openInfoWindow(iw: SceneInfoWindow) {\n this.setInfoContent(iw)\n\n if (!this.map) return\n\n this.infoWindow.open(this.map, this.marker)\n }\n\n onmarkerclick(e: MapBrowserEvent<UIEvent>) {\n var iw = this.findInfoWindow('tap')\n iw && this.openInfoWindow(iw)\n\n // this.trigger('click', e.ya) ??????\n }\n\n onmarkermouseover(e: MapBrowserEvent<UIEvent>) {\n var iw = this.findInfoWindow('hover')\n iw && this.openInfoWindow(iw)\n }\n\n onmarkermouseout(e: MapBrowserEvent<UIEvent>) {\n var iw = this.findInfoWindow('hover')\n iw && this.infoWindow.close()\n }\n\n set marker(marker) {\n this._marker = marker\n }\n\n get marker() {\n return this._marker\n }\n\n render(context: CanvasRenderingContext2D) {\n var { top, left, width, height } = this.state\n\n context.translate(left, top)\n\n // 마커 모양 그리기\n context.beginPath()\n\n context.moveTo(width / 2, height * 0.9)\n context.bezierCurveTo(width / 2.3, height * 0.6, 0, height / 2, 0, height / 4)\n\n context.ellipse(width / 2, height / 4, width / 2, height / 4, 0, Math.PI * 1, Math.PI * 0)\n\n context.bezierCurveTo(width, height / 2, width / 1.7, height * 0.6, width / 2, height * 0.9)\n context.closePath()\n\n context.translate(-left, -top)\n }\n\n detachFromOldOpenlayers(map: Openlayers) {\n if (this._marker && map) {\n map.vectorSource?.removeFeature(this._marker)\n this._marker = null\n }\n }\n\n attachToNewOpenlayers(map: Openlayers) {\n if (!this._marker && map) {\n let {\n lat,\n lng,\n style = 'circle',\n fillStyle: fillColor,\n alpha: fillOpacity = 1,\n strokeStyle: strokeColor,\n lineWidth: strokeWeight\n } = this.state\n\n const marker = new Feature<Geometry>({\n type: style,\n geometry: new Point(fromLonLat([lng || 0, lat || 0]))\n })\n\n map.vectorSource?.addFeatures([marker])\n\n if (marker) {\n //@ts-ignore\n marker.on('click', this.onmarkerclick.bind(this))\n //@ts-ignore\n marker.on('mouseover', this.onmarkermouseover.bind(this))\n //@ts-ignore\n marker.on('mouseout', this.onmarkermouseout.bind(this))\n }\n\n this._marker = marker\n }\n }\n\n onchangeTargetMap(after: string, before: string) {\n const oldMap = this.root.findById(before) as Openlayers\n const newMap = this.root.findById(after) as Openlayers\n\n this.detachFromOldOpenlayers(oldMap)\n this.attachToNewOpenlayers(newMap)\n }\n\n get targetMap() {\n const { targetMap } = this.state\n return this.root.findById(targetMap) as Openlayers\n }\n\n onchange(after: Properties, before: Properties) {\n if ('targetMap' in after) {\n this.onchangeTargetMap(after.targetMap, before.targetMap)\n }\n\n if ('lat' in after || 'lng' in after) {\n var { lat, lng } = this.state\n this.latlng = {\n lat,\n lng\n }\n }\n\n if (('fillStyle' in after || 'strokeStyle' in after || 'lineWidth' in after) && this.marker) {\n let {\n fillStyle: fillColor,\n alpha: fillOpacity = 1,\n strokeStyle: strokeColor,\n lineWidth: strokeWeight\n } = this.state\n\n this.marker.setIcon({\n path: MARKER_PATH,\n fillColor,\n fillOpacity,\n strokeColor,\n strokeWeight\n })\n }\n\n if ('style' in after) {\n const { targetMap } = this.state\n this.onchangeTargetMap(targetMap, targetMap)\n }\n\n super.onchange && super.onchange(after, before)\n }\n\n get latlng() {\n return {\n lat: this.getState('lat'),\n lng: this.getState('lng')\n }\n }\n\n set latlng(latlng) {\n var { lat, lng } = latlng\n\n if (this.marker) {\n const geometry = this.marker.getGeometry()\n if (geometry instanceof Point) {\n geometry.setCoordinates(fromLonLat([lng, lat]))\n }\n }\n\n this.setState({\n lat,\n lng\n })\n }\n\n get nature() {\n return NATURE\n }\n}\n"]}
|
|
1
|
+
{"version":3,"file":"ol-marker.js","sourceRoot":"","sources":["../src/ol-marker.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport {\n Component,\n InfoWindow as SceneInfoWindow,\n Properties,\n RectPath,\n Shape,\n ComponentNature,\n sceneComponent\n} from '@hatiolab/things-scene'\nimport Openlayers from './openlayers.js'\n\nimport 'ol/ol.css'\nimport { Map, MapBrowserEvent, Overlay, View } from 'ol'\nimport { fromLonLat } from 'ol/proj.js'\nimport { Tile as TileLayer, Vector as VectorLayer } from 'ol/layer.js'\nimport { OSM, Vector as VectorSource } from 'ol/source.js'\nimport { Icon, Style } from 'ol/style.js'\nimport { Feature } from 'ol'\nimport { Geometry, Point } from 'ol/geom.js'\n\nconst NATURE: ComponentNature = {\n mutable: false,\n resizable: true,\n rotatable: true,\n properties: [\n {\n type: 'id-input',\n label: 'target-map',\n name: 'targetMap',\n property: {\n component: 'openlayers'\n }\n },\n {\n type: 'number',\n label: 'latitude',\n name: 'lat',\n property: {\n step: 0.000001,\n max: 90,\n min: -90\n }\n },\n {\n type: 'number',\n label: 'longitude',\n name: 'lng',\n property: {\n step: 0.000001,\n max: 180,\n min: -180\n }\n },\n {\n type: 'select',\n label: 'style',\n name: 'style',\n property: {\n options: ['circle', 'marker']\n }\n }\n ],\n 'value-property': 'latlng',\n help: 'scene/component/ol-marker'\n}\n\nconst MARKER_PATH = 'M10 0 C14.42 0 18 3.58 18 8 C18 12.42 14.42 16 10 16 C5.58 16 2 12.42 2 8 C2 3.58 5.58 0 10 0 Z'\n\n@sceneComponent('ol-marker')\nexport default class OpenLayersMarker extends RectPath(Shape) {\n _infoWindow: any\n _marker: any\n _map: Map | null = null\n\n static markerStyle: Style = new Style({\n image: new Icon({\n anchor: [0.5, 1], // 이미지 중심 아래쪽을 지도 위치에 맞춤\n src:\n 'data:image/svg+xml;charset=utf-8,' +\n encodeURIComponent('<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\">' + MARKER_PATH + '</svg>')\n })\n })\n\n dispose() {\n this.detachFromOldOpenlayers(this.targetMap)\n\n this.marker = null\n delete this._infoWindow\n\n super.dispose()\n }\n\n async ready() {\n await super.ready()\n\n if (this.isTemplate()) {\n return\n }\n\n this.attachToNewOpenlayers(this.targetMap)\n }\n\n get map() {\n return this._map\n }\n\n get infoWindow() {\n if (!this._infoWindow) {\n this._infoWindow = new Overlay({\n element: document.getElementById('info')!,\n positioning: 'bottom-center',\n stopEvent: false\n })\n }\n\n return this._infoWindow\n }\n\n findInfoWindow(type: string): SceneInfoWindow | undefined {\n var eventSetting = (this.state.event && this.state.event[type]) || {}\n\n var infoWindow =\n /* event spec v1.0 */ eventSetting.infoWindow ||\n /* event spec v1.1 */ (eventSetting.action == 'infoWindow' && eventSetting.target)\n\n if (infoWindow) {\n return this.root.findById?.(infoWindow) as SceneInfoWindow | undefined\n }\n }\n\n setInfoContent(sceneInfoWindow: SceneInfoWindow) {\n var tpl = Component.template(sceneInfoWindow.model.frontSideTemplate)\n var content = `<style>${sceneInfoWindow.model.style}</style>` + tpl(this)\n\n this.infoWindow.setContent(content)\n }\n\n openInfoWindow(iw: SceneInfoWindow) {\n this.setInfoContent(iw)\n\n if (!this.map) return\n\n this.infoWindow.open(this.map, this.marker)\n }\n\n onmarkerclick(e: MapBrowserEvent<UIEvent>) {\n var iw = this.findInfoWindow('tap')\n iw && this.openInfoWindow(iw)\n\n // this.trigger('click', e.ya) ??????\n }\n\n onmarkermouseover(e: MapBrowserEvent<UIEvent>) {\n var iw = this.findInfoWindow('hover')\n iw && this.openInfoWindow(iw)\n }\n\n onmarkermouseout(e: MapBrowserEvent<UIEvent>) {\n var iw = this.findInfoWindow('hover')\n iw && this.infoWindow.close()\n }\n\n set marker(marker) {\n this._marker = marker\n }\n\n get marker() {\n return this._marker\n }\n\n render(context: CanvasRenderingContext2D) {\n var { top, left, width, height } = this.state\n\n context.translate(left, top)\n\n // 마커 모양 그리기\n context.beginPath()\n\n context.moveTo(width / 2, height * 0.9)\n context.bezierCurveTo(width / 2.3, height * 0.6, 0, height / 2, 0, height / 4)\n\n context.ellipse(width / 2, height / 4, width / 2, height / 4, 0, Math.PI * 1, Math.PI * 0)\n\n context.bezierCurveTo(width, height / 2, width / 1.7, height * 0.6, width / 2, height * 0.9)\n context.closePath()\n\n context.translate(-left, -top)\n }\n\n detachFromOldOpenlayers(map: Openlayers) {\n if (this._marker && map) {\n map.vectorSource?.removeFeature(this._marker)\n this._marker = null\n }\n }\n\n attachToNewOpenlayers(map: Openlayers) {\n if (!this._marker && map) {\n let {\n lat,\n lng,\n style = 'circle',\n fillStyle: fillColor,\n alpha: fillOpacity = 1,\n strokeStyle: strokeColor,\n lineWidth: strokeWeight\n } = this.state\n\n const marker = new Feature<Geometry>({\n type: style,\n geometry: new Point(fromLonLat([lng || 0, lat || 0]))\n })\n\n map.vectorSource?.addFeatures([marker])\n\n if (marker) {\n const m = marker as any\n m.on('click', this.onmarkerclick.bind(this))\n m.on('mouseover', this.onmarkermouseover.bind(this))\n m.on('mouseout', this.onmarkermouseout.bind(this))\n }\n\n this._marker = marker\n }\n }\n\n onchangeTargetMap(after: string, before: string) {\n const oldMap = this.root.findById?.(before) as Openlayers\n const newMap = this.root.findById?.(after) as Openlayers\n\n this.detachFromOldOpenlayers(oldMap)\n this.attachToNewOpenlayers(newMap)\n }\n\n get targetMap() {\n const { targetMap } = this.state\n return this.root.findById?.(targetMap) as Openlayers\n }\n\n onchange(after: Properties, before: Properties) {\n if ('targetMap' in after) {\n this.onchangeTargetMap(after.targetMap, before.targetMap)\n }\n\n if ('lat' in after || 'lng' in after) {\n var { lat, lng } = this.state\n this.latlng = {\n lat,\n lng\n }\n }\n\n if (('fillStyle' in after || 'strokeStyle' in after || 'lineWidth' in after) && this.marker) {\n let {\n fillStyle: fillColor,\n alpha: fillOpacity = 1,\n strokeStyle: strokeColor,\n lineWidth: strokeWeight\n } = this.state\n\n this.marker.setIcon({\n path: MARKER_PATH,\n fillColor,\n fillOpacity,\n strokeColor,\n strokeWeight\n })\n }\n\n if ('style' in after) {\n const { targetMap } = this.state\n this.onchangeTargetMap(targetMap, targetMap)\n }\n\n super.onchange && super.onchange(after, before)\n }\n\n get latlng() {\n return {\n lat: this.getState('lat'),\n lng: this.getState('lng')\n }\n }\n\n set latlng(latlng) {\n var { lat, lng } = latlng\n\n if (this.marker) {\n const geometry = this.marker.getGeometry()\n if (geometry instanceof Point) {\n geometry.setCoordinates(fromLonLat([lng, lat]))\n }\n }\n\n this.setState({\n lat,\n lng\n })\n }\n\n get nature() {\n return NATURE\n }\n}\n"]}
|
package/dist/openlayers.js
CHANGED
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
*/
|
|
4
4
|
var Openlayers_1;
|
|
5
5
|
import { __decorate } from "tslib";
|
|
6
|
-
// @ts-
|
|
6
|
+
// @ts-expect-error -- webpack text-loader import
|
|
7
7
|
import OpenLayersStyle from '!!text-loader!ol/ol.css';
|
|
8
8
|
import { Feature, Map, View } from 'ol';
|
|
9
9
|
import { Circle as CircleStyle, Icon, Stroke, Style } from 'ol/style.js';
|
|
@@ -63,12 +63,21 @@ function getGlobalScale(component) {
|
|
|
63
63
|
}
|
|
64
64
|
return scale;
|
|
65
65
|
}
|
|
66
|
-
let Openlayers =
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
66
|
+
let Openlayers = class Openlayers extends HTMLOverlayContainer {
|
|
67
|
+
static { Openlayers_1 = this; }
|
|
68
|
+
static markerStyle = new Style({
|
|
69
|
+
image: new Icon({
|
|
70
|
+
src: 'data:image/svg+xml;charset=utf-8,' +
|
|
71
|
+
encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">' + MARKER_PATH + '</svg>'),
|
|
72
|
+
anchor: [0.5, 1]
|
|
73
|
+
})
|
|
74
|
+
});
|
|
75
|
+
_anchor;
|
|
76
|
+
_map = null;
|
|
77
|
+
_listenTo;
|
|
78
|
+
_listener;
|
|
79
|
+
_vectorSource;
|
|
80
|
+
_marker = null;
|
|
72
81
|
get eventMap() {
|
|
73
82
|
return {
|
|
74
83
|
'model-layer': {
|
|
@@ -170,10 +179,9 @@ let Openlayers = Openlayers_1 = class Openlayers extends HTMLOverlayContainer {
|
|
|
170
179
|
this.rescale();
|
|
171
180
|
}
|
|
172
181
|
refreshMarker() {
|
|
173
|
-
var _a, _b;
|
|
174
182
|
const { showMarker, lat, lng } = this.state;
|
|
175
183
|
if (this._marker) {
|
|
176
|
-
|
|
184
|
+
this.vectorSource?.removeFeature(this._marker);
|
|
177
185
|
this._marker = null;
|
|
178
186
|
}
|
|
179
187
|
if (showMarker) {
|
|
@@ -183,19 +191,18 @@ let Openlayers = Openlayers_1 = class Openlayers extends HTMLOverlayContainer {
|
|
|
183
191
|
type: 'circle',
|
|
184
192
|
geometry: new Point(center)
|
|
185
193
|
});
|
|
186
|
-
|
|
194
|
+
this.vectorSource?.addFeatures([this._marker]);
|
|
187
195
|
}
|
|
188
196
|
}
|
|
189
197
|
onchange(after, before) {
|
|
190
|
-
var _a, _b;
|
|
191
198
|
if ('zoom' in after) {
|
|
192
|
-
const view =
|
|
193
|
-
view
|
|
199
|
+
const view = this.map?.getView();
|
|
200
|
+
view?.setZoom(after.zoom);
|
|
194
201
|
}
|
|
195
202
|
if ('lat' in after || 'lng' in after) {
|
|
196
203
|
let { lat, lng } = this.state;
|
|
197
|
-
const view =
|
|
198
|
-
view
|
|
204
|
+
const view = this.map?.getView();
|
|
205
|
+
view?.setCenter(fromLonLat([lng, lat]));
|
|
199
206
|
if (this._marker) {
|
|
200
207
|
const geometry = this._marker.getGeometry();
|
|
201
208
|
if (geometry instanceof Point) {
|
|
@@ -223,13 +230,6 @@ let Openlayers = Openlayers_1 = class Openlayers extends HTMLOverlayContainer {
|
|
|
223
230
|
return NATURE;
|
|
224
231
|
}
|
|
225
232
|
};
|
|
226
|
-
Openlayers.markerStyle = new Style({
|
|
227
|
-
image: new Icon({
|
|
228
|
-
src: 'data:image/svg+xml;charset=utf-8,' +
|
|
229
|
-
encodeURIComponent('<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20">' + MARKER_PATH + '</svg>'),
|
|
230
|
-
anchor: [0.5, 1]
|
|
231
|
-
})
|
|
232
|
-
});
|
|
233
233
|
Openlayers = Openlayers_1 = __decorate([
|
|
234
234
|
sceneComponent('openlayers')
|
|
235
235
|
], Openlayers);
|
package/dist/openlayers.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"openlayers.js","sourceRoot":"","sources":["../src/openlayers.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\n// @ts-ignore\nimport OpenLayersStyle from '!!text-loader!ol/ol.css'\n\nimport { Feature, Map, View } from 'ol'\nimport { Circle as CircleStyle, Fill, Icon, Stroke, Style } from 'ol/style.js'\nimport { Tile as TileLayer, Vector as VectorLayer } from 'ol/layer'\nimport { Vector as VectorSource, OSM } from 'ol/source'\nimport { fromLonLat } from 'ol/proj'\nimport { Geometry, Point } from 'ol/geom'\n\nimport {\n Component,\n HTMLOverlayContainer,\n Properties,\n ComponentNature,\n error,\n sceneComponent\n} from '@hatiolab/things-scene'\n\nconst MARKER_PATH =\n 'M 0,0 C -2,-20 -10,-22 -10,-30 A 10,10 0 1,1 10,-30 C 10,-22 2,-20 0,0 z M -2,-30 a 2,2 0 1,1 4,0 2,2 0 1,1 -4,0'\n\nconst NATURE: ComponentNature = {\n mutable: false,\n resizable: true,\n rotatable: true,\n properties: [\n {\n type: 'number',\n label: 'latitude',\n name: 'lat',\n property: {\n step: 0.000001,\n max: 90,\n min: -90\n }\n },\n {\n type: 'number',\n label: 'longitude',\n name: 'lng',\n property: {\n step: 0.000001,\n min: -180,\n max: 180\n }\n },\n {\n type: 'number',\n label: 'zoom',\n name: 'zoom'\n },\n {\n type: 'boolean',\n label: 'show-marker',\n name: 'showMarker'\n }\n ],\n 'value-property': 'latlng',\n help: 'scene/component/openlayers'\n}\n\nfunction getGlobalScale(component: Component) {\n var scale = { x: 1, y: 1 }\n var parent = component\n\n while (parent) {\n let { x, y } = parent.get('scale') || { x: 1, y: 1 }\n scale.x *= x || 1\n scale.y *= y || 1\n\n parent = parent.parent\n }\n return scale\n}\n\n@sceneComponent('openlayers')\nexport default class Openlayers extends HTMLOverlayContainer {\n static markerStyle: Style = new Style({\n image: new Icon({\n src:\n 'data:image/svg+xml;charset=utf-8,' +\n encodeURIComponent('<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\">' + MARKER_PATH + '</svg>'),\n anchor: [0.5, 1]\n })\n })\n\n _anchor?: HTMLDivElement\n _map: Map | null = null\n _listenTo?: Component\n _listener?: Function\n _vectorSource?: VectorSource<Feature>\n _marker: Feature | null = null\n\n get eventMap() {\n return {\n 'model-layer': {\n '(self)': {\n change: (after: any) => {\n after.scale && this.rescale()\n }\n }\n }\n }\n }\n\n /*\n * 부모의 스케일의 역으로 transform해서, scale을 1로 맞추어준다.\n */\n rescale() {\n var anchor = this._anchor\n if (!anchor) {\n return\n }\n\n var scale = getGlobalScale(this)\n\n var sx = 1 / scale.x\n var sy = 1 / scale.y\n\n var transform = `scale(${sx}, ${sy})`\n\n anchor!.style.transform = transform\n anchor!.style.transformOrigin = '0px 0px'\n\n var { width, height } = this.state\n anchor.style.width = width * scale.x + 'px'\n anchor.style.height = height * scale.y + 'px'\n }\n\n createElement() {\n super.createElement()\n this._anchor = document.createElement('div')\n\n const style = document.createElement('style')\n style.textContent = `\n ${OpenLayersStyle}\n `\n\n this.element.appendChild(style)\n this.element.appendChild(this._anchor)\n\n const { lat, lng, zoom, showMarker } = this.state\n\n // 지도의 중심 좌표\n const center = fromLonLat([lng || 126.9783882, lat || 37.5666103])\n\n // 타일 레이어 생성 (배경 지도)\n const tileLayer = new TileLayer({\n source: new OSM({\n attributions: ''\n })\n })\n\n // 벡터 레이어 생성\n const styles: { [name: string]: Style } = {\n route: new Style({\n stroke: new Stroke({\n width: 6,\n color: [237, 212, 0, 0.8]\n })\n }),\n marker: Openlayers.markerStyle,\n circle: new Style({\n image: new CircleStyle({\n radius: 7,\n stroke: new Stroke({\n color: 'black',\n width: 2\n })\n })\n })\n }\n\n const vectorSource = new VectorSource()\n const vectorLayer = new VectorLayer({\n source: vectorSource,\n style: function (feature) {\n return styles[feature.get('type')]\n }\n })\n\n // 지도 생성\n const map = new Map({\n target: this._anchor,\n layers: [tileLayer, vectorLayer],\n view: new View({\n center,\n zoom\n })\n })\n\n this._map = map\n this._vectorSource = vectorSource\n\n showMarker && this.refreshMarker()\n\n this.rescale()\n }\n\n get tagName() {\n return 'div'\n }\n\n get map() {\n return this._map\n }\n\n dispose() {\n super.dispose()\n\n delete this._anchor\n }\n\n setElementProperties(div: HTMLDivElement) {\n this.rescale()\n }\n\n refreshMarker() {\n const { showMarker, lat, lng } = this.state\n\n if (this._marker) {\n this.vectorSource?.removeFeature(this._marker)\n this._marker = null\n }\n\n if (showMarker) {\n // 지도의 중심 좌표\n const center = fromLonLat([lng || 126.9783882, lat || 37.5666103])\n\n this._marker = new Feature({\n type: 'circle',\n geometry: new Point(center)\n })\n\n this.vectorSource?.addFeatures([this._marker])\n }\n }\n\n onchange(after: Properties, before: Properties) {\n if ('zoom' in after) {\n const view = this.map?.getView()\n view?.setZoom(after.zoom)\n }\n\n if ('lat' in after || 'lng' in after) {\n let { lat, lng } = this.state\n const view = this.map?.getView()\n view?.setCenter(fromLonLat([lng, lat]))\n\n if (this._marker) {\n const geometry = this._marker.getGeometry()\n if (geometry instanceof Point) {\n geometry.setCoordinates(fromLonLat([lng, lat]))\n }\n }\n }\n\n if ('showMarker' in after) {\n this.refreshMarker()\n }\n\n super.onchange(after, before)\n\n this.rescale()\n }\n\n get latlng() {\n const { lat, lng } = this.state\n return { lat, lng }\n }\n\n set latlng(latlng) {\n this.setState(latlng)\n }\n\n get vectorSource() {\n return this._vectorSource\n }\n\n get nature() {\n return NATURE\n }\n}\n"]}
|
|
1
|
+
{"version":3,"file":"openlayers.js","sourceRoot":"","sources":["../src/openlayers.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\n// @ts-expect-error -- webpack text-loader import\nimport OpenLayersStyle from '!!text-loader!ol/ol.css'\n\nimport { Feature, Map, View } from 'ol'\nimport { Circle as CircleStyle, Fill, Icon, Stroke, Style } from 'ol/style.js'\nimport { Tile as TileLayer, Vector as VectorLayer } from 'ol/layer'\nimport { Vector as VectorSource, OSM } from 'ol/source'\nimport { fromLonLat } from 'ol/proj'\nimport { Geometry, Point } from 'ol/geom'\n\nimport {\n Component,\n HTMLOverlayContainer,\n Properties,\n ComponentNature,\n error,\n sceneComponent\n} from '@hatiolab/things-scene'\n\nconst MARKER_PATH =\n 'M 0,0 C -2,-20 -10,-22 -10,-30 A 10,10 0 1,1 10,-30 C 10,-22 2,-20 0,0 z M -2,-30 a 2,2 0 1,1 4,0 2,2 0 1,1 -4,0'\n\nconst NATURE: ComponentNature = {\n mutable: false,\n resizable: true,\n rotatable: true,\n properties: [\n {\n type: 'number',\n label: 'latitude',\n name: 'lat',\n property: {\n step: 0.000001,\n max: 90,\n min: -90\n }\n },\n {\n type: 'number',\n label: 'longitude',\n name: 'lng',\n property: {\n step: 0.000001,\n min: -180,\n max: 180\n }\n },\n {\n type: 'number',\n label: 'zoom',\n name: 'zoom'\n },\n {\n type: 'boolean',\n label: 'show-marker',\n name: 'showMarker'\n }\n ],\n 'value-property': 'latlng',\n help: 'scene/component/openlayers'\n}\n\nfunction getGlobalScale(component: Component) {\n var scale = { x: 1, y: 1 }\n var parent = component\n\n while (parent) {\n let { x, y } = parent.get('scale') || { x: 1, y: 1 }\n scale.x *= x || 1\n scale.y *= y || 1\n\n parent = parent.parent\n }\n return scale\n}\n\n@sceneComponent('openlayers')\nexport default class Openlayers extends HTMLOverlayContainer {\n static markerStyle: Style = new Style({\n image: new Icon({\n src:\n 'data:image/svg+xml;charset=utf-8,' +\n encodeURIComponent('<svg xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 20 20\">' + MARKER_PATH + '</svg>'),\n anchor: [0.5, 1]\n })\n })\n\n _anchor?: HTMLDivElement\n _map: Map | null = null\n _listenTo?: Component\n _listener?: Function\n _vectorSource?: VectorSource<Feature>\n _marker: Feature | null = null\n\n get eventMap() {\n return {\n 'model-layer': {\n '(self)': {\n change: (after: any) => {\n after.scale && this.rescale()\n }\n }\n }\n }\n }\n\n /*\n * 부모의 스케일의 역으로 transform해서, scale을 1로 맞추어준다.\n */\n rescale() {\n var anchor = this._anchor\n if (!anchor) {\n return\n }\n\n var scale = getGlobalScale(this as any)\n\n var sx = 1 / scale.x\n var sy = 1 / scale.y\n\n var transform = `scale(${sx}, ${sy})`\n\n anchor!.style.transform = transform\n anchor!.style.transformOrigin = '0px 0px'\n\n var { width, height } = this.state\n anchor.style.width = width * scale.x + 'px'\n anchor.style.height = height * scale.y + 'px'\n }\n\n createElement() {\n super.createElement()\n this._anchor = document.createElement('div')\n\n const style = document.createElement('style')\n style.textContent = `\n ${OpenLayersStyle}\n `\n\n this.element!.appendChild(style)\n this.element!.appendChild(this._anchor)\n\n const { lat, lng, zoom, showMarker } = this.state\n\n // 지도의 중심 좌표\n const center = fromLonLat([lng || 126.9783882, lat || 37.5666103])\n\n // 타일 레이어 생성 (배경 지도)\n const tileLayer = new TileLayer({\n source: new OSM({\n attributions: ''\n })\n })\n\n // 벡터 레이어 생성\n const styles: { [name: string]: Style } = {\n route: new Style({\n stroke: new Stroke({\n width: 6,\n color: [237, 212, 0, 0.8]\n })\n }),\n marker: Openlayers.markerStyle,\n circle: new Style({\n image: new CircleStyle({\n radius: 7,\n stroke: new Stroke({\n color: 'black',\n width: 2\n })\n })\n })\n }\n\n const vectorSource = new VectorSource()\n const vectorLayer = new VectorLayer({\n source: vectorSource,\n style: function (feature) {\n return styles[feature.get('type')]\n }\n })\n\n // 지도 생성\n const map = new Map({\n target: this._anchor,\n layers: [tileLayer, vectorLayer],\n view: new View({\n center,\n zoom\n })\n })\n\n this._map = map\n this._vectorSource = vectorSource\n\n showMarker && this.refreshMarker()\n\n this.rescale()\n }\n\n get tagName() {\n return 'div'\n }\n\n get map() {\n return this._map\n }\n\n dispose() {\n super.dispose()\n\n delete this._anchor\n }\n\n setElementProperties(div: HTMLDivElement) {\n this.rescale()\n }\n\n refreshMarker() {\n const { showMarker, lat, lng } = this.state\n\n if (this._marker) {\n this.vectorSource?.removeFeature(this._marker)\n this._marker = null\n }\n\n if (showMarker) {\n // 지도의 중심 좌표\n const center = fromLonLat([lng || 126.9783882, lat || 37.5666103])\n\n this._marker = new Feature({\n type: 'circle',\n geometry: new Point(center)\n })\n\n this.vectorSource?.addFeatures([this._marker])\n }\n }\n\n onchange(after: Properties, before: Properties) {\n if ('zoom' in after) {\n const view = this.map?.getView()\n view?.setZoom(after.zoom)\n }\n\n if ('lat' in after || 'lng' in after) {\n let { lat, lng } = this.state\n const view = this.map?.getView()\n view?.setCenter(fromLonLat([lng, lat]))\n\n if (this._marker) {\n const geometry = this._marker.getGeometry()\n if (geometry instanceof Point) {\n geometry.setCoordinates(fromLonLat([lng, lat]))\n }\n }\n }\n\n if ('showMarker' in after) {\n this.refreshMarker()\n }\n\n super.onchange(after, before)\n\n this.rescale()\n }\n\n get latlng() {\n const { lat, lng } = this.state\n return { lat, lng }\n }\n\n set latlng(latlng) {\n this.setState(latlng)\n }\n\n get vectorSource() {\n return this._vectorSource\n }\n\n get nature() {\n return NATURE\n }\n}\n"]}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@operato/scene-openlayers",
|
|
3
3
|
"description": "OpenLayers component for things-scene",
|
|
4
|
-
"version": "
|
|
4
|
+
"version": "10.0.0-beta.2",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"license": "MIT",
|
|
7
7
|
"things-scene": true,
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
"module": "dist/index.js",
|
|
11
11
|
"publishConfig": {
|
|
12
12
|
"access": "public",
|
|
13
|
-
"@
|
|
13
|
+
"@operato:registry": "https://registry.npmjs.org"
|
|
14
14
|
},
|
|
15
15
|
"repository": {
|
|
16
16
|
"type": "git",
|
|
@@ -22,28 +22,28 @@
|
|
|
22
22
|
"serve:dev": "npm run serve",
|
|
23
23
|
"start": "tsc && concurrently -k -r \"tsc --watch --preserveWatchOutput\" \"wds\"",
|
|
24
24
|
"build": "tsc",
|
|
25
|
-
"
|
|
26
|
-
"lint": "eslint
|
|
27
|
-
"format": "eslint
|
|
25
|
+
"prepublishOnly": "tsc",
|
|
26
|
+
"lint": "eslint src/ && prettier \"src/**/*.ts\" --check",
|
|
27
|
+
"format": "eslint src/ --fix && prettier \"src/**/*.ts\" --write",
|
|
28
28
|
"migration": "things-factory-migration"
|
|
29
29
|
},
|
|
30
30
|
"dependencies": {
|
|
31
|
-
"@hatiolab/things-scene": "^
|
|
31
|
+
"@hatiolab/things-scene": "^10.0.0-beta.1",
|
|
32
32
|
"ol": "^8.0.0"
|
|
33
33
|
},
|
|
34
34
|
"devDependencies": {
|
|
35
35
|
"@hatiolab/prettier-config": "^1.0.0",
|
|
36
|
-
"@things-factory/builder": "^
|
|
37
|
-
"@things-factory/operato-board": "^
|
|
38
|
-
"@typescript-eslint/eslint-plugin": "^
|
|
39
|
-
"@typescript-eslint/parser": "^
|
|
36
|
+
"@things-factory/builder": "^10.0.0-beta.1",
|
|
37
|
+
"@things-factory/operato-board": "^10.0.0-beta.1",
|
|
38
|
+
"@typescript-eslint/eslint-plugin": "^8.0.0",
|
|
39
|
+
"@typescript-eslint/parser": "^8.0.0",
|
|
40
40
|
"@web/dev-server": "^0.1.28",
|
|
41
41
|
"concurrently": "^8.0.1",
|
|
42
42
|
"eslint": "^9.18.0",
|
|
43
43
|
"eslint-config-prettier": "^10.0.1",
|
|
44
44
|
"husky": "^8.0.3",
|
|
45
|
-
"lint-staged": "^
|
|
46
|
-
"prettier": "^2.
|
|
45
|
+
"lint-staged": "^15.2.2",
|
|
46
|
+
"prettier": "^3.2.5",
|
|
47
47
|
"tslib": "^2.3.1",
|
|
48
48
|
"typescript": "^5.0.4"
|
|
49
49
|
},
|
|
@@ -59,5 +59,5 @@
|
|
|
59
59
|
"prettier --write"
|
|
60
60
|
]
|
|
61
61
|
},
|
|
62
|
-
"gitHead": "
|
|
62
|
+
"gitHead": "350ece104754d007967cf8e3f54d0d157465e94a"
|
|
63
63
|
}
|