fuhtho/3d-viewer
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Add OSM topography

Browse source
This commit is contained in:
Fuhrmann 2025-03-11 11:56:33 +01:00
parent c20b682d33
commit c414b9d2d6
10 changed files with 96 additions and 18 deletions
Download patch file Download diff file Expand all files Collapse all files

7
app/components/Map.tsx
View file

@ -1,12 +1,16 @@
"use client";
import { useContext, useEffect, useRef } from "react";
import { SceneView } from "../three/SceneView";
import {
SceneViewContext,
SceneViewContextType,
} from "../providers/scene-view-provider";
async function lazyLoad() {
const { SceneView } = await import("../three/SceneView");
return SceneView;
}
export function Map() {
const divRef = useRef<HTMLDivElement>(null);
const { setSceneView } = useContext(SceneViewContext) as SceneViewContextType;
@ -17,6 +21,7 @@ export function Map() {
async function loadScene() {
if (divRef.current) {
const SceneView = await lazyLoad();
const _sceneView = await SceneView.create(divRef.current, "20");
if (_sceneView) {
setSceneView(_sceneView);