@open-pioneer/geolocation 0.10.0 → 0.11.0-dev.20250515143825
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 +14 -0
- package/Geolocation.d.ts +1 -1
- package/Geolocation.js +10 -10
- package/Geolocation.js.map +1 -1
- package/GeolocationController.js.map +1 -1
- package/package.json +10 -10
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,19 @@
|
|
|
1
1
|
# @open-pioneer/geolocation
|
|
2
2
|
|
|
3
|
+
## 0.11.0-dev.20250515143825
|
|
4
|
+
|
|
5
|
+
### Minor Changes
|
|
6
|
+
|
|
7
|
+
- 738390e: Update to Chakra v3
|
|
8
|
+
|
|
9
|
+
### Patch Changes
|
|
10
|
+
|
|
11
|
+
- Updated dependencies [738390e]
|
|
12
|
+
- Updated dependencies [738390e]
|
|
13
|
+
- Updated dependencies [738390e]
|
|
14
|
+
- @open-pioneer/map@0.11.0-dev.20250515143825
|
|
15
|
+
- @open-pioneer/map-ui-components@0.11.0-dev.20250515143825
|
|
16
|
+
|
|
3
17
|
## 0.10.0
|
|
4
18
|
|
|
5
19
|
### Minor Changes
|
package/Geolocation.d.ts
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
|
+
import { ButtonProps } from "@chakra-ui/react";
|
|
1
2
|
import { MapModelProps } from "@open-pioneer/map";
|
|
2
3
|
import { CommonComponentProps } from "@open-pioneer/react-utils";
|
|
3
4
|
import { StyleLike } from "ol/style/Style";
|
|
4
5
|
import { FC, RefAttributes } from "react";
|
|
5
|
-
import { ButtonProps } from "@open-pioneer/chakra-integration";
|
|
6
6
|
/**
|
|
7
7
|
* These are properties supported by the {@link Geolocation} component.
|
|
8
8
|
*/
|
package/Geolocation.js
CHANGED
|
@@ -4,12 +4,12 @@ import { ToolButton } from '@open-pioneer/map-ui-components';
|
|
|
4
4
|
import { useCommonComponentProps } from '@open-pioneer/react-utils';
|
|
5
5
|
import { useReactiveSnapshot } from '@open-pioneer/reactivity';
|
|
6
6
|
import { useIntl, useService } from './_virtual/_virtual-pioneer-module_react-hooks.js';
|
|
7
|
-
import {
|
|
7
|
+
import { useState, useEffect } from 'react';
|
|
8
8
|
import { MdMyLocation } from 'react-icons/md';
|
|
9
9
|
import { GeolocationController } from './GeolocationController.js';
|
|
10
10
|
|
|
11
|
-
const Geolocation =
|
|
12
|
-
const { maxZoom, positionFeatureStyle, accuracyFeatureStyle, trackingOptions } = props;
|
|
11
|
+
const Geolocation = function Geolocation2(props) {
|
|
12
|
+
const { maxZoom, positionFeatureStyle, accuracyFeatureStyle, trackingOptions, ref } = props;
|
|
13
13
|
const { map } = useMapModel(props);
|
|
14
14
|
const controller = useController(
|
|
15
15
|
map,
|
|
@@ -19,9 +19,9 @@ const Geolocation = forwardRef(function Geolocation2(props, ref) {
|
|
|
19
19
|
accuracyFeatureStyle
|
|
20
20
|
);
|
|
21
21
|
return controller && /* @__PURE__ */ jsx(GeolocationImpl, { ...props, controller, ref });
|
|
22
|
-
}
|
|
23
|
-
const GeolocationImpl =
|
|
24
|
-
const { controller, buttonProps } = props;
|
|
22
|
+
};
|
|
23
|
+
const GeolocationImpl = function GeolocationImpl2(props) {
|
|
24
|
+
const { controller, buttonProps, ref } = props;
|
|
25
25
|
const { containerProps } = useCommonComponentProps("geolocation", props);
|
|
26
26
|
const { isLoading, isActive } = useReactiveSnapshot(() => {
|
|
27
27
|
return {
|
|
@@ -55,13 +55,13 @@ const GeolocationImpl = forwardRef(function GeolocationImpl2(props, ref) {
|
|
|
55
55
|
label,
|
|
56
56
|
icon: /* @__PURE__ */ jsx(MdMyLocation, {}),
|
|
57
57
|
onClick: () => toggleActiveState(),
|
|
58
|
-
isActive,
|
|
59
|
-
isLoading,
|
|
60
|
-
|
|
58
|
+
active: isActive,
|
|
59
|
+
loading: isLoading,
|
|
60
|
+
disabled: !controller.supported,
|
|
61
61
|
...containerProps
|
|
62
62
|
}
|
|
63
63
|
);
|
|
64
|
-
}
|
|
64
|
+
};
|
|
65
65
|
function useController(map, maxZoom, trackingOptions, positionFeatureStyle, accuracyFeatureStyle) {
|
|
66
66
|
const intl = useIntl();
|
|
67
67
|
const notificationService = useService("notifier.NotificationService");
|
package/Geolocation.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Geolocation.js","sources":["Geolocation.tsx"],"sourcesContent":["// SPDX-FileCopyrightText: 2023-2025 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport { MapModel, MapModelProps, useMapModel } from \"@open-pioneer/map\";\nimport { ToolButton } from \"@open-pioneer/map-ui-components\";\nimport { NotificationService } from \"@open-pioneer/notifier\";\nimport { CommonComponentProps, useCommonComponentProps } from \"@open-pioneer/react-utils\";\nimport { useReactiveSnapshot } from \"@open-pioneer/reactivity\";\nimport { StyleLike } from \"ol/style/Style\";\nimport { useIntl, useService } from \"open-pioneer:react-hooks\";\nimport { FC,
|
|
1
|
+
{"version":3,"file":"Geolocation.js","sources":["Geolocation.tsx"],"sourcesContent":["// SPDX-FileCopyrightText: 2023-2025 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport { ButtonProps } from \"@chakra-ui/react\";\nimport { MapModel, MapModelProps, useMapModel } from \"@open-pioneer/map\";\nimport { ToolButton } from \"@open-pioneer/map-ui-components\";\nimport { NotificationService } from \"@open-pioneer/notifier\";\nimport { CommonComponentProps, useCommonComponentProps } from \"@open-pioneer/react-utils\";\nimport { useReactiveSnapshot } from \"@open-pioneer/reactivity\";\nimport { StyleLike } from \"ol/style/Style\";\nimport { useIntl, useService } from \"open-pioneer:react-hooks\";\nimport { FC, RefAttributes, useEffect, useState } from \"react\";\nimport { MdMyLocation } from \"react-icons/md\";\nimport { GeolocationController, OnErrorCallback } from \"./GeolocationController\";\n\n/**\n * These are properties supported by the {@link Geolocation} component.\n */\nexport interface GeolocationProps\n extends CommonComponentProps,\n RefAttributes<HTMLButtonElement>,\n MapModelProps {\n /**\n * Additional properties for the `Button` element.\n *\n * Note that the ToolButton also defines some of these props.\n */\n buttonProps?: Partial<ButtonProps>;\n /**\n * The default maximal zoom level\n */\n maxZoom?: number;\n /**\n * Style to be applied for the positioning highlight feature.\n */\n positionFeatureStyle?: StyleLike;\n /**\n * Style to be applied for the accuracy highlight of the positioning feature.\n */\n accuracyFeatureStyle?: StyleLike;\n /**\n * Position options for the Geolocation-Object.\n * See [PositionOptions](https://www.w3.org/TR/geolocation/#position_options_interface) for more details.\n *\n * NOTE: Changing the tracking options at runtime will reset the component's state.\n */\n trackingOptions?: PositionOptions;\n}\n\nexport const Geolocation: FC<GeolocationProps> = function Geolocation(props: GeolocationProps) {\n const { maxZoom, positionFeatureStyle, accuracyFeatureStyle, trackingOptions, ref } = props;\n const { map } = useMapModel(props);\n const controller = useController(\n map,\n maxZoom,\n trackingOptions,\n positionFeatureStyle,\n accuracyFeatureStyle\n );\n return controller && <GeolocationImpl {...props} controller={controller} ref={ref} />;\n};\n\n// This is a separate component so we can act like the controller is always present.\n// This is the case in practice (except for the initial loading phase where the component is not-yet-mounted).\nconst GeolocationImpl = function GeolocationImpl(\n props: GeolocationProps & { controller: GeolocationController }\n) {\n const { controller, buttonProps, ref } = props;\n const { containerProps } = useCommonComponentProps(\"geolocation\", props);\n const { isLoading, isActive } = useReactiveSnapshot(() => {\n return {\n isLoading: controller.loading,\n isActive: controller.active\n };\n }, [controller]);\n\n const intl = useIntl();\n const label = (() => {\n if (!controller.supported) {\n return intl.formatMessage({ id: \"locateNotSupported\" });\n }\n\n if (isActive) {\n return intl.formatMessage({ id: \"locateMeEnd\" });\n } else {\n return intl.formatMessage({ id: \"locateMeStart\" });\n }\n })();\n\n const toggleActiveState = () => {\n if (controller.active) {\n controller.stopGeolocation();\n } else {\n controller.startGeolocation();\n }\n };\n\n return (\n <ToolButton\n ref={ref}\n buttonProps={buttonProps}\n label={label}\n icon={<MdMyLocation />}\n onClick={() => toggleActiveState()}\n active={isActive}\n loading={isLoading}\n disabled={!controller.supported}\n {...containerProps}\n />\n );\n};\n\nfunction useController(\n map: MapModel | undefined,\n maxZoom: number | undefined,\n trackingOptions: PositionOptions | undefined,\n positionFeatureStyle: StyleLike | undefined,\n accuracyFeatureStyle: StyleLike | undefined\n): GeolocationController | undefined {\n const intl = useIntl();\n const notificationService = useService<NotificationService>(\"notifier.NotificationService\");\n const [controller, setController] = useState<GeolocationController>();\n useEffect(() => {\n if (!map) {\n return;\n }\n\n const onError: OnErrorCallback = (error) => {\n const title = intl.formatMessage({ id: \"error\" });\n const description = (() => {\n switch (error) {\n case \"permission-denied\":\n return intl.formatMessage({ id: \"permissionDenied\" });\n case \"position-unavailable\":\n return intl.formatMessage({ id: \"positionUnavailable\" });\n case \"timeout\":\n return intl.formatMessage({ id: \"timeout\" });\n case \"unknown\":\n return intl.formatMessage({ id: \"unknownError\" });\n }\n })();\n\n notificationService.notify({\n level: \"error\",\n title: title,\n message: description\n });\n };\n\n const geolocationController = new GeolocationController(map, onError, trackingOptions);\n setController(geolocationController);\n\n return () => {\n geolocationController.destroy();\n setController(undefined);\n };\n }, [map, trackingOptions, intl, notificationService]);\n useEffect(() => {\n controller?.setPositionFeatureStyle(positionFeatureStyle);\n }, [controller, positionFeatureStyle]);\n useEffect(() => {\n controller?.setAccuracyFeatureStyle(accuracyFeatureStyle);\n }, [controller, accuracyFeatureStyle]);\n useEffect(() => {\n controller?.setMaxZoom(maxZoom);\n }, [controller, maxZoom]);\n return controller;\n}\n"],"names":["Geolocation","GeolocationImpl"],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GeolocationController.js","sources":["GeolocationController.ts"],"sourcesContent":["// SPDX-FileCopyrightText: 2023-2025 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport { reactive } from \"@conterra/reactivity-core\";\nimport { createLogger } from \"@open-pioneer/core\";\nimport { TOPMOST_LAYER_Z, calculateBufferedExtent, MapModel } from \"@open-pioneer/map\";\nimport Feature from \"ol/Feature\";\nimport olGeolocation, { GeolocationError } from \"ol/Geolocation\";\nimport { unByKey } from \"ol/Observable\";\nimport { Coordinate } from \"ol/coordinate\";\nimport type { EventsKey } from \"ol/events\";\nimport { Extent } from \"ol/extent\";\nimport { Polygon } from \"ol/geom\";\nimport Point from \"ol/geom/Point\";\nimport VectorLayer from \"ol/layer/Vector\";\nimport VectorSource from \"ol/source/Vector\";\nimport { Circle as CircleStyle, Fill, Stroke, Style } from \"ol/style\";\nimport { StyleLike } from \"ol/style/Style\";\n\nconst LOG = createLogger(\"geolocation:GeolocationController\");\nconst DEFAULT_MAX_ZOOM = 17;\n\nexport type ErrorEvent = \"permission-denied\" | \"position-unavailable\" | \"timeout\" | \"unknown\";\n\nexport type OnErrorCallback = (errorEvent: ErrorEvent) => void;\n\nexport class GeolocationController {\n /** True if location tracking is supported by the browser. */\n public readonly supported = !!navigator.geolocation;\n\n private readonly map: MapModel;\n private readonly positionHighlightLayer: VectorLayer<VectorSource, Feature>;\n private readonly geolocation: olGeolocation;\n private readonly onError: OnErrorCallback;\n\n private maxZoom: number = DEFAULT_MAX_ZOOM;\n private accuracyFeature: Feature | undefined;\n private positionFeature: Feature | undefined;\n private changeHandlers: EventsKey[] = [];\n private setMapToPosition: boolean = true;\n private trackingOptions: PositionOptions = {};\n private isInitialZoom: boolean = true;\n\n #loading = reactive(false);\n #active = reactive(false);\n\n constructor(map: MapModel, onError: OnErrorCallback, trackingOptions?: PositionOptions) {\n this.map = map;\n this.onError = onError;\n this.isInitialZoom = true;\n\n this.accuracyFeature = new Feature();\n this.accuracyFeature.setStyle(getDefaultAccuracyStyle());\n\n this.positionFeature = new Feature();\n this.positionFeature.setStyle(getDefaultPositionStyle());\n\n this.positionHighlightLayer = new VectorLayer({\n source: new VectorSource({\n features: [this.accuracyFeature, this.positionFeature]\n })\n });\n this.positionHighlightLayer.setZIndex(TOPMOST_LAYER_Z);\n\n const geolocationTrackingOptions: PositionOptions =\n trackingOptions || getDefaultTrackingOptions();\n\n this.geolocation = new olGeolocation({\n tracking: false,\n trackingOptions: geolocationTrackingOptions,\n projection: map.olView?.getProjection()\n });\n\n this.trackingOptions = geolocationTrackingOptions;\n this.geolocation.on(\"error\", (event) => this.handleGeolocationError(event));\n }\n\n destroy() {\n this.stopGeolocation();\n this.geolocation?.setTracking(false);\n this.geolocation.dispose();\n this.accuracyFeature = undefined;\n this.positionFeature = undefined;\n this.positionHighlightLayer.dispose();\n }\n\n startGeolocation() {\n if (this.#active.value) {\n return;\n }\n\n const geolocationPromise = new Promise<void>((resolve) => {\n this.#active.value = true;\n this.#loading.value = true;\n\n this.geolocation?.setProjection(this.map.olView?.getProjection());\n this.geolocation?.setTracking(true);\n\n const accuracyChangeHandler: EventsKey = this.geolocation.on(\n \"change:accuracyGeometry\",\n () => {\n const accuracyGeometry: Polygon | undefined =\n this.geolocation.getAccuracyGeometry() || undefined;\n this.accuracyFeature?.setGeometry(accuracyGeometry);\n if (this.accuracyFeature?.getGeometry() !== undefined) {\n resolve();\n }\n if (this.isInitialZoom) {\n const accuracyGeometryExtent: Extent | undefined = this?.accuracyFeature\n ?.getGeometry()\n ?.getExtent();\n if (accuracyGeometryExtent) {\n const bufferedExtent = calculateBufferedExtent(accuracyGeometryExtent);\n if (!bufferedExtent) {\n return;\n }\n this.map.olView.fit(bufferedExtent, {\n maxZoom: this.maxZoom\n });\n this.isInitialZoom = false;\n }\n }\n }\n );\n\n const positionChangeHandler: EventsKey = this.geolocation.on(\"change:position\", () => {\n const coordinates: Coordinate | undefined = this.geolocation.getPosition();\n if (coordinates && (coordinates[0] || coordinates[1]) !== undefined) {\n this.positionFeature?.setGeometry(new Point(coordinates));\n if (this.setMapToPosition) {\n this.map.olView.setCenter(coordinates);\n }\n if (this.positionFeature?.getGeometry() !== undefined) {\n resolve();\n }\n }\n });\n\n // zoom changes\n const resolutionChangeHandler: EventsKey = this.map.olView.on(\n \"change:resolution\",\n () => {\n this.setMapToPosition = this.isInitialZoom;\n }\n );\n\n // pointermove is triggered when a pointer is moved.\n // Note that on touch devices this is triggered when the map is panned,\n // so is not the same as mousemove.\n const draggingHandler: EventsKey = this.map.olMap.on(\"pointermove\", (evt) => {\n if (evt.dragging) {\n this.setMapToPosition = false;\n }\n });\n\n this.changeHandlers.push(\n accuracyChangeHandler,\n positionChangeHandler,\n resolutionChangeHandler,\n draggingHandler\n );\n\n this.map.olMap.addLayer(this.positionHighlightLayer);\n });\n\n geolocationPromise\n .then(() => {\n // Promise resolves once we have a position\n this.#loading.value = false;\n })\n .catch((error: Error) => {\n LOG.error(\"Failed to determine location\", error);\n });\n }\n\n stopGeolocation() {\n this.geolocation?.setTracking(false);\n this.#active.value = false;\n this.#loading.value = false;\n this.trackingOptions = {};\n this.setMapToPosition = true;\n this.isInitialZoom = true;\n\n this.changeHandlers.forEach((handler) => {\n unByKey(handler);\n });\n this.changeHandlers = [];\n this.accuracyFeature?.setGeometry(undefined);\n this.positionFeature?.setGeometry(undefined);\n this.map.olMap.removeLayer(this.positionHighlightLayer);\n }\n\n /** True if the position is being tracked. */\n get active(): boolean {\n return this.#active.value;\n }\n\n /**\n * True if loading (active but no position available yet).\n * Use this to show a progress indicator.\n */\n get loading(): boolean {\n return this.#loading.value;\n }\n\n setPositionFeatureStyle(styleLike: StyleLike | undefined) {\n this.positionFeature?.setStyle(styleLike ?? getDefaultPositionStyle());\n }\n\n setAccuracyFeatureStyle(styleLike: StyleLike | undefined) {\n this.accuracyFeature?.setStyle(styleLike ?? getDefaultAccuracyStyle());\n }\n\n setMaxZoom(maxZoom: number | undefined) {\n this.maxZoom = maxZoom ?? DEFAULT_MAX_ZOOM;\n }\n\n getMaxZoom() {\n return this.maxZoom;\n }\n\n getPositionFeature() {\n return this.positionFeature;\n }\n\n getAccuracyFeature() {\n return this.accuracyFeature;\n }\n\n getTrackingOptions() {\n return this.trackingOptions;\n }\n\n getGeolocation() {\n return this.geolocation;\n }\n\n private handleGeolocationError(event: GeolocationError) {\n LOG.error(\"Error from geolocation API:\", event.message);\n\n this.stopGeolocation();\n const error: ErrorEvent = (() => {\n switch (event.code) {\n case 1:\n return \"permission-denied\";\n case 2:\n return \"position-unavailable\";\n case 3:\n return \"timeout\";\n default:\n return \"unknown\";\n }\n })();\n this.onError(error);\n }\n}\n\nexport const getDefaultPositionStyle = () => {\n return new Style({\n image: new CircleStyle({\n radius: 6,\n fill: new Fill({\n color: \"#3399CC\"\n }),\n stroke: new Stroke({\n color: \"#fff\",\n width: 2\n })\n })\n });\n};\n\nexport const getDefaultAccuracyStyle = () => {\n return new Style({\n stroke: new Stroke({\n color: \"#3399CC\",\n width: 3\n }),\n fill: new Fill({\n color: \"rgba(0, 0, 255, 0.05)\"\n })\n });\n};\n\nexport const getDefaultTrackingOptions = (): PositionOptions => {\n return {\n \"enableHighAccuracy\": true,\n \"timeout\": 60000,\n \"maximumAge\": 600000\n };\n};\n"],"names":["CircleStyle"],"mappings":";;;;;;;;;;;AAkBA,MAAM,GAAA,GAAM,aAAa,mCAAmC,CAAA;AAC5D,MAAM,gBAAmB,GAAA,EAAA;AAMlB,MAAM,qBAAsB,CAAA;AAAA;AAAA,EAEf,SAAA,GAAY,CAAC,CAAC,SAAU,CAAA,WAAA;AAAA,EAEvB,GAAA;AAAA,EACA,sBAAA;AAAA,EACA,WAAA;AAAA,EACA,OAAA;AAAA,EAET,OAAkB,GAAA,gBAAA;AAAA,EAClB,eAAA;AAAA,EACA,eAAA;AAAA,EACA,iBAA8B,EAAC;AAAA,EAC/B,gBAA4B,GAAA,IAAA;AAAA,EAC5B,kBAAmC,EAAC;AAAA,EACpC,aAAyB,GAAA,IAAA;AAAA,EAEjC,QAAA,GAAW,SAAS,KAAK,CAAA;AAAA,EACzB,OAAA,GAAU,SAAS,KAAK,CAAA;AAAA,EAExB,WAAA,CAAY,GAAe,EAAA,OAAA,EAA0B,eAAmC,EAAA;AACpF,IAAA,IAAA,CAAK,GAAM,GAAA,GAAA;AACX,IAAA,IAAA,CAAK,OAAU,GAAA,OAAA;AACf,IAAA,IAAA,CAAK,aAAgB,GAAA,IAAA;AAErB,IAAK,IAAA,CAAA,eAAA,GAAkB,IAAI,OAAQ,EAAA;AACnC,IAAK,IAAA,CAAA,eAAA,CAAgB,QAAS,CAAA,uBAAA,EAAyB,CAAA;AAEvD,IAAK,IAAA,CAAA,eAAA,GAAkB,IAAI,OAAQ,EAAA;AACnC,IAAK,IAAA,CAAA,eAAA,CAAgB,QAAS,CAAA,uBAAA,EAAyB,CAAA;AAEvD,IAAK,IAAA,CAAA,sBAAA,GAAyB,IAAI,WAAY,CAAA;AAAA,MAC1C,MAAA,EAAQ,IAAI,YAAa,CAAA;AAAA,QACrB,QAAU,EAAA,CAAC,IAAK,CAAA,eAAA,EAAiB,KAAK,eAAe;AAAA,OACxD;AAAA,KACJ,CAAA;AACD,IAAK,IAAA,CAAA,sBAAA,CAAuB,UAAU,eAAe,CAAA;AAErD,IAAM,MAAA,0BAAA,GACF,mBAAmB,yBAA0B,EAAA;AAEjD,IAAK,IAAA,CAAA,WAAA,GAAc,IAAI,aAAc,CAAA;AAAA,MACjC,QAAU,EAAA,KAAA;AAAA,MACV,eAAiB,EAAA,0BAAA;AAAA,MACjB,UAAA,EAAY,GAAI,CAAA,MAAA,EAAQ,aAAc;AAAA,KACzC,CAAA;AAED,IAAA,IAAA,CAAK,eAAkB,GAAA,0BAAA;AACvB,IAAK,IAAA,CAAA,WAAA,CAAY,GAAG,OAAS,EAAA,CAAC,UAAU,IAAK,CAAA,sBAAA,CAAuB,KAAK,CAAC,CAAA;AAAA;AAC9E,EAEA,OAAU,GAAA;AACN,IAAA,IAAA,CAAK,eAAgB,EAAA;AACrB,IAAK,IAAA,CAAA,WAAA,EAAa,YAAY,KAAK,CAAA;AACnC,IAAA,IAAA,CAAK,YAAY,OAAQ,EAAA;AACzB,IAAA,IAAA,CAAK,eAAkB,GAAA,MAAA;AACvB,IAAA,IAAA,CAAK,eAAkB,GAAA,MAAA;AACvB,IAAA,IAAA,CAAK,uBAAuB,OAAQ,EAAA;AAAA;AACxC,EAEA,gBAAmB,GAAA;AACf,IAAI,IAAA,IAAA,CAAK,QAAQ,KAAO,EAAA;AACpB,MAAA;AAAA;AAGJ,IAAA,MAAM,kBAAqB,GAAA,IAAI,OAAc,CAAA,CAAC,OAAY,KAAA;AACtD,MAAA,IAAA,CAAK,QAAQ,KAAQ,GAAA,IAAA;AACrB,MAAA,IAAA,CAAK,SAAS,KAAQ,GAAA,IAAA;AAEtB,MAAA,IAAA,CAAK,aAAa,aAAc,CAAA,IAAA,CAAK,GAAI,CAAA,MAAA,EAAQ,eAAe,CAAA;AAChE,MAAK,IAAA,CAAA,WAAA,EAAa,YAAY,IAAI,CAAA;AAElC,MAAM,MAAA,qBAAA,GAAmC,KAAK,WAAY,CAAA,EAAA;AAAA,QACtD,yBAAA;AAAA,QACA,MAAM;AACF,UAAA,MAAM,gBACF,GAAA,IAAA,CAAK,WAAY,CAAA,mBAAA,EAAyB,IAAA,MAAA;AAC9C,UAAK,IAAA,CAAA,eAAA,EAAiB,YAAY,gBAAgB,CAAA;AAClD,UAAA,IAAI,IAAK,CAAA,eAAA,EAAiB,WAAY,EAAA,KAAM,MAAW,EAAA;AACnD,YAAQ,OAAA,EAAA;AAAA;AAEZ,UAAA,IAAI,KAAK,aAAe,EAAA;AACpB,YAAA,MAAM,sBAA6C,GAAA,IAAA,EAAM,eACnD,EAAA,WAAA,IACA,SAAU,EAAA;AAChB,YAAA,IAAI,sBAAwB,EAAA;AACxB,cAAM,MAAA,cAAA,GAAiB,wBAAwB,sBAAsB,CAAA;AACrE,cAAA,IAAI,CAAC,cAAgB,EAAA;AACjB,gBAAA;AAAA;AAEJ,cAAK,IAAA,CAAA,GAAA,CAAI,MAAO,CAAA,GAAA,CAAI,cAAgB,EAAA;AAAA,gBAChC,SAAS,IAAK,CAAA;AAAA,eACjB,CAAA;AACD,cAAA,IAAA,CAAK,aAAgB,GAAA,KAAA;AAAA;AACzB;AACJ;AACJ,OACJ;AAEA,MAAA,MAAM,qBAAmC,GAAA,IAAA,CAAK,WAAY,CAAA,EAAA,CAAG,mBAAmB,MAAM;AAClF,QAAM,MAAA,WAAA,GAAsC,IAAK,CAAA,WAAA,CAAY,WAAY,EAAA;AACzE,QAAA,IAAI,gBAAgB,WAAY,CAAA,CAAC,KAAK,WAAY,CAAA,CAAC,OAAO,MAAW,EAAA;AACjE,UAAA,IAAA,CAAK,eAAiB,EAAA,WAAA,CAAY,IAAI,KAAA,CAAM,WAAW,CAAC,CAAA;AACxD,UAAA,IAAI,KAAK,gBAAkB,EAAA;AACvB,YAAK,IAAA,CAAA,GAAA,CAAI,MAAO,CAAA,SAAA,CAAU,WAAW,CAAA;AAAA;AAEzC,UAAA,IAAI,IAAK,CAAA,eAAA,EAAiB,WAAY,EAAA,KAAM,MAAW,EAAA;AACnD,YAAQ,OAAA,EAAA;AAAA;AACZ;AACJ,OACH,CAAA;AAGD,MAAM,MAAA,uBAAA,GAAqC,IAAK,CAAA,GAAA,CAAI,MAAO,CAAA,EAAA;AAAA,QACvD,mBAAA;AAAA,QACA,MAAM;AACF,UAAA,IAAA,CAAK,mBAAmB,IAAK,CAAA,aAAA;AAAA;AACjC,OACJ;AAKA,MAAA,MAAM,kBAA6B,IAAK,CAAA,GAAA,CAAI,MAAM,EAAG,CAAA,aAAA,EAAe,CAAC,GAAQ,KAAA;AACzE,QAAA,IAAI,IAAI,QAAU,EAAA;AACd,UAAA,IAAA,CAAK,gBAAmB,GAAA,KAAA;AAAA;AAC5B,OACH,CAAA;AAED,MAAA,IAAA,CAAK,cAAe,CAAA,IAAA;AAAA,QAChB,qBAAA;AAAA,QACA,qBAAA;AAAA,QACA,uBAAA;AAAA,QACA;AAAA,OACJ;AAEA,MAAA,IAAA,CAAK,GAAI,CAAA,KAAA,CAAM,QAAS,CAAA,IAAA,CAAK,sBAAsB,CAAA;AAAA,KACtD,CAAA;AAED,IAAA,kBAAA,CACK,KAAK,MAAM;AAER,MAAA,IAAA,CAAK,SAAS,KAAQ,GAAA,KAAA;AAAA,KACzB,CAAA,CACA,KAAM,CAAA,CAAC,KAAiB,KAAA;AACrB,MAAI,GAAA,CAAA,KAAA,CAAM,gCAAgC,KAAK,CAAA;AAAA,KAClD,CAAA;AAAA;AACT,EAEA,eAAkB,GAAA;AACd,IAAK,IAAA,CAAA,WAAA,EAAa,YAAY,KAAK,CAAA;AACnC,IAAA,IAAA,CAAK,QAAQ,KAAQ,GAAA,KAAA;AACrB,IAAA,IAAA,CAAK,SAAS,KAAQ,GAAA,KAAA;AACtB,IAAA,IAAA,CAAK,kBAAkB,EAAC;AACxB,IAAA,IAAA,CAAK,gBAAmB,GAAA,IAAA;AACxB,IAAA,IAAA,CAAK,aAAgB,GAAA,IAAA;AAErB,IAAK,IAAA,CAAA,cAAA,CAAe,OAAQ,CAAA,CAAC,OAAY,KAAA;AACrC,MAAA,OAAA,CAAQ,OAAO,CAAA;AAAA,KAClB,CAAA;AACD,IAAA,IAAA,CAAK,iBAAiB,EAAC;AACvB,IAAK,IAAA,CAAA,eAAA,EAAiB,YAAY,MAAS,CAAA;AAC3C,IAAK,IAAA,CAAA,eAAA,EAAiB,YAAY,MAAS,CAAA;AAC3C,IAAA,IAAA,CAAK,GAAI,CAAA,KAAA,CAAM,WAAY,CAAA,IAAA,CAAK,sBAAsB,CAAA;AAAA;AAC1D;AAAA,EAGA,IAAI,MAAkB,GAAA;AAClB,IAAA,OAAO,KAAK,OAAQ,CAAA,KAAA;AAAA;AACxB;AAAA;AAAA;AAAA;AAAA,EAMA,IAAI,OAAmB,GAAA;AACnB,IAAA,OAAO,KAAK,QAAS,CAAA,KAAA;AAAA;AACzB,EAEA,wBAAwB,SAAkC,EAAA;AACtD,IAAA,IAAA,CAAK,eAAiB,EAAA,QAAA,CAAS,SAAa,IAAA,uBAAA,EAAyB,CAAA;AAAA;AACzE,EAEA,wBAAwB,SAAkC,EAAA;AACtD,IAAA,IAAA,CAAK,eAAiB,EAAA,QAAA,CAAS,SAAa,IAAA,uBAAA,EAAyB,CAAA;AAAA;AACzE,EAEA,WAAW,OAA6B,EAAA;AACpC,IAAA,IAAA,CAAK,UAAU,OAAW,IAAA,gBAAA;AAAA;AAC9B,EAEA,UAAa,GAAA;AACT,IAAA,OAAO,IAAK,CAAA,OAAA;AAAA;AAChB,EAEA,kBAAqB,GAAA;AACjB,IAAA,OAAO,IAAK,CAAA,eAAA;AAAA;AAChB,EAEA,kBAAqB,GAAA;AACjB,IAAA,OAAO,IAAK,CAAA,eAAA;AAAA;AAChB,EAEA,kBAAqB,GAAA;AACjB,IAAA,OAAO,IAAK,CAAA,eAAA;AAAA;AAChB,EAEA,cAAiB,GAAA;AACb,IAAA,OAAO,IAAK,CAAA,WAAA;AAAA;AAChB,EAEQ,uBAAuB,KAAyB,EAAA;AACpD,IAAI,GAAA,CAAA,KAAA,CAAM,6BAA+B,EAAA,KAAA,CAAM,OAAO,CAAA;AAEtD,IAAA,IAAA,CAAK,eAAgB,EAAA;AACrB,IAAA,MAAM,SAAqB,MAAM;AAC7B,MAAA,QAAQ,MAAM,IAAM;AAAA,QAChB,KAAK,CAAA;AACD,UAAO,OAAA,mBAAA;AAAA,QACX,KAAK,CAAA;AACD,UAAO,OAAA,sBAAA;AAAA,QACX,KAAK,CAAA;AACD,UAAO,OAAA,SAAA;AAAA,QACX;AACI,UAAO,OAAA,SAAA;AAAA;AACf,KACD,GAAA;AACH,IAAA,IAAA,CAAK,QAAQ,KAAK,CAAA;AAAA;AAE1B;AAEO,MAAM,0BAA0B,MAAM;AACzC,EAAA,OAAO,IAAI,KAAM,CAAA;AAAA,IACb,KAAA,EAAO,IAAIA,MAAY,CAAA;AAAA,MACnB,MAAQ,EAAA,CAAA;AAAA,MACR,IAAA,EAAM,IAAI,IAAK,CAAA;AAAA,QACX,KAAO,EAAA;AAAA,OACV,CAAA;AAAA,MACD,MAAA,EAAQ,IAAI,MAAO,CAAA;AAAA,QACf,KAAO,EAAA,MAAA;AAAA,QACP,KAAO,EAAA;AAAA,OACV;AAAA,KACJ;AAAA,GACJ,CAAA;AACL;AAEO,MAAM,0BAA0B,MAAM;AACzC,EAAA,OAAO,IAAI,KAAM,CAAA;AAAA,IACb,MAAA,EAAQ,IAAI,MAAO,CAAA;AAAA,MACf,KAAO,EAAA,SAAA;AAAA,MACP,KAAO,EAAA;AAAA,KACV,CAAA;AAAA,IACD,IAAA,EAAM,IAAI,IAAK,CAAA;AAAA,MACX,KAAO,EAAA;AAAA,KACV;AAAA,GACJ,CAAA;AACL;AAEO,MAAM,4BAA4B,MAAuB;AAC5D,EAAO,OAAA;AAAA,IACH,oBAAsB,EAAA,IAAA;AAAA,IACtB,SAAW,EAAA,GAAA;AAAA,IACX,YAAc,EAAA;AAAA,GAClB;AACJ;;;;"}
|
|
1
|
+
{"version":3,"file":"GeolocationController.js","sources":["GeolocationController.ts"],"sourcesContent":["// SPDX-FileCopyrightText: 2023-2025 Open Pioneer project (https://github.com/open-pioneer)\n// SPDX-License-Identifier: Apache-2.0\nimport { reactive } from \"@conterra/reactivity-core\";\nimport { createLogger } from \"@open-pioneer/core\";\nimport { calculateBufferedExtent, MapModel, TOPMOST_LAYER_Z } from \"@open-pioneer/map\";\nimport Feature from \"ol/Feature\";\nimport olGeolocation, { GeolocationError } from \"ol/Geolocation\";\nimport { unByKey } from \"ol/Observable\";\nimport { Coordinate } from \"ol/coordinate\";\nimport type { EventsKey } from \"ol/events\";\nimport { Extent } from \"ol/extent\";\nimport { Polygon } from \"ol/geom\";\nimport Point from \"ol/geom/Point\";\nimport VectorLayer from \"ol/layer/Vector\";\nimport VectorSource from \"ol/source/Vector\";\nimport { Circle as CircleStyle, Fill, Stroke, Style } from \"ol/style\";\nimport { StyleLike } from \"ol/style/Style\";\n\nconst LOG = createLogger(\"geolocation:GeolocationController\");\nconst DEFAULT_MAX_ZOOM = 17;\n\nexport type ErrorEvent = \"permission-denied\" | \"position-unavailable\" | \"timeout\" | \"unknown\";\n\nexport type OnErrorCallback = (errorEvent: ErrorEvent) => void;\n\nexport class GeolocationController {\n /** True if location tracking is supported by the browser. */\n public readonly supported = !!navigator.geolocation;\n\n private readonly map: MapModel;\n private readonly positionHighlightLayer: VectorLayer<VectorSource, Feature>;\n private readonly geolocation: olGeolocation;\n private readonly onError: OnErrorCallback;\n\n private maxZoom: number = DEFAULT_MAX_ZOOM;\n private accuracyFeature: Feature | undefined;\n private positionFeature: Feature | undefined;\n private changeHandlers: EventsKey[] = [];\n private setMapToPosition: boolean = true;\n private trackingOptions: PositionOptions = {};\n private isInitialZoom: boolean = true;\n\n #loading = reactive(false);\n #active = reactive(false);\n\n constructor(map: MapModel, onError: OnErrorCallback, trackingOptions?: PositionOptions) {\n this.map = map;\n this.onError = onError;\n this.isInitialZoom = true;\n\n this.accuracyFeature = new Feature();\n this.accuracyFeature.setStyle(getDefaultAccuracyStyle());\n\n this.positionFeature = new Feature();\n this.positionFeature.setStyle(getDefaultPositionStyle());\n\n this.positionHighlightLayer = new VectorLayer({\n source: new VectorSource({\n features: [this.accuracyFeature, this.positionFeature]\n })\n });\n this.positionHighlightLayer.setZIndex(TOPMOST_LAYER_Z);\n\n const geolocationTrackingOptions: PositionOptions =\n trackingOptions || getDefaultTrackingOptions();\n\n this.geolocation = new olGeolocation({\n tracking: false,\n trackingOptions: geolocationTrackingOptions,\n projection: map.olView?.getProjection()\n });\n\n this.trackingOptions = geolocationTrackingOptions;\n this.geolocation.on(\"error\", (event) => this.handleGeolocationError(event));\n }\n\n destroy() {\n this.stopGeolocation();\n this.geolocation?.setTracking(false);\n this.geolocation.dispose();\n this.accuracyFeature = undefined;\n this.positionFeature = undefined;\n this.positionHighlightLayer.dispose();\n }\n\n startGeolocation() {\n if (this.#active.value) {\n return;\n }\n\n const geolocationPromise = new Promise<void>((resolve) => {\n this.#active.value = true;\n this.#loading.value = true;\n\n this.geolocation?.setProjection(this.map.olView?.getProjection());\n this.geolocation?.setTracking(true);\n\n const accuracyChangeHandler: EventsKey = this.geolocation.on(\n \"change:accuracyGeometry\",\n () => {\n const accuracyGeometry: Polygon | undefined =\n this.geolocation.getAccuracyGeometry() || undefined;\n this.accuracyFeature?.setGeometry(accuracyGeometry);\n if (this.accuracyFeature?.getGeometry() !== undefined) {\n resolve();\n }\n if (this.isInitialZoom) {\n const accuracyGeometryExtent: Extent | undefined = this?.accuracyFeature\n ?.getGeometry()\n ?.getExtent();\n if (accuracyGeometryExtent) {\n const bufferedExtent = calculateBufferedExtent(accuracyGeometryExtent);\n if (!bufferedExtent) {\n return;\n }\n this.map.olView.fit(bufferedExtent, {\n maxZoom: this.maxZoom\n });\n this.isInitialZoom = false;\n }\n }\n }\n );\n\n const positionChangeHandler: EventsKey = this.geolocation.on(\"change:position\", () => {\n const coordinates: Coordinate | undefined = this.geolocation.getPosition();\n if (coordinates && (coordinates[0] || coordinates[1]) !== undefined) {\n this.positionFeature?.setGeometry(new Point(coordinates));\n if (this.setMapToPosition) {\n this.map.olView.setCenter(coordinates);\n }\n if (this.positionFeature?.getGeometry() !== undefined) {\n resolve();\n }\n }\n });\n\n // zoom changes\n const resolutionChangeHandler: EventsKey = this.map.olView.on(\n \"change:resolution\",\n () => {\n this.setMapToPosition = this.isInitialZoom;\n }\n );\n\n // pointermove is triggered when a pointer is moved.\n // Note that on touch devices this is triggered when the map is panned,\n // so is not the same as mousemove.\n const draggingHandler: EventsKey = this.map.olMap.on(\"pointermove\", (evt) => {\n if (evt.dragging) {\n this.setMapToPosition = false;\n }\n });\n\n this.changeHandlers.push(\n accuracyChangeHandler,\n positionChangeHandler,\n resolutionChangeHandler,\n draggingHandler\n );\n\n this.map.olMap.addLayer(this.positionHighlightLayer);\n });\n\n geolocationPromise\n .then(() => {\n // Promise resolves once we have a position\n this.#loading.value = false;\n })\n .catch((error: Error) => {\n LOG.error(\"Failed to determine location\", error);\n });\n }\n\n stopGeolocation() {\n this.geolocation?.setTracking(false);\n this.#active.value = false;\n this.#loading.value = false;\n this.trackingOptions = {};\n this.setMapToPosition = true;\n this.isInitialZoom = true;\n\n this.changeHandlers.forEach((handler) => {\n unByKey(handler);\n });\n this.changeHandlers = [];\n this.accuracyFeature?.setGeometry(undefined);\n this.positionFeature?.setGeometry(undefined);\n this.map.olMap.removeLayer(this.positionHighlightLayer);\n }\n\n /** True if the position is being tracked. */\n get active(): boolean {\n return this.#active.value;\n }\n\n /**\n * True if loading (active but no position available yet).\n * Use this to show a progress indicator.\n */\n get loading(): boolean {\n return this.#loading.value;\n }\n\n setPositionFeatureStyle(styleLike: StyleLike | undefined) {\n this.positionFeature?.setStyle(styleLike ?? getDefaultPositionStyle());\n }\n\n setAccuracyFeatureStyle(styleLike: StyleLike | undefined) {\n this.accuracyFeature?.setStyle(styleLike ?? getDefaultAccuracyStyle());\n }\n\n setMaxZoom(maxZoom: number | undefined) {\n this.maxZoom = maxZoom ?? DEFAULT_MAX_ZOOM;\n }\n\n getMaxZoom() {\n return this.maxZoom;\n }\n\n getPositionFeature() {\n return this.positionFeature;\n }\n\n getAccuracyFeature() {\n return this.accuracyFeature;\n }\n\n getTrackingOptions() {\n return this.trackingOptions;\n }\n\n getGeolocation() {\n return this.geolocation;\n }\n\n private handleGeolocationError(event: GeolocationError) {\n LOG.error(\"Error from geolocation API:\", event.message);\n\n this.stopGeolocation();\n const error: ErrorEvent = (() => {\n switch (event.code) {\n case 1:\n return \"permission-denied\";\n case 2:\n return \"position-unavailable\";\n case 3:\n return \"timeout\";\n default:\n return \"unknown\";\n }\n })();\n this.onError(error);\n }\n}\n\nexport const getDefaultPositionStyle = () => {\n return new Style({\n image: new CircleStyle({\n radius: 6,\n fill: new Fill({\n color: \"#3399CC\"\n }),\n stroke: new Stroke({\n color: \"#fff\",\n width: 2\n })\n })\n });\n};\n\nexport const getDefaultAccuracyStyle = () => {\n return new Style({\n stroke: new Stroke({\n color: \"#3399CC\",\n width: 3\n }),\n fill: new Fill({\n color: \"rgba(0, 0, 255, 0.05)\"\n })\n });\n};\n\nexport const getDefaultTrackingOptions = (): PositionOptions => {\n return {\n \"enableHighAccuracy\": true,\n \"timeout\": 60000,\n \"maximumAge\": 600000\n };\n};\n"],"names":["CircleStyle"],"mappings":"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"}
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"type": "module",
|
|
3
3
|
"name": "@open-pioneer/geolocation",
|
|
4
|
-
"version": "0.
|
|
4
|
+
"version": "0.11.0-dev.20250515143825",
|
|
5
5
|
"description": "This package provides a component to locate a user's position.",
|
|
6
6
|
"keywords": [
|
|
7
7
|
"open-pioneer-trails"
|
|
@@ -14,18 +14,18 @@
|
|
|
14
14
|
"directory": "src/packages/geolocation"
|
|
15
15
|
},
|
|
16
16
|
"dependencies": {
|
|
17
|
-
"@conterra/reactivity-core": "^0.
|
|
18
|
-
"@
|
|
19
|
-
"@open-pioneer/core": "
|
|
20
|
-
"@open-pioneer/notifier": "
|
|
21
|
-
"@open-pioneer/react-utils": "
|
|
22
|
-
"@open-pioneer/reactivity": "
|
|
23
|
-
"@open-pioneer/runtime": "
|
|
17
|
+
"@conterra/reactivity-core": "^0.6.0",
|
|
18
|
+
"@chakra-ui/react": "^3.17.0",
|
|
19
|
+
"@open-pioneer/core": "4.0.0-dev.20250512105016",
|
|
20
|
+
"@open-pioneer/notifier": "4.0.0-dev.20250512105016",
|
|
21
|
+
"@open-pioneer/react-utils": "4.0.0-dev.20250512105016",
|
|
22
|
+
"@open-pioneer/reactivity": "4.0.0-dev.20250512105016",
|
|
23
|
+
"@open-pioneer/runtime": "4.0.0-dev.20250512105016",
|
|
24
24
|
"ol": "^10.5.0",
|
|
25
25
|
"react": "^19.1.0",
|
|
26
26
|
"react-icons": "^5.3.0",
|
|
27
|
-
"@open-pioneer/map": "
|
|
28
|
-
"@open-pioneer/map-ui-components": "
|
|
27
|
+
"@open-pioneer/map": "0.11.0-dev.20250515143825",
|
|
28
|
+
"@open-pioneer/map-ui-components": "0.11.0-dev.20250515143825"
|
|
29
29
|
},
|
|
30
30
|
"exports": {
|
|
31
31
|
"./package.json": "./package.json",
|