@operato/scene-google-map 1.3.6 → 2.0.0-alpha.0
Sign up to get free protection for your applications and to get access to all the features.
- package/CHANGELOG.md +18 -0
- package/dist/gmap-marker.d.ts +2 -28
- package/dist/gmap-marker.js.map +1 -1
- package/dist/gmap-path.d.ts +2 -20
- package/dist/gmap-path.js.map +1 -1
- package/dist/google-map.d.ts +2 -22
- package/dist/google-map.js.map +1 -1
- package/package.json +4 -4
- package/src/gmap-marker.ts +2 -2
- package/src/gmap-path.ts +2 -2
- package/src/google-map.ts +9 -2
- package/tsconfig.tsbuildinfo +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,6 +3,24 @@
|
|
|
3
3
|
All notable changes to this project will be documented in this file.
|
|
4
4
|
See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
|
|
5
5
|
|
|
6
|
+
## [2.0.0-alpha.0](https://github.com/things-scene/operato-scene/compare/v1.3.9...v2.0.0-alpha.0) (2024-01-14)
|
|
7
|
+
|
|
8
|
+
|
|
9
|
+
### :bug: Bug Fix
|
|
10
|
+
|
|
11
|
+
* 2.0.0-alpha.0 ([93274e3](https://github.com/things-scene/operato-scene/commit/93274e36c5d184f339f83899654dd48b4786ac2b))
|
|
12
|
+
|
|
13
|
+
|
|
14
|
+
|
|
15
|
+
## [1.3.7](https://github.com/things-scene/operato-scene/compare/v1.3.6...v1.3.7) (2024-01-01)
|
|
16
|
+
|
|
17
|
+
|
|
18
|
+
### :bug: Bug Fix
|
|
19
|
+
|
|
20
|
+
* mpi module moved from things-factory ([47b743f](https://github.com/things-scene/operato-scene/commit/47b743fd19001f195db85e50b8f6e457a1573aa5))
|
|
21
|
+
|
|
22
|
+
|
|
23
|
+
|
|
6
24
|
## [1.3.6](https://github.com/things-scene/operato-scene/compare/v1.3.5...v1.3.6) (2024-01-01)
|
|
7
25
|
|
|
8
26
|
|
package/dist/gmap-marker.d.ts
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
/// <reference types="googlemaps" />
|
|
2
2
|
/// <reference types="googlemaps" />
|
|
3
3
|
/// <reference types="googlemaps" />
|
|
4
|
-
import { Component, InfoWindow, Properties, Shape } from '@hatiolab/things-scene';
|
|
4
|
+
import { Component, ComponentNature, InfoWindow, Properties, Shape } from '@hatiolab/things-scene';
|
|
5
5
|
import GoogleMap from './google-map';
|
|
6
6
|
declare const GMapMarker_base: typeof Shape;
|
|
7
7
|
export default class GMapMarker extends GMapMarker_base {
|
|
@@ -36,32 +36,6 @@ export default class GMapMarker extends GMapMarker_base {
|
|
|
36
36
|
lat: any;
|
|
37
37
|
lng: any;
|
|
38
38
|
});
|
|
39
|
-
get nature():
|
|
40
|
-
mutable: boolean;
|
|
41
|
-
resizable: boolean;
|
|
42
|
-
rotatable: boolean;
|
|
43
|
-
properties: ({
|
|
44
|
-
type: string;
|
|
45
|
-
label: string;
|
|
46
|
-
name: string;
|
|
47
|
-
property: {
|
|
48
|
-
component: string;
|
|
49
|
-
step?: undefined;
|
|
50
|
-
max?: undefined;
|
|
51
|
-
min?: undefined;
|
|
52
|
-
};
|
|
53
|
-
} | {
|
|
54
|
-
type: string;
|
|
55
|
-
label: string;
|
|
56
|
-
name: string;
|
|
57
|
-
property: {
|
|
58
|
-
step: number;
|
|
59
|
-
max: number;
|
|
60
|
-
min: number;
|
|
61
|
-
component?: undefined;
|
|
62
|
-
};
|
|
63
|
-
})[];
|
|
64
|
-
'value-property': string;
|
|
65
|
-
};
|
|
39
|
+
get nature(): ComponentNature;
|
|
66
40
|
}
|
|
67
41
|
export {};
|
package/dist/gmap-marker.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"gmap-marker.js","sourceRoot":"","sources":["../src/gmap-marker.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport { Component, InfoWindow, Properties, RectPath, Shape } from '@hatiolab/things-scene'\nimport GoogleMap from './google-map'\n\nconst NATURE = {\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: 'google-map'\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 'value-property': 'latlng'\n // help: 'scene/component/gmap-marker'\n}\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\nexport default class GMapMarker extends RectPath(Shape) {\n private _infoWindow?: google.maps.InfoWindow\n private _marker?: google.maps.Marker | null\n private _map?: google.maps.Map | null\n private _targetMap?: GoogleMap | null\n\n dispose() {\n this.marker && this.marker.setMap(null)\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.onchangeTargetMap()\n }\n\n get map() {\n return this._map\n }\n\n get infoWindow() {\n if (!this._infoWindow) this._infoWindow = new google.maps.InfoWindow()\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: InfoWindow) {\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: InfoWindow) {\n this.setInfoContent(iw)\n\n if (!this.map) {\n return\n }\n\n this.infoWindow.open(this.map, this.marker!)\n }\n\n onmarkerclick(e: Event) {\n var iw = this.findInfoWindow('tap')\n iw && this.openInfoWindow(iw)\n\n this.trigger('click', e)\n }\n\n onmarkermouseover(e: Event) {\n var iw = this.findInfoWindow('hover')\n iw && this.openInfoWindow(iw)\n }\n\n onmarkermouseout(e: Event) {\n var iw = this.findInfoWindow('hover')\n iw && this.infoWindow.close()\n }\n\n set marker(marker) {\n if (this._marker) {\n this._marker.setMap(null)\n google.maps.event.clearInstanceListeners(this._marker)\n\n delete this._marker\n }\n\n if (marker) {\n marker.addListener('click', this.onmarkerclick.bind(this))\n marker.addListener('mouseover', this.onmarkermouseover.bind(this))\n marker.addListener('mouseout', this.onmarkermouseout.bind(this))\n\n this._marker = marker\n }\n }\n\n get marker() {\n if (!this._marker && this.map) {\n let {\n lat,\n lng,\n fillStyle: fillColor,\n alpha: fillOpacity = 1,\n strokeStyle: strokeColor,\n lineWidth: strokeWeight\n } = this.state\n\n var marker = new google.maps.Marker({\n position: {\n lat: Number(lat) || 0,\n lng: Number(lng) || 0\n },\n map: this.map,\n icon: {\n path: MARKER_PATH,\n fillColor,\n fillOpacity,\n strokeColor,\n strokeWeight\n }\n })\n\n this.marker = marker\n }\n\n return this._marker\n }\n\n get hidden() {\n return super.hidden || this.app.isViewMode\n }\n\n set hidden(hidden) {\n super.hidden = hidden\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 get controls() {\n return []\n }\n\n onchangeTargetMap() {\n if (this.targetMap) {\n this._targetMap = null\n this._map = null\n }\n\n var id = this.get('targetMap')\n if (id !== undefined) {\n this._targetMap = this.root.findById(id) as GoogleMap\n\n if (this.targetMap) {\n this._map = this.targetMap.map\n\n if (!this.map) {\n var listener = (after: any) => {\n if ('map' in after) {\n this._map = after.map\n this.marker && this.marker.setMap(this.map!)\n\n this.targetMap!.off('change', listener)\n }\n }\n this.targetMap.on('change', listener)\n } else {\n this.marker && this.marker.setMap(this.map)\n }\n }\n }\n }\n\n get targetMap() {\n return this._targetMap\n }\n\n // get click_handler() {\n // if (!this._click_handler)\n // this._click_handler = this.onmarkerclick.bind(this);\n\n // return this._click_handler;\n // }\n\n onchange(after: Properties, before: Properties) {\n if ('targetMap' in after) {\n this.onchangeTargetMap()\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 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 this.marker && this.marker.setPosition(new google.maps.LatLng(lat, lng))\n\n this.setState({\n lat,\n lng\n })\n }\n\n get nature() {\n return NATURE\n }\n}\n\nComponent.register('gmap-marker', GMapMarker)\n"]}
|
|
1
|
+
{"version":3,"file":"gmap-marker.js","sourceRoot":"","sources":["../src/gmap-marker.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport { Component, ComponentNature, InfoWindow, Properties, RectPath, Shape } from '@hatiolab/things-scene'\nimport GoogleMap from './google-map'\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: 'google-map'\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 'value-property': 'latlng'\n // help: 'scene/component/gmap-marker'\n}\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\nexport default class GMapMarker extends RectPath(Shape) {\n private _infoWindow?: google.maps.InfoWindow\n private _marker?: google.maps.Marker | null\n private _map?: google.maps.Map | null\n private _targetMap?: GoogleMap | null\n\n dispose() {\n this.marker && this.marker.setMap(null)\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.onchangeTargetMap()\n }\n\n get map() {\n return this._map\n }\n\n get infoWindow() {\n if (!this._infoWindow) this._infoWindow = new google.maps.InfoWindow()\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: InfoWindow) {\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: InfoWindow) {\n this.setInfoContent(iw)\n\n if (!this.map) {\n return\n }\n\n this.infoWindow.open(this.map, this.marker!)\n }\n\n onmarkerclick(e: Event) {\n var iw = this.findInfoWindow('tap')\n iw && this.openInfoWindow(iw)\n\n this.trigger('click', e)\n }\n\n onmarkermouseover(e: Event) {\n var iw = this.findInfoWindow('hover')\n iw && this.openInfoWindow(iw)\n }\n\n onmarkermouseout(e: Event) {\n var iw = this.findInfoWindow('hover')\n iw && this.infoWindow.close()\n }\n\n set marker(marker) {\n if (this._marker) {\n this._marker.setMap(null)\n google.maps.event.clearInstanceListeners(this._marker)\n\n delete this._marker\n }\n\n if (marker) {\n marker.addListener('click', this.onmarkerclick.bind(this))\n marker.addListener('mouseover', this.onmarkermouseover.bind(this))\n marker.addListener('mouseout', this.onmarkermouseout.bind(this))\n\n this._marker = marker\n }\n }\n\n get marker() {\n if (!this._marker && this.map) {\n let {\n lat,\n lng,\n fillStyle: fillColor,\n alpha: fillOpacity = 1,\n strokeStyle: strokeColor,\n lineWidth: strokeWeight\n } = this.state\n\n var marker = new google.maps.Marker({\n position: {\n lat: Number(lat) || 0,\n lng: Number(lng) || 0\n },\n map: this.map,\n icon: {\n path: MARKER_PATH,\n fillColor,\n fillOpacity,\n strokeColor,\n strokeWeight\n }\n })\n\n this.marker = marker\n }\n\n return this._marker\n }\n\n get hidden() {\n return super.hidden || this.app.isViewMode\n }\n\n set hidden(hidden) {\n super.hidden = hidden\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 get controls() {\n return []\n }\n\n onchangeTargetMap() {\n if (this.targetMap) {\n this._targetMap = null\n this._map = null\n }\n\n var id = this.get('targetMap')\n if (id !== undefined) {\n this._targetMap = this.root.findById(id) as GoogleMap\n\n if (this.targetMap) {\n this._map = this.targetMap.map\n\n if (!this.map) {\n var listener = (after: any) => {\n if ('map' in after) {\n this._map = after.map\n this.marker && this.marker.setMap(this.map!)\n\n this.targetMap!.off('change', listener)\n }\n }\n this.targetMap.on('change', listener)\n } else {\n this.marker && this.marker.setMap(this.map)\n }\n }\n }\n }\n\n get targetMap() {\n return this._targetMap\n }\n\n // get click_handler() {\n // if (!this._click_handler)\n // this._click_handler = this.onmarkerclick.bind(this);\n\n // return this._click_handler;\n // }\n\n onchange(after: Properties, before: Properties) {\n if ('targetMap' in after) {\n this.onchangeTargetMap()\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 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 this.marker && this.marker.setPosition(new google.maps.LatLng(lat, lng))\n\n this.setState({\n lat,\n lng\n })\n }\n\n get nature() {\n return NATURE\n }\n}\n\nComponent.register('gmap-marker', GMapMarker)\n"]}
|
package/dist/gmap-path.d.ts
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
/// <reference types="googlemaps" />
|
|
3
3
|
/// <reference types="googlemaps" />
|
|
4
4
|
/// <reference types="googlemaps" />
|
|
5
|
-
import { Component, InfoWindow, Properties, Shape } from '@hatiolab/things-scene';
|
|
5
|
+
import { Component, ComponentNature, InfoWindow, Properties, Shape } from '@hatiolab/things-scene';
|
|
6
6
|
import GoogleMap from './google-map';
|
|
7
7
|
declare const GMapPath_base: typeof Shape;
|
|
8
8
|
export default class GMapPath extends GMapPath_base {
|
|
@@ -31,24 +31,6 @@ export default class GMapPath extends GMapPath_base {
|
|
|
31
31
|
onchange(after: Properties, before: Properties): void;
|
|
32
32
|
get latlngs(): any;
|
|
33
33
|
set latlngs(latlngs: any);
|
|
34
|
-
get nature():
|
|
35
|
-
mutable: boolean;
|
|
36
|
-
resizable: boolean;
|
|
37
|
-
rotatable: boolean;
|
|
38
|
-
properties: ({
|
|
39
|
-
type: string;
|
|
40
|
-
label: string;
|
|
41
|
-
name: string;
|
|
42
|
-
property: {
|
|
43
|
-
component: string;
|
|
44
|
-
};
|
|
45
|
-
} | {
|
|
46
|
-
type: string;
|
|
47
|
-
label: string;
|
|
48
|
-
name: string;
|
|
49
|
-
property?: undefined;
|
|
50
|
-
})[];
|
|
51
|
-
'value-property': string;
|
|
52
|
-
};
|
|
34
|
+
get nature(): ComponentNature;
|
|
53
35
|
}
|
|
54
36
|
export {};
|
package/dist/gmap-path.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"gmap-path.js","sourceRoot":"","sources":["../src/gmap-path.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport { Component, InfoWindow, Properties, RectPath, Shape } from '@hatiolab/things-scene'\nimport GoogleMap from './google-map'\n\nconst NATURE = {\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: 'google-map'\n }\n },\n {\n type: 'checkbox',\n label: 'show-path',\n name: 'showPath'\n },\n {\n type: 'checkbox',\n label: 'show-intermediate-markers',\n name: 'showIntermediateMarkers'\n },\n {\n type: 'checkbox',\n label: 'start-end-marker-different-design',\n name: 'startEndMarkerDifferentDesign'\n }\n ],\n 'value-property': 'latlngs'\n // help: 'scene/component/gmap-path'\n}\n\nconst EMPTY_MARKER_PATH = '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'\nconst END_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'\nconst START_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 -3,-34 l 0,8 l 8,-4 l -8,-4 z m -0,-0 l 0,8 l 8,-4 l -8,-4'\n\nexport default class GMapPath extends RectPath(Shape) {\n private _infoWindow?: google.maps.InfoWindow\n private _markers: google.maps.Marker[] = []\n private _map?: google.maps.Map | null\n private _targetMap?: GoogleMap | null\n private _trackPath?: google.maps.Polyline\n\n dispose() {\n this.markers && this.markers.forEach(marker => marker.setMap(null))\n\n this.markers = []\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.onchangeTargetMap()\n }\n\n get map() {\n return this._map\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 getInfoContent(sceneInfoWindow: InfoWindow, index: number) {\n var tpl = Component.template(sceneInfoWindow.model.frontSideTemplate)\n return (\n `<style>${sceneInfoWindow.model.style}</style>` +\n tpl({\n data: this.data,\n index\n })\n )\n }\n\n openInfoWindow(iw: InfoWindow, index: number) {\n var content = this.getInfoContent(iw, index)\n\n if (!this.map) return\n\n var infoWindow = new google.maps.InfoWindow()\n infoWindow.setContent(content)\n infoWindow.open(this.map, this.markers![index])\n\n return infoWindow\n }\n\n buildMarkers() {\n if (!this.map) {\n return\n }\n\n let {\n latlngs = [],\n fillStyle: fillColor,\n alpha: fillOpacity = 1,\n strokeStyle: strokeColor,\n lineWidth: strokeWeight,\n showIntermediateMarkers = false,\n startEndMarkerDifferentDesign = true,\n showPath = false\n } = this.state\n\n if (showIntermediateMarkers) {\n var markers: google.maps.Marker[] = latlngs.map(({ lat, lng }: { lat: number; lng: number }, index: number) => {\n if (startEndMarkerDifferentDesign) {\n return new google.maps.Marker({\n position: {\n lat: Number(lat) || 0,\n lng: Number(lng) || 0\n },\n map: this.map!,\n icon: {\n path: index == 0 ? START_MARKER_PATH : index + 1 == latlngs.length ? END_MARKER_PATH : EMPTY_MARKER_PATH,\n fillColor,\n fillOpacity,\n strokeColor,\n strokeWeight\n }\n })\n } else {\n return new google.maps.Marker({\n position: {\n lat: Number(lat) || 0,\n lng: Number(lng) || 0\n },\n map: this.map!,\n icon: {\n path: EMPTY_MARKER_PATH,\n fillColor,\n fillOpacity,\n strokeColor,\n strokeWeight\n }\n })\n }\n })\n } else {\n var spots =\n latlngs.length > 1 ? [latlngs[0], latlngs[latlngs.length - 1]] : latlngs.length == 1 ? [latlngs[0]] : []\n\n var markers: google.maps.Marker[] = spots.map(({ lat, lng }, index) => {\n if (startEndMarkerDifferentDesign) {\n return new google.maps.Marker({\n position: {\n lat: Number(lat) || 0,\n lng: Number(lng) || 0\n },\n map: this.map!,\n icon: {\n path: index == 0 ? START_MARKER_PATH : END_MARKER_PATH,\n fillColor,\n fillOpacity,\n strokeColor,\n strokeWeight\n }\n })\n } else {\n return new google.maps.Marker({\n position: {\n lat: Number(lat) || 0,\n lng: Number(lng) || 0\n },\n map: this.map!,\n icon: {\n path: EMPTY_MARKER_PATH,\n fillColor,\n fillOpacity,\n strokeColor,\n strokeWeight\n }\n })\n }\n })\n }\n\n if (showPath) {\n this.trackPath = new google.maps.Polyline({\n path: latlngs,\n geodesic: true,\n strokeColor: '#FF0000',\n strokeOpacity: 1,\n strokeWeight: 4,\n map: this.map\n })\n }\n\n var infowindows = new Array(markers.length)\n\n markers.forEach((marker, index: number) => {\n marker.addListener('click', (e: Event) => {\n var iw = this.findInfoWindow('tap')\n iw && this.openInfoWindow(iw, index)\n\n this.trigger('click', e)\n })\n marker.addListener('mouseover', () => {\n var iw = this.findInfoWindow('hover')\n if (!iw) return\n infowindows[index] = this.openInfoWindow(iw, index)\n })\n marker.addListener('mouseout', () => {\n var infowindow = infowindows[index]\n infowindow && infowindow.close()\n infowindows[index] = null\n })\n })\n\n this.markers = markers\n }\n\n set markers(markers) {\n if (this._markers) {\n this._markers.forEach(marker => {\n marker.setMap(null)\n google.maps.event.clearInstanceListeners(marker)\n })\n\n this._markers = []\n }\n\n this._markers = markers\n }\n\n get markers() {\n if (!this._markers) {\n this.buildMarkers()\n }\n\n return this._markers\n }\n\n get trackPath() {\n return this._trackPath\n }\n\n set trackPath(trackPath) {\n if (this.trackPath) {\n this.trackPath.setMap(null)\n }\n\n this._trackPath = trackPath\n }\n\n get hidden() {\n return super.hidden || this.app.isViewMode\n }\n\n set hidden(hidden) {\n super.hidden = hidden\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 get controls() {\n return []\n }\n\n onchangeTargetMap() {\n if (this.targetMap) {\n this._targetMap = null\n this._map = null\n }\n\n var id = this.get('targetMap')\n if (id !== undefined) {\n this._targetMap = this.root.findById(id) as GoogleMap\n\n if (this.targetMap) {\n this._map = this.targetMap.map\n\n if (!this.map) {\n var listener = (after: any) => {\n if ('map' in after) {\n this._map = after.map\n this.markers && this.markers.forEach(marker => marker.setMap(this.map!))\n\n this.targetMap!.off('change', listener)\n }\n }\n this.targetMap.on('change', listener)\n } else {\n this.markers && this.markers.forEach(marker => marker.setMap(this.map!))\n }\n }\n }\n }\n\n get targetMap() {\n return this._targetMap\n }\n\n onchange(after: Properties, before: Properties) {\n if ('targetMap' in after) {\n this.onchangeTargetMap()\n }\n\n if ('latlngs' in after) {\n this.buildMarkers()\n }\n\n if ('fillStyle' in after || 'strokeStyle' in after || 'lineWidth' in after) {\n this.buildMarkers()\n }\n\n super.onchange && super.onchange(after, before)\n }\n\n get latlngs() {\n return this.getState('latlngs')\n }\n\n set latlngs(latlngs) {\n this.setState({\n latlngs\n })\n }\n\n get nature() {\n return NATURE\n }\n}\n\nComponent.register('gmap-path', GMapPath)\n"]}
|
|
1
|
+
{"version":3,"file":"gmap-path.js","sourceRoot":"","sources":["../src/gmap-path.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\n\nimport { Component, ComponentNature, InfoWindow, Properties, RectPath, Shape } from '@hatiolab/things-scene'\nimport GoogleMap from './google-map'\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: 'google-map'\n }\n },\n {\n type: 'checkbox',\n label: 'show-path',\n name: 'showPath'\n },\n {\n type: 'checkbox',\n label: 'show-intermediate-markers',\n name: 'showIntermediateMarkers'\n },\n {\n type: 'checkbox',\n label: 'start-end-marker-different-design',\n name: 'startEndMarkerDifferentDesign'\n }\n ],\n 'value-property': 'latlngs'\n // help: 'scene/component/gmap-path'\n}\n\nconst EMPTY_MARKER_PATH = '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'\nconst END_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'\nconst START_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 -3,-34 l 0,8 l 8,-4 l -8,-4 z m -0,-0 l 0,8 l 8,-4 l -8,-4'\n\nexport default class GMapPath extends RectPath(Shape) {\n private _infoWindow?: google.maps.InfoWindow\n private _markers: google.maps.Marker[] = []\n private _map?: google.maps.Map | null\n private _targetMap?: GoogleMap | null\n private _trackPath?: google.maps.Polyline\n\n dispose() {\n this.markers && this.markers.forEach(marker => marker.setMap(null))\n\n this.markers = []\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.onchangeTargetMap()\n }\n\n get map() {\n return this._map\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 getInfoContent(sceneInfoWindow: InfoWindow, index: number) {\n var tpl = Component.template(sceneInfoWindow.model.frontSideTemplate)\n return (\n `<style>${sceneInfoWindow.model.style}</style>` +\n tpl({\n data: this.data,\n index\n })\n )\n }\n\n openInfoWindow(iw: InfoWindow, index: number) {\n var content = this.getInfoContent(iw, index)\n\n if (!this.map) return\n\n var infoWindow = new google.maps.InfoWindow()\n infoWindow.setContent(content)\n infoWindow.open(this.map, this.markers![index])\n\n return infoWindow\n }\n\n buildMarkers() {\n if (!this.map) {\n return\n }\n\n let {\n latlngs = [],\n fillStyle: fillColor,\n alpha: fillOpacity = 1,\n strokeStyle: strokeColor,\n lineWidth: strokeWeight,\n showIntermediateMarkers = false,\n startEndMarkerDifferentDesign = true,\n showPath = false\n } = this.state\n\n if (showIntermediateMarkers) {\n var markers: google.maps.Marker[] = latlngs.map(({ lat, lng }: { lat: number; lng: number }, index: number) => {\n if (startEndMarkerDifferentDesign) {\n return new google.maps.Marker({\n position: {\n lat: Number(lat) || 0,\n lng: Number(lng) || 0\n },\n map: this.map!,\n icon: {\n path: index == 0 ? START_MARKER_PATH : index + 1 == latlngs.length ? END_MARKER_PATH : EMPTY_MARKER_PATH,\n fillColor,\n fillOpacity,\n strokeColor,\n strokeWeight\n }\n })\n } else {\n return new google.maps.Marker({\n position: {\n lat: Number(lat) || 0,\n lng: Number(lng) || 0\n },\n map: this.map!,\n icon: {\n path: EMPTY_MARKER_PATH,\n fillColor,\n fillOpacity,\n strokeColor,\n strokeWeight\n }\n })\n }\n })\n } else {\n var spots =\n latlngs.length > 1 ? [latlngs[0], latlngs[latlngs.length - 1]] : latlngs.length == 1 ? [latlngs[0]] : []\n\n var markers: google.maps.Marker[] = spots.map(({ lat, lng }, index) => {\n if (startEndMarkerDifferentDesign) {\n return new google.maps.Marker({\n position: {\n lat: Number(lat) || 0,\n lng: Number(lng) || 0\n },\n map: this.map!,\n icon: {\n path: index == 0 ? START_MARKER_PATH : END_MARKER_PATH,\n fillColor,\n fillOpacity,\n strokeColor,\n strokeWeight\n }\n })\n } else {\n return new google.maps.Marker({\n position: {\n lat: Number(lat) || 0,\n lng: Number(lng) || 0\n },\n map: this.map!,\n icon: {\n path: EMPTY_MARKER_PATH,\n fillColor,\n fillOpacity,\n strokeColor,\n strokeWeight\n }\n })\n }\n })\n }\n\n if (showPath) {\n this.trackPath = new google.maps.Polyline({\n path: latlngs,\n geodesic: true,\n strokeColor: '#FF0000',\n strokeOpacity: 1,\n strokeWeight: 4,\n map: this.map\n })\n }\n\n var infowindows = new Array(markers.length)\n\n markers.forEach((marker, index: number) => {\n marker.addListener('click', (e: Event) => {\n var iw = this.findInfoWindow('tap')\n iw && this.openInfoWindow(iw, index)\n\n this.trigger('click', e)\n })\n marker.addListener('mouseover', () => {\n var iw = this.findInfoWindow('hover')\n if (!iw) return\n infowindows[index] = this.openInfoWindow(iw, index)\n })\n marker.addListener('mouseout', () => {\n var infowindow = infowindows[index]\n infowindow && infowindow.close()\n infowindows[index] = null\n })\n })\n\n this.markers = markers\n }\n\n set markers(markers) {\n if (this._markers) {\n this._markers.forEach(marker => {\n marker.setMap(null)\n google.maps.event.clearInstanceListeners(marker)\n })\n\n this._markers = []\n }\n\n this._markers = markers\n }\n\n get markers() {\n if (!this._markers) {\n this.buildMarkers()\n }\n\n return this._markers\n }\n\n get trackPath() {\n return this._trackPath\n }\n\n set trackPath(trackPath) {\n if (this.trackPath) {\n this.trackPath.setMap(null)\n }\n\n this._trackPath = trackPath\n }\n\n get hidden() {\n return super.hidden || this.app.isViewMode\n }\n\n set hidden(hidden) {\n super.hidden = hidden\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 get controls() {\n return []\n }\n\n onchangeTargetMap() {\n if (this.targetMap) {\n this._targetMap = null\n this._map = null\n }\n\n var id = this.get('targetMap')\n if (id !== undefined) {\n this._targetMap = this.root.findById(id) as GoogleMap\n\n if (this.targetMap) {\n this._map = this.targetMap.map\n\n if (!this.map) {\n var listener = (after: any) => {\n if ('map' in after) {\n this._map = after.map\n this.markers && this.markers.forEach(marker => marker.setMap(this.map!))\n\n this.targetMap!.off('change', listener)\n }\n }\n this.targetMap.on('change', listener)\n } else {\n this.markers && this.markers.forEach(marker => marker.setMap(this.map!))\n }\n }\n }\n }\n\n get targetMap() {\n return this._targetMap\n }\n\n onchange(after: Properties, before: Properties) {\n if ('targetMap' in after) {\n this.onchangeTargetMap()\n }\n\n if ('latlngs' in after) {\n this.buildMarkers()\n }\n\n if ('fillStyle' in after || 'strokeStyle' in after || 'lineWidth' in after) {\n this.buildMarkers()\n }\n\n super.onchange && super.onchange(after, before)\n }\n\n get latlngs() {\n return this.getState('latlngs')\n }\n\n set latlngs(latlngs) {\n this.setState({\n latlngs\n })\n }\n\n get nature() {\n return NATURE\n }\n}\n\nComponent.register('gmap-path', GMapPath)\n"]}
|
package/dist/google-map.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/// <reference types="googlemaps" />
|
|
2
|
-
import { HTMLOverlayContainer, Properties } from '@hatiolab/things-scene';
|
|
2
|
+
import { ComponentNature, HTMLOverlayContainer, Properties } from '@hatiolab/things-scene';
|
|
3
3
|
export default class GoogleMap extends HTMLOverlayContainer {
|
|
4
4
|
static load(component: GoogleMap): void;
|
|
5
5
|
private static loaded;
|
|
@@ -25,25 +25,5 @@ export default class GoogleMap extends HTMLOverlayContainer {
|
|
|
25
25
|
lat: any;
|
|
26
26
|
lng: any;
|
|
27
27
|
});
|
|
28
|
-
get nature():
|
|
29
|
-
mutable: boolean;
|
|
30
|
-
resizable: boolean;
|
|
31
|
-
rotatable: boolean;
|
|
32
|
-
properties: ({
|
|
33
|
-
type: string;
|
|
34
|
-
label: string;
|
|
35
|
-
name: string;
|
|
36
|
-
property: {
|
|
37
|
-
step: number;
|
|
38
|
-
max: number;
|
|
39
|
-
min: number;
|
|
40
|
-
};
|
|
41
|
-
} | {
|
|
42
|
-
type: string;
|
|
43
|
-
label: string;
|
|
44
|
-
name: string;
|
|
45
|
-
property?: undefined;
|
|
46
|
-
})[];
|
|
47
|
-
'value-property': string;
|
|
48
|
-
};
|
|
28
|
+
get nature(): ComponentNature;
|
|
49
29
|
}
|
package/dist/google-map.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"google-map.js","sourceRoot":"","sources":["../src/google-map.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,MAAM,MAAM,
|
|
1
|
+
{"version":3,"file":"google-map.js","sourceRoot":"","sources":["../src/google-map.ts"],"names":[],"mappings":"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","sourcesContent":["/*\n * Copyright © HatioLab Inc. All rights reserved.\n */\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: 'string',\n label: 'api-key',\n name: 'apiKey'\n }\n ],\n 'value-property': 'latlng'\n // help: 'scene/component/gmap-map'\n}\n\nimport {\n Component,\n ComponentNature,\n HTMLOverlayContainer,\n Properties,\n ScriptLoader,\n error\n} from '@hatiolab/things-scene'\n\nfunction getGlobalScale(component: GoogleMap) {\n var scale = { x: 1, y: 1 }\n var parent: Component = 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\nexport default class GoogleMap extends HTMLOverlayContainer {\n static load(component: GoogleMap) {\n var key = component.get('apiKey')\n ScriptLoader.load('https://maps.googleapis.com/maps/api/js' + (key ? '?key=' + key : '')).then(\n () => component.onload(),\n error\n )\n }\n\n private static loaded: boolean = false\n\n private _listenTo?: Component\n private _listener? = function (this: GoogleMap, after: any) {\n after.scale && this.rescale()\n }.bind(this)\n\n private _anchor?: HTMLDivElement\n private _map?: google.maps.Map\n\n ready() {\n super.ready()\n\n if (this.rootModel) {\n this._listenTo = this.rootModel\n this.rootModel.on('change', this._listener!)\n }\n }\n\n removed() {\n if (this._listenTo) {\n this._listenTo.off('change', this._listener!)\n\n delete this._listenTo\n delete this._listener\n }\n }\n\n /*\n * google map은 scale된 상태에서 마우스 포지션을 정확히 매핑하지 못하므로, 마커를 정상적으로 동작시키지 못한다.\n * 따라서, google map의 경우에는 부모의 스케일의 역으로 transform해서, scale을 1로 맞추어야 한다.\n */\n rescale() {\n var anchor = this._anchor\n if (!anchor) {\n return\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 ;['-webkit-', '-moz-', '-ms-', '-o-', ''].forEach(prefix => {\n anchor!.style[(prefix + 'transform') as any] = transform\n anchor!.style[(prefix + 'transform-origin') as any] = '0px 0px'\n })\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 if (GoogleMap.loaded) {\n google.maps.event.trigger(this.map, 'resize')\n let { lat, lng } = this.state\n this.map &&\n this.map.setCenter({\n lat,\n lng\n })\n }\n }\n\n createElement() {\n super.createElement()\n this._anchor = document.createElement('div')\n this.element.appendChild(this._anchor)\n this.rescale()\n\n GoogleMap.load(this)\n }\n\n onload() {\n GoogleMap.loaded = true\n\n var { lat, lng, zoom } = this.state\n\n try {\n this._map = new google.maps.Map(this._anchor!, {\n zoom,\n center: new google.maps.LatLng(lat, lng)\n })\n } finally {\n /*\n * setState 로 map 객체가 생성되었음을 change 이벤트로 알려줄 수 있다\n * - set('map', this._map)으로 만들 지 않도록 주의한다.\n * - setState('map', this._map)으로해야 컴포넌트 모델에 추가되지 않는다.\n */\n this.setState('map', this._map)\n this.rescale()\n }\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 onchange(after: Properties, before: Properties) {\n if (GoogleMap.loaded) {\n if (after.zoom) {\n this.map!.setZoom(after.zoom)\n }\n\n if ('lat' in after || 'lng' in after) {\n let { lat, lng } = this.state\n this.map!.setCenter(new google.maps.LatLng(lat, lng))\n }\n }\n\n super.onchange(after, before)\n\n this.rescale()\n }\n\n get latlng() {\n return {\n lat: this.get('lat'),\n lng: this.get('lng')\n }\n }\n\n set latlng(latlng) {\n this.set(latlng)\n }\n\n get nature() {\n return NATURE\n }\n}\n\nComponent.register('google-map', GoogleMap)\n"]}
|
package/package.json
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
"name": "@operato/scene-google-map",
|
|
3
3
|
"description": "Google map integration component for things-scene",
|
|
4
4
|
"author": "heartyoh",
|
|
5
|
-
"version": "
|
|
5
|
+
"version": "2.0.0-alpha.0",
|
|
6
6
|
"main": "dist/index.js",
|
|
7
7
|
"module": "dist/index.js",
|
|
8
8
|
"license": "MIT",
|
|
@@ -31,8 +31,8 @@
|
|
|
31
31
|
},
|
|
32
32
|
"devDependencies": {
|
|
33
33
|
"@hatiolab/prettier-config": "^1.0.0",
|
|
34
|
-
"@things-factory/builder": "^
|
|
35
|
-
"@things-factory/operato-board": "^
|
|
34
|
+
"@things-factory/builder": "^7.0.0-alpha.0",
|
|
35
|
+
"@things-factory/operato-board": "^7.0.0-alpha.0",
|
|
36
36
|
"@types/googlemaps": "^3.43.3",
|
|
37
37
|
"@typescript-eslint/eslint-plugin": "^4.33.0",
|
|
38
38
|
"@typescript-eslint/parser": "^4.33.0",
|
|
@@ -58,5 +58,5 @@
|
|
|
58
58
|
"prettier --write"
|
|
59
59
|
]
|
|
60
60
|
},
|
|
61
|
-
"gitHead": "
|
|
61
|
+
"gitHead": "2268fc7a750dda9a342677a6acf4ef99afe1b90c"
|
|
62
62
|
}
|
package/src/gmap-marker.ts
CHANGED
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
* Copyright © HatioLab Inc. All rights reserved.
|
|
3
3
|
*/
|
|
4
4
|
|
|
5
|
-
import { Component, InfoWindow, Properties, RectPath, Shape } from '@hatiolab/things-scene'
|
|
5
|
+
import { Component, ComponentNature, InfoWindow, Properties, RectPath, Shape } from '@hatiolab/things-scene'
|
|
6
6
|
import GoogleMap from './google-map'
|
|
7
7
|
|
|
8
|
-
const NATURE = {
|
|
8
|
+
const NATURE: ComponentNature = {
|
|
9
9
|
mutable: false,
|
|
10
10
|
resizable: true,
|
|
11
11
|
rotatable: true,
|
package/src/gmap-path.ts
CHANGED
|
@@ -2,10 +2,10 @@
|
|
|
2
2
|
* Copyright © HatioLab Inc. All rights reserved.
|
|
3
3
|
*/
|
|
4
4
|
|
|
5
|
-
import { Component, InfoWindow, Properties, RectPath, Shape } from '@hatiolab/things-scene'
|
|
5
|
+
import { Component, ComponentNature, InfoWindow, Properties, RectPath, Shape } from '@hatiolab/things-scene'
|
|
6
6
|
import GoogleMap from './google-map'
|
|
7
7
|
|
|
8
|
-
const NATURE = {
|
|
8
|
+
const NATURE: ComponentNature = {
|
|
9
9
|
mutable: false,
|
|
10
10
|
resizable: true,
|
|
11
11
|
rotatable: true,
|
package/src/google-map.ts
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* Copyright © HatioLab Inc. All rights reserved.
|
|
3
3
|
*/
|
|
4
4
|
|
|
5
|
-
const NATURE = {
|
|
5
|
+
const NATURE: ComponentNature = {
|
|
6
6
|
mutable: false,
|
|
7
7
|
resizable: true,
|
|
8
8
|
rotatable: true,
|
|
@@ -42,7 +42,14 @@ const NATURE = {
|
|
|
42
42
|
// help: 'scene/component/gmap-map'
|
|
43
43
|
}
|
|
44
44
|
|
|
45
|
-
import {
|
|
45
|
+
import {
|
|
46
|
+
Component,
|
|
47
|
+
ComponentNature,
|
|
48
|
+
HTMLOverlayContainer,
|
|
49
|
+
Properties,
|
|
50
|
+
ScriptLoader,
|
|
51
|
+
error
|
|
52
|
+
} from '@hatiolab/things-scene'
|
|
46
53
|
|
|
47
54
|
function getGlobalScale(component: GoogleMap) {
|
|
48
55
|
var scale = { x: 1, y: 1 }
|