Fix: fix move dialog
This commit is contained in:
parent
ee33624780
commit
084cd86b71
3 changed files with 18 additions and 13 deletions
|
@ -34,7 +34,12 @@
|
||||||
export let coordinate: { lon: number; lat: number } = undefined
|
export let coordinate: { lon: number; lat: number } = undefined
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* The center of the map at all times
|
* Max distance that one is allowed to move, to prevent to stray too much
|
||||||
|
*/
|
||||||
|
export let maxDistanceInMeters = 50
|
||||||
|
|
||||||
|
/**
|
||||||
|
* The resulting location; either the map center or the snapped coordinate
|
||||||
* If undefined at the beginning, 'coordinate' will be used
|
* If undefined at the beginning, 'coordinate' will be used
|
||||||
*/
|
*/
|
||||||
export let value: UIEventSource<{ lon: number; lat: number }>
|
export let value: UIEventSource<{ lon: number; lat: number }>
|
||||||
|
@ -57,11 +62,6 @@
|
||||||
|
|
||||||
export let snappedTo: UIEventSource<WayId | undefined>
|
export let snappedTo: UIEventSource<WayId | undefined>
|
||||||
|
|
||||||
let preciseLocation: UIEventSource<{ lon: number; lat: number }> = new UIEventSource<{
|
|
||||||
lon: number
|
|
||||||
lat: number
|
|
||||||
}>(undefined)
|
|
||||||
|
|
||||||
const map: UIEventSource<MlMap> = new UIEventSource<MlMap>(undefined)
|
const map: UIEventSource<MlMap> = new UIEventSource<MlMap>(undefined)
|
||||||
export let mapProperties: Partial<MapProperties> & { location } = {
|
export let mapProperties: Partial<MapProperties> & { location } = {
|
||||||
zoom: new UIEventSource<number>(19),
|
zoom: new UIEventSource<number>(19),
|
||||||
|
@ -69,10 +69,7 @@
|
||||||
/*If no snapping needed: the value is simply the map location;
|
/*If no snapping needed: the value is simply the map location;
|
||||||
* If snapping is needed: the value will be set later on by the snapping feature source
|
* If snapping is needed: the value will be set later on by the snapping feature source
|
||||||
* */
|
* */
|
||||||
location:
|
location: new UIEventSource<{ lon: number; lat: number }>(coordinate),
|
||||||
snapToLayers?.length > 0
|
|
||||||
? new UIEventSource<{ lon: number; lat: number }>(coordinate)
|
|
||||||
: value,
|
|
||||||
bounds: new UIEventSource<BBox>(undefined),
|
bounds: new UIEventSource<BBox>(undefined),
|
||||||
allowMoving: new UIEventSource<boolean>(true),
|
allowMoving: new UIEventSource<boolean>(true),
|
||||||
allowZooming: new UIEventSource<boolean>(true),
|
allowZooming: new UIEventSource<boolean>(true),
|
||||||
|
@ -143,15 +140,16 @@
|
||||||
})
|
})
|
||||||
withCorrectedAttributes.features.addCallbackAndRunD((f) => console.log("Snapped point is", f))
|
withCorrectedAttributes.features.addCallbackAndRunD((f) => console.log("Snapped point is", f))
|
||||||
}
|
}
|
||||||
|
|
||||||
</script>
|
</script>
|
||||||
|
|
||||||
<LocationInput
|
<LocationInput
|
||||||
{map}
|
{map}
|
||||||
on:click
|
on:click
|
||||||
{mapProperties}
|
{mapProperties}
|
||||||
value={preciseLocation}
|
value={ snapToLayers?.length > 0 ? new UIEventSource(undefined) : value}
|
||||||
initialCoordinate={coordinate}
|
initialCoordinate={coordinate}
|
||||||
maxDistanceInMeters={50}
|
{maxDistanceInMeters}
|
||||||
>
|
>
|
||||||
<slot name="image" slot="image">
|
<slot name="image" slot="image">
|
||||||
<Move_arrows class="h-full max-h-24" />
|
<Move_arrows class="h-full max-h-24" />
|
||||||
|
|
|
@ -18,9 +18,15 @@
|
||||||
/**
|
/**
|
||||||
* A visualisation to pick a location on a map background
|
* A visualisation to pick a location on a map background
|
||||||
*/
|
*/
|
||||||
|
/**
|
||||||
|
* The center of the map. If it contains a value (and initialCoordinate is not given), this will be used as start coordinate
|
||||||
|
*/
|
||||||
export let value: UIEventSource<{ lon: number; lat: number }>
|
export let value: UIEventSource<{ lon: number; lat: number }>
|
||||||
export let initialCoordinate: { lon: number; lat: number }
|
export let initialCoordinate: { lon: number; lat: number } = undefined
|
||||||
initialCoordinate = initialCoordinate ?? value.data
|
initialCoordinate = initialCoordinate ?? value.data
|
||||||
|
/**
|
||||||
|
* Max distance that one is allowed to stray from the initial coordinate
|
||||||
|
*/
|
||||||
export let maxDistanceInMeters: number = undefined
|
export let maxDistanceInMeters: number = undefined
|
||||||
export let mapProperties: Partial<MapProperties> & {
|
export let mapProperties: Partial<MapProperties> & {
|
||||||
readonly location: UIEventSource<{ lon: number; lat: number }>
|
readonly location: UIEventSource<{ lon: number; lat: number }>
|
||||||
|
|
|
@ -106,6 +106,7 @@
|
||||||
snapToLayers={$reason.snapTo}
|
snapToLayers={$reason.snapTo}
|
||||||
targetLayer={layer}
|
targetLayer={layer}
|
||||||
dontShow={[id]}
|
dontShow={[id]}
|
||||||
|
maxDistanceInMeters={200}
|
||||||
/>
|
/>
|
||||||
<div class="absolute bottom-0 left-0">
|
<div class="absolute bottom-0 left-0">
|
||||||
<OpenBackgroundSelectorButton {state} />
|
<OpenBackgroundSelectorButton {state} />
|
||||||
|
|
Loading…
Reference in a new issue