Spaces:

SustainabilityLabIITGN
/

bhuvan

Sleeping

App Files Files Community

Zeel commited on Nov 9, 2024

Commit

99b822c

1 Parent(s): 7f9b2ce

allow multiple polygons

Browse files

Files changed (2) hide show

app.py +1 -1
sandbox.ipynb +233 -0

app.py CHANGED Viewed

@@ -181,7 +181,7 @@ m.to_streamlit(height=height)
 # Metrics
 stats_df = pd.DataFrame()
-stats_df["Points"] = json.loads(geometry_gdf.to_crs(4326).to_json())["features"][0]["geometry"]["coordinates"]
 stats_df["Centroid"] = geometry_gdf.centroid.to_crs(4326).item()
 stats_df["Area (ha)"] = geometry_gdf.geometry.area.item() / 10000
 stats_df["Perimeter (m)"] = geometry_gdf.geometry.length.item()

 # Metrics
 stats_df = pd.DataFrame()
+stats_df["Points"] = str(json.loads(geometry_gdf.to_crs(4326).to_json())["features"][0]["geometry"]["coordinates"])
 stats_df["Centroid"] = geometry_gdf.centroid.to_crs(4326).item()
 stats_df["Area (ha)"] = geometry_gdf.geometry.area.item() / 10000
 stats_df["Perimeter (m)"] = geometry_gdf.geometry.length.item()

sandbox.ipynb CHANGED Viewed

@@ -1,5 +1,238 @@
 {
  "cells": [
   {
    "cell_type": "code",
    "execution_count": 10,

 {
  "cells": [
+  {
+   "cell_type": "code",
+   "execution_count": 27,
+   "metadata": {},
+   "outputs": [
+    {
+     "data": {
+      "text/html": [
+       "<iframe srcdoc=\"&lt;!DOCTYPE html&gt;\n",
+       "&lt;html&gt;\n",
+       "&lt;head&gt;\n",
+       "    \n",
+       "    &lt;meta http-equiv=&quot;content-type&quot; content=&quot;text/html; charset=UTF-8&quot; /&gt;\n",
+       "    \n",
+       "        &lt;script&gt;\n",
+       "            L_NO_TOUCH = false;\n",
+       "            L_DISABLE_3D = false;\n",
+       "        &lt;/script&gt;\n",
+       "    \n",
+       "    &lt;style&gt;html, body {width: 100%;height: 100%;margin: 0;padding: 0;}&lt;/style&gt;\n",
+       "    &lt;style&gt;#map {position:absolute;top:0;bottom:0;right:0;left:0;}&lt;/style&gt;\n",
+       "    &lt;script src=&quot;https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.js&quot;&gt;&lt;/script&gt;\n",
+       "    &lt;script src=&quot;https://code.jquery.com/jquery-3.7.1.min.js&quot;&gt;&lt;/script&gt;\n",
+       "    &lt;script src=&quot;https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js&quot;&gt;&lt;/script&gt;\n",
+       "    &lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.js&quot;&gt;&lt;/script&gt;\n",
+       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.css&quot;/&gt;\n",
+       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css&quot;/&gt;\n",
+       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap-glyphicons.css&quot;/&gt;\n",
+       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.min.css&quot;/&gt;\n",
+       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css&quot;/&gt;\n",
+       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css&quot;/&gt;\n",
+       "    \n",
+       "            &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width,\n",
+       "                initial-scale=1.0, maximum-scale=1.0, user-scalable=no&quot; /&gt;\n",
+       "            &lt;style&gt;\n",
+       "                #map_f1ce6eb921b4d7b11d49de3df8093d9e {\n",
+       "                    position: relative;\n",
+       "                    width: 100.0%;\n",
+       "                    height: 100.0%;\n",
+       "                    left: 0.0%;\n",
+       "                    top: 0.0%;\n",
+       "                }\n",
+       "                .leaflet-container { font-size: 1rem; }\n",
+       "            &lt;/style&gt;\n",
+       "        \n",
+       "    &lt;script src=&quot;https://cdn.jsdelivr.net/npm/leaflet.fullscreen@3.0.0/Control.FullScreen.min.js&quot;&gt;&lt;/script&gt;\n",
+       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/npm/leaflet.fullscreen@3.0.0/Control.FullScreen.css&quot;/&gt;\n",
+       "    &lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/leaflet.draw/1.0.2/leaflet.draw.js&quot;&gt;&lt;/script&gt;\n",
+       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/leaflet.draw/1.0.2/leaflet.draw.css&quot;/&gt;\n",
+       "    &lt;script src=&quot;https://cdn.jsdelivr.net/gh/ljagis/leaflet-measure@2.1.7/dist/leaflet-measure.min.js&quot;&gt;&lt;/script&gt;\n",
+       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/gh/ljagis/leaflet-measure@2.1.7/dist/leaflet-measure.min.css&quot;/&gt;\n",
+       "    &lt;script src=&quot;https://unpkg.com/leaflet-control-geocoder/dist/Control.Geocoder.js&quot;&gt;&lt;/script&gt;\n",
+       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://unpkg.com/leaflet-control-geocoder/dist/Control.Geocoder.css&quot;/&gt;\n",
+       "&lt;/head&gt;\n",
+       "&lt;body&gt;\n",
+       "    \n",
+       "    \n",
+       "            &lt;div class=&quot;folium-map&quot; id=&quot;map_f1ce6eb921b4d7b11d49de3df8093d9e&quot; &gt;&lt;/div&gt;\n",
+       "        \n",
+       "&lt;/body&gt;\n",
+       "&lt;script&gt;\n",
+       "    \n",
+       "    \n",
+       "            var map_f1ce6eb921b4d7b11d49de3df8093d9e = L.map(\n",
+       "                &quot;map_f1ce6eb921b4d7b11d49de3df8093d9e&quot;,\n",
+       "                {\n",
+       "                    center: [20.0, 0.0],\n",
+       "                    crs: L.CRS.EPSG3857,\n",
+       "                    zoom: 2,\n",
+       "                    zoomControl: true,\n",
+       "                    preferCanvas: false,\n",
+       "                    drawExport: false,\n",
+       "                    layersControl: true,\n",
+       "                }\n",
+       "            );\n",
+       "            L.control.scale().addTo(map_f1ce6eb921b4d7b11d49de3df8093d9e);\n",
+       "\n",
+       "            \n",
+       "\n",
+       "        \n",
+       "    \n",
+       "            var tile_layer_625eed014e405c2ee851b9417f647dec = L.tileLayer(\n",
+       "                &quot;https://tile.openstreetmap.org/{z}/{x}/{y}.png&quot;,\n",
+       "                {&quot;attribution&quot;: &quot;\\u0026copy; \\u003ca href=\\&quot;https://www.openstreetmap.org/copyright\\&quot;\\u003eOpenStreetMap\\u003c/a\\u003e contributors&quot;, &quot;detectRetina&quot;: false, &quot;maxNativeZoom&quot;: 19, &quot;maxZoom&quot;: 24, &quot;minZoom&quot;: 0, &quot;noWrap&quot;: false, &quot;opacity&quot;: 1, &quot;subdomains&quot;: &quot;abc&quot;, &quot;tms&quot;: false}\n",
+       "            );\n",
+       "        \n",
+       "    \n",
+       "            tile_layer_625eed014e405c2ee851b9417f647dec.addTo(map_f1ce6eb921b4d7b11d49de3df8093d9e);\n",
+       "        \n",
+       "    \n",
+       "            L.control.fullscreen(\n",
+       "                {&quot;forceSeparateButton&quot;: false, &quot;position&quot;: &quot;topleft&quot;, &quot;title&quot;: &quot;Full Screen&quot;, &quot;titleCancel&quot;: &quot;Exit Full Screen&quot;}\n",
+       "            ).addTo(map_f1ce6eb921b4d7b11d49de3df8093d9e);\n",
+       "        \n",
+       "    \n",
+       "            var options = {\n",
+       "              position: &quot;topleft&quot;,\n",
+       "              draw: {},\n",
+       "              edit: {},\n",
+       "            }\n",
+       "            // FeatureGroup is to store editable layers.\n",
+       "            var drawnItems_draw_control_9dd44c4d87fa4af03ae29411df47a757 = new L.featureGroup().addTo(\n",
+       "                map_f1ce6eb921b4d7b11d49de3df8093d9e\n",
+       "            );\n",
+       "            options.edit.featureGroup = drawnItems_draw_control_9dd44c4d87fa4af03ae29411df47a757;\n",
+       "            var draw_control_9dd44c4d87fa4af03ae29411df47a757 = new L.Control.Draw(\n",
+       "                options\n",
+       "            ).addTo( map_f1ce6eb921b4d7b11d49de3df8093d9e );\n",
+       "            map_f1ce6eb921b4d7b11d49de3df8093d9e.on(L.Draw.Event.CREATED, function(e) {\n",
+       "                var layer = e.layer,\n",
+       "                    type = e.layerType;\n",
+       "                var coords = JSON.stringify(layer.toGeoJSON());\n",
+       "                layer.on(&#x27;click&#x27;, function() {\n",
+       "                    alert(coords);\n",
+       "                    console.log(coords);\n",
+       "                });\n",
+       "                drawnItems_draw_control_9dd44c4d87fa4af03ae29411df47a757.addLayer(layer);\n",
+       "             });\n",
+       "            map_f1ce6eb921b4d7b11d49de3df8093d9e.on(&#x27;draw:created&#x27;, function(e) {\n",
+       "                drawnItems_draw_control_9dd44c4d87fa4af03ae29411df47a757.addLayer(e.layer);\n",
+       "            });\n",
+       "            \n",
+       "        \n",
+       "    \n",
+       "            var measure_control_cd8157b3b01df939f478306bae2624de = new L.Control.Measure(\n",
+       "                {&quot;position&quot;: &quot;bottomleft&quot;, &quot;primaryAreaUnit&quot;: &quot;sqmeters&quot;, &quot;primaryLengthUnit&quot;: &quot;meters&quot;, &quot;secondaryAreaUnit&quot;: &quot;acres&quot;, &quot;secondaryLengthUnit&quot;: &quot;miles&quot;});\n",
+       "            map_f1ce6eb921b4d7b11d49de3df8093d9e.addControl(measure_control_cd8157b3b01df939f478306bae2624de);\n",
+       "\n",
+       "            // Workaround for using this plugin with Leaflet&gt;=1.8.0\n",
+       "            // https://github.com/ljagis/leaflet-measure/issues/171\n",
+       "            L.Control.Measure.include({\n",
+       "                _setCaptureMarkerIcon: function () {\n",
+       "                    // disable autopan\n",
+       "                    this._captureMarker.options.autoPanOnFocus = false;\n",
+       "                    // default function\n",
+       "                    this._captureMarker.setIcon(\n",
+       "                        L.divIcon({\n",
+       "                            iconSize: this._map.getSize().multiplyBy(2)\n",
+       "                        })\n",
+       "                    );\n",
+       "                },\n",
+       "            });\n",
+       "\n",
+       "        \n",
+       "    \n",
+       "\n",
+       "            var geocoderOpts_geocoder_c3c41f24bdc9ab7c647dd5f6e71755d2 = {&quot;collapsed&quot;: true, &quot;defaultMarkGeocode&quot;: true, &quot;position&quot;: &quot;topleft&quot;, &quot;provider&quot;: &quot;nominatim&quot;, &quot;providerOptions&quot;: {}, &quot;zoom&quot;: 11};\n",
+       "\n",
+       "            // note: geocoder name should start with lowercase\n",
+       "            var geocoderName_geocoder_c3c41f24bdc9ab7c647dd5f6e71755d2 = geocoderOpts_geocoder_c3c41f24bdc9ab7c647dd5f6e71755d2[&quot;provider&quot;];\n",
+       "\n",
+       "            var customGeocoder_geocoder_c3c41f24bdc9ab7c647dd5f6e71755d2 = L.Control.Geocoder[ geocoderName_geocoder_c3c41f24bdc9ab7c647dd5f6e71755d2 ](\n",
+       "                geocoderOpts_geocoder_c3c41f24bdc9ab7c647dd5f6e71755d2[&#x27;providerOptions&#x27;]\n",
+       "            );\n",
+       "            geocoderOpts_geocoder_c3c41f24bdc9ab7c647dd5f6e71755d2[&quot;geocoder&quot;] = customGeocoder_geocoder_c3c41f24bdc9ab7c647dd5f6e71755d2;\n",
+       "\n",
+       "            L.Control.geocoder(\n",
+       "                geocoderOpts_geocoder_c3c41f24bdc9ab7c647dd5f6e71755d2\n",
+       "            ).on(&#x27;markgeocode&#x27;, function(e) {\n",
+       "                var zoom = geocoderOpts_geocoder_c3c41f24bdc9ab7c647dd5f6e71755d2[&#x27;zoom&#x27;] || map_f1ce6eb921b4d7b11d49de3df8093d9e.getZoom();\n",
+       "                map_f1ce6eb921b4d7b11d49de3df8093d9e.setView(e.geocode.center, zoom);\n",
+       "            }).addTo(map_f1ce6eb921b4d7b11d49de3df8093d9e);\n",
+       "\n",
+       "        \n",
+       "    \n",
+       "            map_f1ce6eb921b4d7b11d49de3df8093d9e.fitBounds(\n",
+       "                [[20, 0], [20, 0]],\n",
+       "                {&quot;maxZoom&quot;: 2}\n",
+       "            );\n",
+       "        \n",
+       "    \n",
+       "            var macro_element_3831fc723f2cfc11a7f3230a34b4b9f6 = L.tileLayer.wms(\n",
+       "                &quot;https://www.mrlc.gov/geoserver/mrlc_display/NLCD_2016_Land_Cover_L48/wms?&quot;,\n",
+       "                {&quot;attribution&quot;: &quot;&quot;, &quot;format&quot;: &quot;image/png&quot;, &quot;layers&quot;: &quot;NLCD_2016_Land_Cover_L48&quot;, &quot;styles&quot;: &quot;&quot;, &quot;transparent&quot;: true, &quot;version&quot;: &quot;1.1.1&quot;}\n",
+       "            );\n",
+       "        \n",
+       "    \n",
+       "            macro_element_3831fc723f2cfc11a7f3230a34b4b9f6.addTo(map_f1ce6eb921b4d7b11d49de3df8093d9e);\n",
+       "        \n",
+       "    \n",
+       "            var layer_control_293101c4cdf231dcd55e9b691be121de_layers = {\n",
+       "                base_layers : {\n",
+       "                    &quot;openstreetmap&quot; : tile_layer_625eed014e405c2ee851b9417f647dec,\n",
+       "                },\n",
+       "                overlays :  {\n",
+       "                    &quot;NLCD 2016 CONUS Land Cover&quot; : macro_element_3831fc723f2cfc11a7f3230a34b4b9f6,\n",
+       "                },\n",
+       "            };\n",
+       "            let layer_control_293101c4cdf231dcd55e9b691be121de = L.control.layers(\n",
+       "                layer_control_293101c4cdf231dcd55e9b691be121de_layers.base_layers,\n",
+       "                layer_control_293101c4cdf231dcd55e9b691be121de_layers.overlays,\n",
+       "                {&quot;autoZIndex&quot;: true, &quot;collapsed&quot;: true, &quot;position&quot;: &quot;topright&quot;}\n",
+       "            ).addTo(map_f1ce6eb921b4d7b11d49de3df8093d9e);\n",
+       "\n",
+       "        \n",
+       "&lt;/script&gt;\n",
+       "&lt;/html&gt;\" width=\"100%\" height=\"600\"style=\"border:none !important;\" \"allowfullscreen\" \"webkitallowfullscreen\" \"mozallowfullscreen\"></iframe>"
+      ],
+      "text/plain": [
+       "<leafmap.foliumap.Map at 0x7f2341d2cca0>"
+      ]
+     },
+     "execution_count": 27,
+     "metadata": {},
+     "output_type": "execute_result"
+    }
+   ],
+   "source": [
+    "import leafmap as leafmap\n",
+    "import leafmap.foliumap as leaf_folium\n",
+    "import leafmap.toolbar\n",
+    "# import leafmap.toolbar as toolbar\n",
+    "\n",
+    "tmp_map = leafmap.Map()\n",
+    "\n",
+    "Map = leaf_folium.Map()\n",
+    "\n",
+    "url = \"https://www.mrlc.gov/geoserver/mrlc_display/NLCD_2016_Land_Cover_L48/wms?\"\n",
+    "Map.add_wms_layer(\n",
+    "    url,\n",
+    "    layers=\"NLCD_2016_Land_Cover_L48\",\n",
+    "    name=\"NLCD 2016 CONUS Land Cover\",\n",
+    "    format=\"image/png\",\n",
+    "    transparent=True,\n",
+    ")\n",
+    "# Map.add_legend(builtin_legend=\"NLCD\", draggable=False)\n",
+    "Map.sandbox_path = \"/home/patel_zeel/bhuvan\"\n",
+    "# toolbar.tool_template(Map)\n",
+    "\n",
+    "Map.toolbar = tmp_map.toolbar\n",
+    "Map"
+   ]
+  },
   {
    "cell_type": "code",
    "execution_count": 10,