diff --git a/src/App.js b/src/App.js
index 5846681..f9359d1 100644
--- a/src/App.js
+++ b/src/App.js
@@ -81,12 +81,17 @@ function TopBar() {
   </>
 }
 
+function handleRoomSelected(id)
+{
+  alert('AA')
+}
+
 export default function App() {
   return <>
     <TopBar />
 
     <div style={{ flexGrow: '1', display: 'flex', flexDirection: 'line', flexWrap: 'nowrap' }}>
-      <Map />
+      <Map callbackRoomSelected={handleRoomSelected} selectedRoom={null}/>
       <RoomResearch />
     </div>
   </>
diff --git a/src/Map.js b/src/Map.js
index 50e4239..df3f685 100644
--- a/src/Map.js
+++ b/src/Map.js
@@ -108,7 +108,7 @@ function layers_list(requestList, cb, selectedRoom)
 }
 
 function Map({callbackRoomSelected, selectedRoom})
-{
+{ 
   // When the user selects a room on the map, call callbackRoomSelected.
   // The room that is currently selected is selectedRoom. It is null if no room
   // is selected