Update app.py

app.py

@@ -297,7 +297,7 @@ def get_mesh(image, depth, blur_data, loadall):
     #mesh = trimesh.Trimesh(vertices=verts, faces=triangles, vertex_colors=colors)
     mesh.append(trimesh.PointCloud(verts, colors=clrs))
     mesh[len(mesh)-1].merge_vertices()
-    mesh[len(mesh)-1].metadata = { "lat": locations[fnum]["lat"], "lng": locations[fnum]["lng"], "heading": locations[fnum]["heading"], "pitch": locations[fnum]["pitch"] }
+    mesh[len(mesh)-1].metadata['extras'] = { "lat": locations[fnum]["lat"], "lng": locations[fnum]["lng"], "heading": locations[fnum]["heading"], "pitch": locations[fnum]["pitch"] }
 
     #theta = locations[fnum]["heading"] / 180 * np.pi
     #phi = locations[fnum]["pitch"] / 180 * np.pi
@@ -435,6 +435,12 @@ def draw_mask(l, t, v, d, evt: gr.EventData):
     return gr.ImageEditor(value=d)
 
 
+on_load="""
+async()=>{
+    alert("HELLO");
+}
+"""
+
 css = """
 #img-display-container {
     max-height: 100vh;
@@ -529,6 +535,8 @@ with gr.Blocks(css=css) as demo:
             processed_video = gr.Video(label="Output Video", format="mp4")
             processed_zip = gr.File(label="Output Archive")
             result = gr.Model3D(label="3D Mesh", clear_color=[0.5, 0.5, 0.5, 0.0], camera_position=[0, 90, 0], interactive=True, elem_id="model3D")   
+            result.change(_js=on_load)
+            result.load(_js=on_load)
             result_file = gr.File(label="3D file (.glb)")
             svg_in = gr.HTML(value="""<svg id='svg_in' height='32' width='256' viewBox='0 0 256 32' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' style='touch-action:none;background-color:#808080;' onpointerdown='
               try{