From 947db48d407a1cf2931b14aef8b22b28828ee117 Mon Sep 17 00:00:00 2001
From: Micheal Parks <micheal.parks@outlook.com>
Date: Mon, 20 Nov 2023 15:37:14 -0500
Subject: [PATCH] add base pose to playground

---
 .../blocks/src/lib/navigation-map/components/draw-tool.svelte   | 2 +-
 packages/blocks/src/routes/+page.svelte                         | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/blocks/src/lib/navigation-map/components/draw-tool.svelte b/packages/blocks/src/lib/navigation-map/components/draw-tool.svelte
index 5af13b19e..4d38c4d59 100644
--- a/packages/blocks/src/lib/navigation-map/components/draw-tool.svelte
+++ b/packages/blocks/src/lib/navigation-map/components/draw-tool.svelte
@@ -3,7 +3,7 @@
   Renders an in-progress rectangle that represents a drawn area by the user.
 -->
 <script lang="ts">
-import * as THREE from 'three';
+import type * as THREE from 'three';
 import { T, createRawEventDispatcher } from '@threlte/core';
 import { useMapLibreEvent, useMapLibre } from '$lib';
 import {
diff --git a/packages/blocks/src/routes/+page.svelte b/packages/blocks/src/routes/+page.svelte
index dc34c216e..e4f90e2a4 100644
--- a/packages/blocks/src/routes/+page.svelte
+++ b/packages/blocks/src/routes/+page.svelte
@@ -16,6 +16,7 @@ const fetchPointcloud = async () => {
     <div class="relative aspect-video w-full border border-gray-200">
       {#await fetchPointcloud() then pointcloud}
         <SlamMap2D
+          basePose={{ x: 1, y: 2, theta: 45 }}
           {pointcloud}
           {motionPath}
           on:click={(event) => console.log(event.detail)}