forked from MapComplete/MapComplete
31 lines
789 B
Svelte
31 lines
789 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" />
|