forked from MapComplete/MapComplete
39 lines
841 B
Svelte
39 lines
841 B
Svelte
<script lang="ts">
|
|
|
|
import { onMount } from "svelte"
|
|
|
|
export let imageInfo
|
|
|
|
import { PhotoSphereViewerWrapper } from "./Image/photoSphereViewerWrapper"
|
|
|
|
let container: HTMLElement
|
|
|
|
|
|
onMount(() => {
|
|
console.log("Creating viewer...")
|
|
const features = [
|
|
{
|
|
"type": "Feature",
|
|
"properties": { "name": "trap" },
|
|
"geometry": {
|
|
"coordinates": [
|
|
3.742395038713312,
|
|
51.05237592785801
|
|
],
|
|
"type": "Point"
|
|
}
|
|
}
|
|
]
|
|
const viewer = new PhotoSphereViewerWrapper(container, imageInfo, features)
|
|
|
|
|
|
// console.log(panorama, container)
|
|
})
|
|
|
|
</script>
|
|
|
|
<head>
|
|
<link rel="stylesheet" href="./node_modules/pannellum/build/pannellum.css">
|
|
</head>
|
|
<div bind:this={container} class="h-screen w-screen border" style="height: 500px"></div>
|
|
|