Update pages/Vertbox.py

pages/Vertbox.py

@@ -4,6 +4,7 @@ from streamlit_folium import folium_static
 import pyproj
 from folium.plugins import Draw
 import json
+import leafmap.foliumap as leafmap
 
 st.set_page_config(layout="wide")
 
@@ -38,12 +39,28 @@ st.markdown("""
 </style>
 """, unsafe_allow_html=True)
 
+# Sidebar
+st.sidebar.title("About")
+st.sidebar.info(
+    "This app is an improved version of the BBox Finder, "
+    "inspired by bboxfinder.com and using Streamlit."
+)
+
+st.sidebar.title("Contact")
+st.sidebar.info(
+    "Your Name\n"
+    "[GitHub](https://github.com/yourusername) | "
+    "[LinkedIn](https://www.linkedin.com/in/yourprofile)"
+)
+
 # Layout principal
 col1, col2 = st.columns([4, 1])
 
 with col1:
+    st.title("Improved BBox Finder")
+    
     # Carte
-    m = folium.Map(location=[0, 0], zoom_start=2)
+    m = leafmap.Map(center=[0, 0], zoom=2)
     draw = Draw(
         export=True,
         position='topleft',
@@ -53,11 +70,10 @@ with col1:
     draw.add_to(m)
 
     # Script JavaScript pour gérer le dessin et la mise à jour des coordonnées
-    m.get_root().html.add_child(folium.Element("""
+    m.add_child(folium.Element("""
     <script>
     var drawnItems = new L.FeatureGroup();
     map.addLayer(drawnItems);
-
     map.on(L.Draw.Event.CREATED, function (event) {
         drawnItems.clearLayers();
         var layer = event.layer;
@@ -75,10 +91,10 @@ with col1:
     </script>
     """))
 
-    folium_static(m, width=800, height=600)
+    m.to_streamlit(height=600)
 
 with col2:
-    st.markdown("<h3 style='text-align: center;'>Coordonnées</h3>", unsafe_allow_html=True)
+    st.markdown("<h3 style='text-align: center;'>Coordinates</h3>", unsafe_allow_html=True)
     bbox_coords = st.text_input("", key="bbox_coords", label_visibility="collapsed")
     
     if bbox_coords:
@@ -94,10 +110,10 @@ with col2:
                         converted_bbox = convert_coordinates(bbox, "EPSG:4326", epsg)
                     result = f"{converted_bbox[0]:.6f},{converted_bbox[1]:.6f},{converted_bbox[2]:.6f},{converted_bbox[3]:.6f}"
                     st.code(result, language="plaintext")
-                    if st.button(f"Copier {epsg}", key=f"copy_{epsg}"):
-                        st.write(f"{epsg} copié!")
+                    if st.button(f"Copy {epsg}", key=f"copy_{epsg}"):
+                        st.write(f"{epsg} copied!")
 
-                # Formats supplémentaires
+                # Additional formats
                 st.markdown("<b>GeoJSON</b>", unsafe_allow_html=True)
                 geojson = json.dumps({
                     "type": "Feature",
@@ -114,19 +130,19 @@ with col2:
                     }
                 }, indent=2)
                 st.code(geojson, language="json")
-                if st.button("Copier GeoJSON"):
-                    st.write("GeoJSON copié!")
+                if st.button("Copy GeoJSON"):
+                    st.write("GeoJSON copied!")
 
                 st.markdown("<b>WKT</b>", unsafe_allow_html=True)
                 wkt = f"POLYGON(({bbox[0]} {bbox[1]}, {bbox[2]} {bbox[1]}, {bbox[2]} {bbox[3]}, {bbox[0]} {bbox[3]}, {bbox[0]} {bbox[1]}))"
                 st.code(wkt, language="plaintext")
-                if st.button("Copier WKT"):
-                    st.write("WKT copié!")
+                if st.button("Copy WKT"):
+                    st.write("WKT copied!")
 
             else:
-                st.error("Veuillez entrer 4 coordonnées séparées par des virgules.")
+                st.error("Please enter 4 coordinates separated by commas.")
         except ValueError:
-            st.error("Veuillez entrer des coordonnées valides (nombres séparés par des virgules).")
+            st.error("Please enter valid coordinates (numbers separated by commas).")
 
 # Footer
-st.markdown("<div style='text-align: center; color: gray;'>Créé avec Streamlit - Inspiré par bboxfinder.com</div>", unsafe_allow_html=True)
+st.markdown("<div style='text-align: center; color: gray;'>Created with Streamlit - Inspired by bboxfinder.com</div>", unsafe_allow_html=True)