{
 "cells": [
  {
   "cell_type": "code",
   "execution_count": null,
   "id": "0",
   "metadata": {},
   "outputs": [],
   "source": [
    "# %pip install leafmap"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "id": "1",
   "metadata": {},
   "outputs": [],
   "source": [
    "import leafmap.maplibregl as leafmap\n",
    "import ipywidgets as widgets"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "id": "2",
   "metadata": {},
   "outputs": [],
   "source": [
    "tw = leafmap.TabWidget(\n",
    "    title=\"Interactive Dashboard\",\n",
    "    tabs=(\"Home\", \"Map\", \"Population\", \"Settings\"),\n",
    "    icons=(\"mdi-home\", \"mdi-airplane\", \"mdi-account-box\", \"mdi-cog\"),\n",
    "    show_panel_titles=False,\n",
    ")\n",
    "\n",
    "# Customize dialog\n",
    "tw.set_help_title(\"About this dashboard\")\n",
    "tw.set_help_content(\n",
    "    widgets.HTML(\n",
    "        \"\"\"\n",
    "      <p><b>User Guide</b></p>\n",
    "      <ul>\n",
    "        <li>Step 1: Click on the tab</li>\n",
    "        <li>Navigate the map</li>\n",
    "        <li>? — help</li>\n",
    "      </ul>\n",
    "    \"\"\"\n",
    "    )\n",
    ")\n",
    "\n",
    "m = leafmap.Map(projection=\"globe\", sidebar_visible=True, height=\"600px\")\n",
    "m.add_overture_3d_buildings()\n",
    "m.create_container()\n",
    "\n",
    "home_tab = widgets.HTML(\n",
    "    \"\"\"\n",
    "    <h1>Welcome to the Leafmap Visualization Dashboard</h1>\n",
    "    <p>This is the home tab.</p>\n",
    "    <img src=\"https://assets.gishub.org/images/geog-312.png\" width=\"100%\">\n",
    "    \"\"\"\n",
    ")\n",
    "\n",
    "settings_tab = widgets.HTML(\n",
    "    \"\"\"\n",
    "    <h1>Settings</h1>\n",
    "    <p>This is the settings tab.</p>\n",
    "    \"\"\"\n",
    ")\n",
    "\n",
    "data = \"https://github.com/opengeos/datasets/releases/download/vector/countries.geojson\"\n",
    "\n",
    "m2 = leafmap.Map(style=\"liberty\", projection=\"globe\")\n",
    "first_symbol_id = m2.find_first_symbol_layer()[\"id\"]\n",
    "m2.add_data(\n",
    "    data,\n",
    "    column=\"POP_EST\",\n",
    "    scheme=\"Quantiles\",\n",
    "    cmap=\"Blues\",\n",
    "    legend_title=\"Population\",\n",
    "    name=\"population\",\n",
    "    # before_id=first_symbol_id,\n",
    "    extrude=True,\n",
    "    scale_factor=1000,\n",
    ")\n",
    "container = m2.create_container()\n",
    "\n",
    "tw.set_tab_content(0, home_tab)\n",
    "tw.set_tab_content(1, m.container)\n",
    "tw.set_tab_content(3, settings_tab)\n",
    "tw.set_tab_content(2, m2.container)\n",
    "\n",
    "tw.widget"
   ]
  }
 ],
 "metadata": {
  "kernelspec": {
   "display_name": "geo",
   "language": "python",
   "name": "python3"
  },
  "language_info": {
   "codemirror_mode": {
    "name": "ipython",
    "version": 3
   },
   "file_extension": ".py",
   "mimetype": "text/x-python",
   "name": "python",
   "nbconvert_exporter": "python",
   "pygments_lexer": "ipython3",
   "version": "3.12.2"
  }
 },
 "nbformat": 4,
 "nbformat_minor": 5
}