39 lines
1.3 KiB
TypeScript
39 lines
1.3 KiB
TypeScript
import { GeoOperations } from "../../Logic/GeoOperations"
|
|
import { ImmutableStore, UIEventSource } from "../../Logic/UIEventSource"
|
|
import { SpecialVisualization, SpecialVisualizationState } from "../SpecialVisualization"
|
|
import { Feature } from "geojson"
|
|
import BaseUIElement from "../BaseUIElement"
|
|
import SvelteUIElement from "../Base/SvelteUIElement"
|
|
import MapillaryLink from "../BigComponents/MapillaryLink.svelte"
|
|
|
|
export class MapillaryLinkVis implements SpecialVisualization {
|
|
funcName = "mapillary_link"
|
|
docs = "Adds a button to open mapillary on the specified location"
|
|
args = [
|
|
{
|
|
name: "zoom",
|
|
doc: "The startzoom of mapillary",
|
|
defaultValue: "18",
|
|
},
|
|
]
|
|
|
|
public constr(
|
|
state: SpecialVisualizationState,
|
|
tagsSource: UIEventSource<Record<string, string>>,
|
|
args: string[],
|
|
feature: Feature
|
|
): BaseUIElement {
|
|
const [lon, lat] = GeoOperations.centerpointCoordinates(feature)
|
|
let zoom = Number(args[0])
|
|
if (isNaN(zoom)) {
|
|
zoom = 18
|
|
}
|
|
return new SvelteUIElement(MapillaryLink, {
|
|
mapProperties: {
|
|
lat,
|
|
lon,
|
|
},
|
|
zoom: new ImmutableStore(zoom),
|
|
})
|
|
}
|
|
}
|