visu.ipynb

{
 "cells": [
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "# Crise du sida Berlin\n",
    "Ce notebook Jupiter contient un **[tableau](#Tableau)** de tous les lieux visités pendant l'atelier topographique sur la crise du sida à Berlin dans les années 80 (*appel à participation [DE](https://www.sciencespo.fr/histoire/fr/node/89436.html) | [FR](https://cmb.hu-berlin.de/fr/agenda/evenement/topografischer-geschichtsworkshop-fuer-junge-forscherinnen)*), et une **[carte dynamique](#Carte)** générée à partir de ce tableau. \n",
    "\n",
    "L'atelier s'est tenu au Marc Bloch Zentrum du 13 au 18 mai 2024 et a entre autres donné lieu à un [interview de l'une des organisatrices](https://www.sciencespo.fr/fr/actualites/la-crise-du-sida-a-berlin-parcourir-une-ville-pour-comprendre-son-histoire/), la création d'une [librairie Zotero](https://www.zotero.org/groups/5537257/aidskrisebln2024/library) et d'un [répertoire de travail commun](https://sharedocs.huma-num.fr/wl/?id=Su3ebB9UxlLW3jueknVkCwTB4B0ckciH), afin d'archiver ce travail sur l'archive et de le poursuivre plus tard. \n",
    "\n",
    "Le présent code source est sous licence [CC0 1.0 Deed](https://creativecommons.org/publicdomain/zero/1.0/deed.fr). Les données sont en cours de dépôt sur [RechercheDataGouv](https://entrepot.recherche.data.gouv.fr/dataverse/root/?q=)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "## Tableau \n",
    "\n",
    "Ce tableau est éditable en .xlsx sur le [répertoire ](https://sharedocs.huma-num.fr/wl/?id=on6pmqexVsfysrKr8E8QwjktVP7gaABW&fmode=edit). "
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 12,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<style type=\"text/css\">\n",
       "#T_06b33 th {\n",
       "  text-align: left;\n",
       "}\n",
       "#T_06b33_row0_col0, #T_06b33_row0_col1, #T_06b33_row0_col2, #T_06b33_row0_col3, #T_06b33_row0_col4, #T_06b33_row1_col0, #T_06b33_row1_col1, #T_06b33_row1_col2, #T_06b33_row1_col3, #T_06b33_row1_col4, #T_06b33_row2_col0, #T_06b33_row2_col1, #T_06b33_row2_col2, #T_06b33_row2_col3, #T_06b33_row2_col4, #T_06b33_row3_col0, #T_06b33_row3_col1, #T_06b33_row3_col2, #T_06b33_row3_col3, #T_06b33_row3_col4, #T_06b33_row4_col0, #T_06b33_row4_col1, #T_06b33_row4_col2, #T_06b33_row4_col3, #T_06b33_row4_col4, #T_06b33_row5_col0, #T_06b33_row5_col1, #T_06b33_row5_col2, #T_06b33_row5_col3, #T_06b33_row5_col4, #T_06b33_row6_col0, #T_06b33_row6_col1, #T_06b33_row6_col2, #T_06b33_row6_col3, #T_06b33_row6_col4, #T_06b33_row7_col0, #T_06b33_row7_col1, #T_06b33_row7_col2, #T_06b33_row7_col3, #T_06b33_row7_col4, #T_06b33_row8_col0, #T_06b33_row8_col1, #T_06b33_row8_col2, #T_06b33_row8_col3, #T_06b33_row8_col4, #T_06b33_row9_col0, #T_06b33_row9_col1, #T_06b33_row9_col2, #T_06b33_row9_col3, #T_06b33_row9_col4, #T_06b33_row10_col0, #T_06b33_row10_col1, #T_06b33_row10_col2, #T_06b33_row10_col3, #T_06b33_row10_col4, #T_06b33_row11_col0, #T_06b33_row11_col1, #T_06b33_row11_col2, #T_06b33_row11_col3, #T_06b33_row11_col4, #T_06b33_row12_col0, #T_06b33_row12_col1, #T_06b33_row12_col2, #T_06b33_row12_col3, #T_06b33_row12_col4, #T_06b33_row13_col0, #T_06b33_row13_col1, #T_06b33_row13_col2, #T_06b33_row13_col3, #T_06b33_row13_col4, #T_06b33_row14_col0, #T_06b33_row14_col1, #T_06b33_row14_col2, #T_06b33_row14_col3, #T_06b33_row14_col4, #T_06b33_row15_col0, #T_06b33_row15_col1, #T_06b33_row15_col2, #T_06b33_row15_col3, #T_06b33_row15_col4, #T_06b33_row16_col0, #T_06b33_row16_col1, #T_06b33_row16_col2, #T_06b33_row16_col3, #T_06b33_row16_col4, #T_06b33_row17_col0, #T_06b33_row17_col1, #T_06b33_row17_col2, #T_06b33_row17_col3, #T_06b33_row17_col4, #T_06b33_row18_col0, #T_06b33_row18_col1, #T_06b33_row18_col2, #T_06b33_row18_col3, #T_06b33_row18_col4 {\n",
       "  text-align: left;\n",
       "}\n",
       "</style>\n",
       "<table id=\"T_06b33\">\n",
       "  <thead>\n",
       "    <tr>\n",
       "      <th class=\"blank level0\" >&nbsp;</th>\n",
       "      <th id=\"T_06b33_level0_col0\" class=\"col_heading level0 col0\" >Place</th>\n",
       "      <th id=\"T_06b33_level0_col1\" class=\"col_heading level0 col1\" >AddrPlain</th>\n",
       "      <th id=\"T_06b33_level0_col2\" class=\"col_heading level0 col2\" >Type</th>\n",
       "      <th id=\"T_06b33_level0_col3\" class=\"col_heading level0 col3\" >Community</th>\n",
       "      <th id=\"T_06b33_level0_col4\" class=\"col_heading level0 col4\" >East or west</th>\n",
       "    </tr>\n",
       "  </thead>\n",
       "  <tbody>\n",
       "    <tr>\n",
       "      <th id=\"T_06b33_level0_row0\" class=\"row_heading level0 row0\" >0</th>\n",
       "      <td id=\"T_06b33_row0_col0\" class=\"data row0 col0\" >Centre Marc Bloch</td>\n",
       "      <td id=\"T_06b33_row0_col1\" class=\"data row0 col1\" >Friedrichstraße 177-191, 10117 Berlin, Allemagne</td>\n",
       "      <td id=\"T_06b33_row0_col2\" class=\"data row0 col2\" >Research Center</td>\n",
       "      <td id=\"T_06b33_row0_col3\" class=\"data row0 col3\" >Researchers, queer activists</td>\n",
       "      <td id=\"T_06b33_row0_col4\" class=\"data row0 col4\" >East</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th id=\"T_06b33_level0_row1\" class=\"row_heading level0 row1\" >1</th>\n",
       "      <td id=\"T_06b33_row1_col0\" class=\"data row1 col0\" >Chez Michel</td>\n",
       "      <td id=\"T_06b33_row1_col1\" class=\"data row1 col1\" >Adalbertstraße 83, 10997 Berlin, Allemagne</td>\n",
       "      <td id=\"T_06b33_row1_col2\" class=\"data row1 col2\" >Restaurant</td>\n",
       "      <td id=\"T_06b33_row1_col3\" class=\"data row1 col3\" >French</td>\n",
       "      <td id=\"T_06b33_row1_col4\" class=\"data row1 col4\" >West</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th id=\"T_06b33_level0_row2\" class=\"row_heading level0 row2\" >2</th>\n",
       "      <td id=\"T_06b33_row2_col0\" class=\"data row2 col0\" >Yorkstrasse</td>\n",
       "      <td id=\"T_06b33_row2_col1\" class=\"data row2 col1\" >Großgörschenstraße 30, 10827 Berlin, Allemagne</td>\n",
       "      <td id=\"T_06b33_row2_col2\" class=\"data row2 col2\" >Train station</td>\n",
       "      <td id=\"T_06b33_row2_col3\" class=\"data row2 col3\" >Lesbians, gays, queers</td>\n",
       "      <td id=\"T_06b33_row2_col4\" class=\"data row2 col4\" >West</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th id=\"T_06b33_level0_row3\" class=\"row_heading level0 row3\" >3</th>\n",
       "      <td id=\"T_06b33_row3_col0\" class=\"data row3 col0\" >Les Migras</td>\n",
       "      <td id=\"T_06b33_row3_col1\" class=\"data row3 col1\" >Kulmer Str. 20A, 10783 Berlin, Allemagne</td>\n",
       "      <td id=\"T_06b33_row3_col2\" class=\"data row3 col2\" >Community center</td>\n",
       "      <td id=\"T_06b33_row3_col3\" class=\"data row3 col3\" >Lesbians, migrants</td>\n",
       "      <td id=\"T_06b33_row3_col4\" class=\"data row3 col4\" >West</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th id=\"T_06b33_level0_row4\" class=\"row_heading level0 row4\" >4</th>\n",
       "      <td id=\"T_06b33_row4_col0\" class=\"data row4 col0\" >Lesbenberatung</td>\n",
       "      <td id=\"T_06b33_row4_col1\" class=\"data row4 col1\" >Kulmer Str. 20A, 10783 Berlin, Allemagne</td>\n",
       "      <td id=\"T_06b33_row4_col2\" class=\"data row4 col2\" >Community center</td>\n",
       "      <td id=\"T_06b33_row4_col3\" class=\"data row4 col3\" >Lesbians</td>\n",
       "      <td id=\"T_06b33_row4_col4\" class=\"data row4 col4\" >West</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th id=\"T_06b33_level0_row5\" class=\"row_heading level0 row5\" >5</th>\n",
       "      <td id=\"T_06b33_row5_col0\" class=\"data row5 col0\" >Siegesaüle</td>\n",
       "      <td id=\"T_06b33_row5_col1\" class=\"data row5 col1\" >Kulmer Str. 20A, 10783 Berlin, Allemagne</td>\n",
       "      <td id=\"T_06b33_row5_col2\" class=\"data row5 col2\" >Magazine</td>\n",
       "      <td id=\"T_06b33_row5_col3\" class=\"data row5 col3\" >Gays</td>\n",
       "      <td id=\"T_06b33_row5_col4\" class=\"data row5 col4\" >West</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th id=\"T_06b33_level0_row6\" class=\"row_heading level0 row6\" >6</th>\n",
       "      <td id=\"T_06b33_row6_col0\" class=\"data row6 col0\" >Begine - Frauenkneipe und Kultur</td>\n",
       "      <td id=\"T_06b33_row6_col1\" class=\"data row6 col1\" >Potsdamer Str. 139, 10783 Berlin, Allemagne</td>\n",
       "      <td id=\"T_06b33_row6_col2\" class=\"data row6 col2\" >Squat</td>\n",
       "      <td id=\"T_06b33_row6_col3\" class=\"data row6 col3\" >Lesbians</td>\n",
       "      <td id=\"T_06b33_row6_col4\" class=\"data row6 col4\" >West</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th id=\"T_06b33_level0_row7\" class=\"row_heading level0 row7\" >7</th>\n",
       "      <td id=\"T_06b33_row7_col0\" class=\"data row7 col0\" >Blocksberg</td>\n",
       "      <td id=\"T_06b33_row7_col1\" class=\"data row7 col1\" >Yorckstraße 47-48, 10783 Berlin, Allemagne</td>\n",
       "      <td id=\"T_06b33_row7_col2\" class=\"data row7 col2\" >Bar</td>\n",
       "      <td id=\"T_06b33_row7_col3\" class=\"data row7 col3\" >Lesbians</td>\n",
       "      <td id=\"T_06b33_row7_col4\" class=\"data row7 col4\" >West</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th id=\"T_06b33_level0_row8\" class=\"row_heading level0 row8\" >8</th>\n",
       "      <td id=\"T_06b33_row8_col0\" class=\"data row8 col0\" >Kaiserhof</td>\n",
       "      <td id=\"T_06b33_row8_col1\" class=\"data row8 col1\" >Bülowstraße 36, 10783 Berlin, Allemagne</td>\n",
       "      <td id=\"T_06b33_row8_col2\" class=\"data row8 col2\" >Party</td>\n",
       "      <td id=\"T_06b33_row8_col3\" class=\"data row8 col3\" >Lebians, trans persons, gays</td>\n",
       "      <td id=\"T_06b33_row8_col4\" class=\"data row8 col4\" >West</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th id=\"T_06b33_level0_row9\" class=\"row_heading level0 row9\" >9</th>\n",
       "      <td id=\"T_06b33_row9_col0\" class=\"data row9 col0\" >Isherwood</td>\n",
       "      <td id=\"T_06b33_row9_col1\" class=\"data row9 col1\" >Nollendorfstraße 17, 10777 Berlin, Allemagne</td>\n",
       "      <td id=\"T_06b33_row9_col2\" class=\"data row9 col2\" >Individual (writer)</td>\n",
       "      <td id=\"T_06b33_row9_col3\" class=\"data row9 col3\" >Gays</td>\n",
       "      <td id=\"T_06b33_row9_col4\" class=\"data row9 col4\" >West</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th id=\"T_06b33_level0_row10\" class=\"row_heading level0 row10\" >10</th>\n",
       "      <td id=\"T_06b33_row10_col0\" class=\"data row10 col0\" >Eldorado</td>\n",
       "      <td id=\"T_06b33_row10_col1\" class=\"data row10 col1\" >Motzstraße 24, 10777 Berlin, Allemagne</td>\n",
       "      <td id=\"T_06b33_row10_col2\" class=\"data row10 col2\" >Party</td>\n",
       "      <td id=\"T_06b33_row10_col3\" class=\"data row10 col3\" >Lebians, trans people, gays, straight tourists</td>\n",
       "      <td id=\"T_06b33_row10_col4\" class=\"data row10 col4\" >West</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th id=\"T_06b33_level0_row11\" class=\"row_heading level0 row11\" >11</th>\n",
       "      <td id=\"T_06b33_row11_col0\" class=\"data row11 col0\" >Schwules Museum</td>\n",
       "      <td id=\"T_06b33_row11_col1\" class=\"data row11 col1\" >Lützowstraße 73, 10785 Berlin, Allemagne</td>\n",
       "      <td id=\"T_06b33_row11_col2\" class=\"data row11 col2\" >Museum</td>\n",
       "      <td id=\"T_06b33_row11_col3\" class=\"data row11 col3\" >Gays</td>\n",
       "      <td id=\"T_06b33_row11_col4\" class=\"data row11 col4\" >West</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th id=\"T_06b33_level0_row12\" class=\"row_heading level0 row12\" >12</th>\n",
       "      <td id=\"T_06b33_row12_col0\" class=\"data row12 col0\" >Berliner Aids-Hilfe</td>\n",
       "      <td id=\"T_06b33_row12_col1\" class=\"data row12 col1\" >Kurfürstenstraße 130, 10785 Berlin, Allemagne</td>\n",
       "      <td id=\"T_06b33_row12_col2\" class=\"data row12 col2\" >Community center</td>\n",
       "      <td id=\"T_06b33_row12_col3\" class=\"data row12 col3\" >Gays, lesbians, drug users, queers, trans people, prisoners, youth</td>\n",
       "      <td id=\"T_06b33_row12_col4\" class=\"data row12 col4\" >West</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th id=\"T_06b33_level0_row13\" class=\"row_heading level0 row13\" >13</th>\n",
       "      <td id=\"T_06b33_row13_col0\" class=\"data row13 col0\" >Sankt-Matheus Friedhof</td>\n",
       "      <td id=\"T_06b33_row13_col1\" class=\"data row13 col1\" >Großgörschenstraße 15, 10829 Berlin, Allemagne</td>\n",
       "      <td id=\"T_06b33_row13_col2\" class=\"data row13 col2\" >Friedhof</td>\n",
       "      <td id=\"T_06b33_row13_col3\" class=\"data row13 col3\" >Gays, lesbians, drug users, queers, trans people, stillborn children</td>\n",
       "      <td id=\"T_06b33_row13_col4\" class=\"data row13 col4\" >West</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th id=\"T_06b33_level0_row14\" class=\"row_heading level0 row14\" >14</th>\n",
       "      <td id=\"T_06b33_row14_col0\" class=\"data row14 col0\" >Mémorial queer</td>\n",
       "      <td id=\"T_06b33_row14_col1\" class=\"data row14 col1\" >Ebertstraße, 10785 Berlin, Allemagne</td>\n",
       "      <td id=\"T_06b33_row14_col2\" class=\"data row14 col2\" >Memorial</td>\n",
       "      <td id=\"T_06b33_row14_col3\" class=\"data row14 col3\" >Gays, lesbians, queers</td>\n",
       "      <td id=\"T_06b33_row14_col4\" class=\"data row14 col4\" >West / East</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th id=\"T_06b33_level0_row15\" class=\"row_heading level0 row15\" >15</th>\n",
       "      <td id=\"T_06b33_row15_col0\" class=\"data row15 col0\" >Mémorial Shoah</td>\n",
       "      <td id=\"T_06b33_row15_col1\" class=\"data row15 col1\" >Cora-Berliner-Straße 1, 10117 Berlin, Allemagne</td>\n",
       "      <td id=\"T_06b33_row15_col2\" class=\"data row15 col2\" >Mémorial</td>\n",
       "      <td id=\"T_06b33_row15_col3\" class=\"data row15 col3\" >Jews</td>\n",
       "      <td id=\"T_06b33_row15_col4\" class=\"data row15 col4\" >West / East</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th id=\"T_06b33_level0_row16\" class=\"row_heading level0 row16\" >16</th>\n",
       "      <td id=\"T_06b33_row16_col0\" class=\"data row16 col0\" >Volkspark Friedrichshain</td>\n",
       "      <td id=\"T_06b33_row16_col1\" class=\"data row16 col1\" >Berliner Innenstadt, 10249 Berlin, Allemagne</td>\n",
       "      <td id=\"T_06b33_row16_col2\" class=\"data row16 col2\" >Cruising place</td>\n",
       "      <td id=\"T_06b33_row16_col3\" class=\"data row16 col3\" >Gays, tourists</td>\n",
       "      <td id=\"T_06b33_row16_col4\" class=\"data row16 col4\" >East</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th id=\"T_06b33_level0_row17\" class=\"row_heading level0 row17\" >17</th>\n",
       "      <td id=\"T_06b33_row17_col0\" class=\"data row17 col0\" >Gethsemane Kirche</td>\n",
       "      <td id=\"T_06b33_row17_col1\" class=\"data row17 col1\" >Stargarder Str. 77, 10437 Berlin, Allemagne</td>\n",
       "      <td id=\"T_06b33_row17_col2\" class=\"data row17 col2\" >Church</td>\n",
       "      <td id=\"T_06b33_row17_col3\" class=\"data row17 col3\" >Lesbians</td>\n",
       "      <td id=\"T_06b33_row17_col4\" class=\"data row17 col4\" >East</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th id=\"T_06b33_level0_row18\" class=\"row_heading level0 row18\" >18</th>\n",
       "      <td id=\"T_06b33_row18_col0\" class=\"data row18 col0\" >Sonntagsklub</td>\n",
       "      <td id=\"T_06b33_row18_col1\" class=\"data row18 col1\" >Greifenhagener Str. 28, 10437 Berlin, Allemagne</td>\n",
       "      <td id=\"T_06b33_row18_col2\" class=\"data row18 col2\" >Squat</td>\n",
       "      <td id=\"T_06b33_row18_col3\" class=\"data row18 col3\" >Workers, gays, lesbians</td>\n",
       "      <td id=\"T_06b33_row18_col4\" class=\"data row18 col4\" >East</td>\n",
       "    </tr>\n",
       "  </tbody>\n",
       "</table>\n"
      ],
      "text/plain": [
       "<pandas.io.formats.style.Styler at 0x2117e951f10>"
      ]
     },
     "execution_count": 12,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "import pandas as pd\n",
    "import folium\n",
    "\n",
    "df_raw = pd.read_csv(\"synth-lieux.csv\", encoding='utf-8', sep=';')\n",
    "df = df_raw[df_raw['Visited'] == \"oui\"]\n",
    "\n",
    "# Tableau simplifié pour affichage dans le notebook\n",
    "df_simple = df[[\"Place\", \"AddrPlain\", \"Type\", \"Community\", \"East or west\"]]\n",
    "df_simple = df_simple.style.set_properties(**{'text-align': 'left'}).set_table_styles(\n",
    "    [{'selector': 'th', 'props': [('text-align', 'left')]}]\n",
    ")\n",
    "df_simple\n"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "## Carte"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 13,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<div style=\"width:100%;\"><div style=\"position:relative;width:100%;height:0;padding-bottom:60%;\"><span style=\"color:#565656\">Make this Notebook Trusted to load map: File -> Trust Notebook</span><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.min.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_41ab8c990c259be75a15dd536abde929 {\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;/head&gt;\n",
       "&lt;body&gt;\n",
       "    \n",
       "    \n",
       "            &lt;div class=&quot;folium-map&quot; id=&quot;map_41ab8c990c259be75a15dd536abde929&quot; &gt;&lt;/div&gt;\n",
       "        \n",
       "&lt;/body&gt;\n",
       "&lt;script&gt;\n",
       "    \n",
       "    \n",
       "            var map_41ab8c990c259be75a15dd536abde929 = L.map(\n",
       "                &quot;map_41ab8c990c259be75a15dd536abde929&quot;,\n",
       "                {\n",
       "                    center: [52.5107745, 13.3896707],\n",
       "                    crs: L.CRS.EPSG3857,\n",
       "                    zoom: 13,\n",
       "                    zoomControl: true,\n",
       "                    preferCanvas: false,\n",
       "                }\n",
       "            );\n",
       "\n",
       "            \n",
       "\n",
       "        \n",
       "    \n",
       "            var tile_layer_4344598a58a6a597c16f62fba54506eb = 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;: 19, &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_4344598a58a6a597c16f62fba54506eb.addTo(map_41ab8c990c259be75a15dd536abde929);\n",
       "        \n",
       "    \n",
       "            var marker_379a916d576044dd7c88d1bbc992ba5e = L.marker(\n",
       "                [52.5107745, 13.3896707],\n",
       "                {}\n",
       "            ).addTo(map_41ab8c990c259be75a15dd536abde929);\n",
       "        \n",
       "    \n",
       "        var popup_0f8ee2adf0f99733255152ceeddedbea = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_4e8c137b0912522233be16f31256f1ff = $(`&lt;div id=&quot;html_4e8c137b0912522233be16f31256f1ff&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;&lt;span style=&quot;color: rgb(251,153,142); font-weight: 900; font-size: 150%;&quot;&gt;Centre Marc Bloch&lt;/span&gt;&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt;Type&lt;/span&gt; Research Center&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt;Communities&lt;/span&gt; Researchers, queer activists&lt;br&gt;&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt; Description &lt;/span&gt;&lt;br&gt; &lt;p style=&quot;color: rgb(85,85,85); font-weight: 300; font-size: 120%;&quot;&gt;Recusandae voluptas aut beatae dolor adipisci at quo. Voluptatem hic similique pariatur doloremque. Ab illo id sed et est.&lt;br&gt;Dolores nulla fuga excepturi sed. Tempore ipsum qui voluptatem nihil repellat eos. Non molestias ipsum optio eius cum. &lt;br&gt;Vel sunt et iste non suscipit neque non. Distinctio ab quae minus ratione. Qui velit sit aut. &lt;br&gt; Eveniet sunt asperiores ut beatae voluptas possimus. Ea aliquid facilis itaque aut. Dolor ullam voluptatem exercitationem eum. Quo id molestiae ipsam eveniet. Corporis blanditiis atque praesentium quos distinctio. Dolorum voluptatem et quia quia a tempore aut tempore.&lt;/p&gt;&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt;Street view&lt;/span&gt; &lt;iframe src=&quot;https://www.google.com/maps/embed?pb=!4v1717430794159!6m8!1m7!1sRtghzChN6JplvBmQGBr25Q!2m2!1d52.51037898530988!2d13.38980174985009!3f333.31!4f0!5f0.7820865974627469&quot; width=&quot;450&quot; height=&quot;225&quot; style=&quot;border:0;&quot; allowfullscreen=&quot;&quot; loading=&quot;lazy&quot; referrerpolicy=&quot;no-referrer-when-downgrade&quot;&gt;&lt;/iframe&gt;         &lt;/div&gt;`)[0];\n",
       "                popup_0f8ee2adf0f99733255152ceeddedbea.setContent(html_4e8c137b0912522233be16f31256f1ff);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_379a916d576044dd7c88d1bbc992ba5e.bindPopup(popup_0f8ee2adf0f99733255152ceeddedbea)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_bc9640c21554b6f20c8a844e77edf04b = L.marker(\n",
       "                [52.5025988, 13.4199707],\n",
       "                {}\n",
       "            ).addTo(map_41ab8c990c259be75a15dd536abde929);\n",
       "        \n",
       "    \n",
       "        var popup_bc27c64a3ee95bd3cf50da870282526e = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_fc9f18c6d6ddde78b1b0988442793ab1 = $(`&lt;div id=&quot;html_fc9f18c6d6ddde78b1b0988442793ab1&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;&lt;span style=&quot;color: rgb(251,153,142); font-weight: 900; font-size: 150%;&quot;&gt;Chez Michel&lt;/span&gt;&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt;Type&lt;/span&gt; Restaurant&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt;Communities&lt;/span&gt; French&lt;br&gt;&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt; Description &lt;/span&gt;&lt;br&gt; &lt;p style=&quot;color: rgb(85,85,85); font-weight: 300; font-size: 120%;&quot;&gt;Recusandae voluptas aut beatae dolor adipisci at quo. Voluptatem hic similique pariatur doloremque. Ab illo id sed et est.&lt;br&gt;Dolores nulla fuga excepturi sed. Tempore ipsum qui voluptatem nihil repellat eos. Non molestias ipsum optio eius cum. &lt;br&gt;Vel sunt et iste non suscipit neque non. Distinctio ab quae minus ratione. Qui velit sit aut. &lt;br&gt; Eveniet sunt asperiores ut beatae voluptas possimus. Ea aliquid facilis itaque aut. Dolor ullam voluptatem exercitationem eum. Quo id molestiae ipsam eveniet. Corporis blanditiis atque praesentium quos distinctio. Dolorum voluptatem et quia quia a tempore aut tempore.&lt;/p&gt;&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt;Street view&lt;/span&gt; &lt;iframe src=&quot;https://www.google.com/maps/embed?pb=!4v1717431014651!6m8!1m7!1s18yVjaI3ITLBplcxC84WCw!2m2!1d52.50260605205433!2d13.42025364622527!3f274.52606!4f0!5f0.7820865974627469&quot; width=&quot;450&quot; height=&quot;225&quot; style=&quot;border:0;&quot; allowfullscreen=&quot;&quot; loading=&quot;lazy&quot; referrerpolicy=&quot;no-referrer-when-downgrade&quot;&gt;&lt;/iframe&gt;         &lt;/div&gt;`)[0];\n",
       "                popup_bc27c64a3ee95bd3cf50da870282526e.setContent(html_fc9f18c6d6ddde78b1b0988442793ab1);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_bc9640c21554b6f20c8a844e77edf04b.bindPopup(popup_bc27c64a3ee95bd3cf50da870282526e)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_c727f116ec9c4ce7b2b7bdcaf54ef086 = L.marker(\n",
       "                [52.4916585, 13.3660462],\n",
       "                {}\n",
       "            ).addTo(map_41ab8c990c259be75a15dd536abde929);\n",
       "        \n",
       "    \n",
       "        var popup_982092f4b05184d4081783bed2fa0920 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_c65412a4d7b13f973ad859daa6d7f260 = $(`&lt;div id=&quot;html_c65412a4d7b13f973ad859daa6d7f260&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;&lt;span style=&quot;color: rgb(251,153,142); font-weight: 900; font-size: 150%;&quot;&gt;Yorkstrasse&lt;/span&gt;&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt;Type&lt;/span&gt; Train station&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt;Communities&lt;/span&gt; Lesbians, gays, queers&lt;br&gt;&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt; Description &lt;/span&gt;&lt;br&gt; &lt;p style=&quot;color: rgb(85,85,85); font-weight: 300; font-size: 120%;&quot;&gt;Recusandae voluptas aut beatae dolor adipisci at quo. Voluptatem hic similique pariatur doloremque. Ab illo id sed et est.&lt;br&gt;Dolores nulla fuga excepturi sed. Tempore ipsum qui voluptatem nihil repellat eos. Non molestias ipsum optio eius cum. &lt;br&gt;Vel sunt et iste non suscipit neque non. Distinctio ab quae minus ratione. Qui velit sit aut. &lt;br&gt; Eveniet sunt asperiores ut beatae voluptas possimus. Ea aliquid facilis itaque aut. Dolor ullam voluptatem exercitationem eum. Quo id molestiae ipsam eveniet. Corporis blanditiis atque praesentium quos distinctio. Dolorum voluptatem et quia quia a tempore aut tempore.&lt;/p&gt;&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt;Street view&lt;/span&gt; &lt;iframe src=&quot;https://www.google.com/maps/embed?pb=!4v1717431144574!6m8!1m7!1sHTOinfdBXm_zijrZsvLnxw!2m2!1d52.49320337459629!2d13.36846897838941!3f202.31319!4f0!5f0.7820865974627469&quot; width=&quot;450&quot; height=&quot;225&quot; style=&quot;border:0;&quot; allowfullscreen=&quot;&quot; loading=&quot;lazy&quot; referrerpolicy=&quot;no-referrer-when-downgrade&quot;&gt;&lt;/iframe&gt;         &lt;/div&gt;`)[0];\n",
       "                popup_982092f4b05184d4081783bed2fa0920.setContent(html_c65412a4d7b13f973ad859daa6d7f260);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_c727f116ec9c4ce7b2b7bdcaf54ef086.bindPopup(popup_982092f4b05184d4081783bed2fa0920)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_972fb4d897eb33b062b561f19a8217ef = L.marker(\n",
       "                [52.4919769, 13.3646303],\n",
       "                {}\n",
       "            ).addTo(map_41ab8c990c259be75a15dd536abde929);\n",
       "        \n",
       "    \n",
       "        var popup_9e35658bb528e7c361eb076ab060e81b = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_e701afc563bb8fcfaa7d57bf0de99115 = $(`&lt;div id=&quot;html_e701afc563bb8fcfaa7d57bf0de99115&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;&lt;span style=&quot;color: rgb(251,153,142); font-weight: 900; font-size: 150%;&quot;&gt;Les Migras&lt;/span&gt;&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt;Type&lt;/span&gt; Community center&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt;Communities&lt;/span&gt; Lesbians, migrants&lt;br&gt;&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt; Description &lt;/span&gt;&lt;br&gt; &lt;p style=&quot;color: rgb(85,85,85); font-weight: 300; font-size: 120%;&quot;&gt;Recusandae voluptas aut beatae dolor adipisci at quo. Voluptatem hic similique pariatur doloremque. Ab illo id sed et est.&lt;br&gt;Dolores nulla fuga excepturi sed. Tempore ipsum qui voluptatem nihil repellat eos. Non molestias ipsum optio eius cum. &lt;br&gt;Vel sunt et iste non suscipit neque non. Distinctio ab quae minus ratione. Qui velit sit aut. &lt;br&gt; Eveniet sunt asperiores ut beatae voluptas possimus. Ea aliquid facilis itaque aut. Dolor ullam voluptatem exercitationem eum. Quo id molestiae ipsam eveniet. Corporis blanditiis atque praesentium quos distinctio. Dolorum voluptatem et quia quia a tempore aut tempore.&lt;/p&gt;&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt;Street view&lt;/span&gt; no street view available         &lt;/div&gt;`)[0];\n",
       "                popup_9e35658bb528e7c361eb076ab060e81b.setContent(html_e701afc563bb8fcfaa7d57bf0de99115);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_972fb4d897eb33b062b561f19a8217ef.bindPopup(popup_9e35658bb528e7c361eb076ab060e81b)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_13bce51dc0b6d06a20473693868ef420 = L.marker(\n",
       "                [52.4919769, 13.3646303],\n",
       "                {}\n",
       "            ).addTo(map_41ab8c990c259be75a15dd536abde929);\n",
       "        \n",
       "    \n",
       "        var popup_2c47dd0328ada5814f49afc15969a728 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_c316d7c5e4bae203b98bdae1ee66efaa = $(`&lt;div id=&quot;html_c316d7c5e4bae203b98bdae1ee66efaa&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;&lt;span style=&quot;color: rgb(251,153,142); font-weight: 900; font-size: 150%;&quot;&gt;Lesbenberatung&lt;/span&gt;&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt;Type&lt;/span&gt; Community center&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt;Communities&lt;/span&gt; Lesbians&lt;br&gt;&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt; Description &lt;/span&gt;&lt;br&gt; &lt;p style=&quot;color: rgb(85,85,85); font-weight: 300; font-size: 120%;&quot;&gt;Recusandae voluptas aut beatae dolor adipisci at quo. Voluptatem hic similique pariatur doloremque. Ab illo id sed et est.&lt;br&gt;Dolores nulla fuga excepturi sed. Tempore ipsum qui voluptatem nihil repellat eos. Non molestias ipsum optio eius cum. &lt;br&gt;Vel sunt et iste non suscipit neque non. Distinctio ab quae minus ratione. Qui velit sit aut. &lt;br&gt; Eveniet sunt asperiores ut beatae voluptas possimus. Ea aliquid facilis itaque aut. Dolor ullam voluptatem exercitationem eum. Quo id molestiae ipsam eveniet. Corporis blanditiis atque praesentium quos distinctio. Dolorum voluptatem et quia quia a tempore aut tempore.&lt;/p&gt;&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt;Street view&lt;/span&gt; no street view available         &lt;/div&gt;`)[0];\n",
       "                popup_2c47dd0328ada5814f49afc15969a728.setContent(html_c316d7c5e4bae203b98bdae1ee66efaa);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_13bce51dc0b6d06a20473693868ef420.bindPopup(popup_2c47dd0328ada5814f49afc15969a728)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_573a4963671c7fe513427a9caf316214 = L.marker(\n",
       "                [52.4919769, 13.3646303],\n",
       "                {}\n",
       "            ).addTo(map_41ab8c990c259be75a15dd536abde929);\n",
       "        \n",
       "    \n",
       "        var popup_df7463167d9367105b7f9728d96abe07 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_921c9478560d09dc80465f7cbd3af5c9 = $(`&lt;div id=&quot;html_921c9478560d09dc80465f7cbd3af5c9&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;&lt;span style=&quot;color: rgb(251,153,142); font-weight: 900; font-size: 150%;&quot;&gt;Siegesaüle&lt;/span&gt;&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt;Type&lt;/span&gt; Magazine&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt;Communities&lt;/span&gt; Gays&lt;br&gt;&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt; Description &lt;/span&gt;&lt;br&gt; &lt;p style=&quot;color: rgb(85,85,85); font-weight: 300; font-size: 120%;&quot;&gt;Recusandae voluptas aut beatae dolor adipisci at quo. Voluptatem hic similique pariatur doloremque. Ab illo id sed et est.&lt;br&gt;Dolores nulla fuga excepturi sed. Tempore ipsum qui voluptatem nihil repellat eos. Non molestias ipsum optio eius cum. &lt;br&gt;Vel sunt et iste non suscipit neque non. Distinctio ab quae minus ratione. Qui velit sit aut. &lt;br&gt; Eveniet sunt asperiores ut beatae voluptas possimus. Ea aliquid facilis itaque aut. Dolor ullam voluptatem exercitationem eum. Quo id molestiae ipsam eveniet. Corporis blanditiis atque praesentium quos distinctio. Dolorum voluptatem et quia quia a tempore aut tempore.&lt;/p&gt;&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt;Street view&lt;/span&gt; no street view available         &lt;/div&gt;`)[0];\n",
       "                popup_df7463167d9367105b7f9728d96abe07.setContent(html_921c9478560d09dc80465f7cbd3af5c9);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_573a4963671c7fe513427a9caf316214.bindPopup(popup_df7463167d9367105b7f9728d96abe07)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_aaf5feefe9ab9ca60b92ce8028d8d97f = L.marker(\n",
       "                [52.4967592, 13.3618488],\n",
       "                {}\n",
       "            ).addTo(map_41ab8c990c259be75a15dd536abde929);\n",
       "        \n",
       "    \n",
       "        var popup_d41d6c0786dc5fb2c15981fcd2a7b21c = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_e7a0e39c5039b9902b45099780c3cfcd = $(`&lt;div id=&quot;html_e7a0e39c5039b9902b45099780c3cfcd&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;&lt;span style=&quot;color: rgb(251,153,142); font-weight: 900; font-size: 150%;&quot;&gt;Begine - Frauenkneipe und Kultur&lt;/span&gt;&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt;Type&lt;/span&gt; Squat&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt;Communities&lt;/span&gt; Lesbians&lt;br&gt;&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt; Description &lt;/span&gt;&lt;br&gt; &lt;p style=&quot;color: rgb(85,85,85); font-weight: 300; font-size: 120%;&quot;&gt;Recusandae voluptas aut beatae dolor adipisci at quo. Voluptatem hic similique pariatur doloremque. Ab illo id sed et est.&lt;br&gt;Dolores nulla fuga excepturi sed. Tempore ipsum qui voluptatem nihil repellat eos. Non molestias ipsum optio eius cum. &lt;br&gt;Vel sunt et iste non suscipit neque non. Distinctio ab quae minus ratione. Qui velit sit aut. &lt;br&gt; Eveniet sunt asperiores ut beatae voluptas possimus. Ea aliquid facilis itaque aut. Dolor ullam voluptatem exercitationem eum. Quo id molestiae ipsam eveniet. Corporis blanditiis atque praesentium quos distinctio. Dolorum voluptatem et quia quia a tempore aut tempore.&lt;/p&gt;&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt;Street view&lt;/span&gt; &lt;iframe src=&quot;https://www.google.com/maps/embed?pb=!4v1717431606346!6m8!1m7!1s2GBye4nTJeYDblv_x-WMtQ!2m2!1d52.49689212835904!2d13.3615870839851!3f108.40209798152524!4f0.4835356717653383!5f1.0900294617962838&quot; width=&quot;450&quot; height=&quot;225&quot; style=&quot;border:0;&quot; allowfullscreen=&quot;&quot; loading=&quot;lazy&quot; referrerpolicy=&quot;no-referrer-when-downgrade&quot;&gt;&lt;/iframe&gt;         &lt;/div&gt;`)[0];\n",
       "                popup_d41d6c0786dc5fb2c15981fcd2a7b21c.setContent(html_e7a0e39c5039b9902b45099780c3cfcd);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_aaf5feefe9ab9ca60b92ce8028d8d97f.bindPopup(popup_d41d6c0786dc5fb2c15981fcd2a7b21c)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_e6ced617633536e0843f7ba8e560f350 = L.marker(\n",
       "                [52.4932746887207, 13.36770248413086],\n",
       "                {}\n",
       "            ).addTo(map_41ab8c990c259be75a15dd536abde929);\n",
       "        \n",
       "    \n",
       "        var popup_416d1cfd023eaafcbf2c22a83d8e0f50 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_61df5f83c618cac384bbceff86ef2588 = $(`&lt;div id=&quot;html_61df5f83c618cac384bbceff86ef2588&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;&lt;span style=&quot;color: rgb(251,153,142); font-weight: 900; font-size: 150%;&quot;&gt;Blocksberg&lt;/span&gt;&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt;Type&lt;/span&gt; Bar&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt;Communities&lt;/span&gt; Lesbians&lt;br&gt;&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt; Description &lt;/span&gt;&lt;br&gt; &lt;p style=&quot;color: rgb(85,85,85); font-weight: 300; font-size: 120%;&quot;&gt;Recusandae voluptas aut beatae dolor adipisci at quo. Voluptatem hic similique pariatur doloremque. Ab illo id sed et est.&lt;br&gt;Dolores nulla fuga excepturi sed. Tempore ipsum qui voluptatem nihil repellat eos. Non molestias ipsum optio eius cum. &lt;br&gt;Vel sunt et iste non suscipit neque non. Distinctio ab quae minus ratione. Qui velit sit aut. &lt;br&gt; Eveniet sunt asperiores ut beatae voluptas possimus. Ea aliquid facilis itaque aut. Dolor ullam voluptatem exercitationem eum. Quo id molestiae ipsam eveniet. Corporis blanditiis atque praesentium quos distinctio. Dolorum voluptatem et quia quia a tempore aut tempore.&lt;/p&gt;&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt;Street view&lt;/span&gt; &lt;iframe src=&quot;https://www.google.com/maps/embed?pb=!4v1717431752463!6m8!1m7!1suaOsBeTlv1L515J3_JHQqw!2m2!1d52.49326870004999!2d13.36765013620316!3f166.4437867928268!4f5.595683959944893!5f0.9760854960976897&quot; width=&quot;450&quot; height=&quot;225&quot; style=&quot;border:0;&quot; allowfullscreen=&quot;&quot; loading=&quot;lazy&quot; referrerpolicy=&quot;no-referrer-when-downgrade&quot;&gt;&lt;/iframe&gt;         &lt;/div&gt;`)[0];\n",
       "                popup_416d1cfd023eaafcbf2c22a83d8e0f50.setContent(html_61df5f83c618cac384bbceff86ef2588);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_e6ced617633536e0843f7ba8e560f350.bindPopup(popup_416d1cfd023eaafcbf2c22a83d8e0f50)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_830602a53ca09ed6825830e59a6f0361 = L.marker(\n",
       "                [52.4965733, 13.3653082],\n",
       "                {}\n",
       "            ).addTo(map_41ab8c990c259be75a15dd536abde929);\n",
       "        \n",
       "    \n",
       "        var popup_9f47bea437d8376e216d3f03619aff66 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_7018f13140d41533770ec3bda77e60e3 = $(`&lt;div id=&quot;html_7018f13140d41533770ec3bda77e60e3&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;&lt;span style=&quot;color: rgb(251,153,142); font-weight: 900; font-size: 150%;&quot;&gt;Kaiserhof&lt;/span&gt;&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt;Type&lt;/span&gt; Party&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt;Communities&lt;/span&gt; Lebians, trans persons, gays&lt;br&gt;&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt; Description &lt;/span&gt;&lt;br&gt; &lt;p style=&quot;color: rgb(85,85,85); font-weight: 300; font-size: 120%;&quot;&gt;Recusandae voluptas aut beatae dolor adipisci at quo. Voluptatem hic similique pariatur doloremque. Ab illo id sed et est.&lt;br&gt;Dolores nulla fuga excepturi sed. Tempore ipsum qui voluptatem nihil repellat eos. Non molestias ipsum optio eius cum. &lt;br&gt;Vel sunt et iste non suscipit neque non. Distinctio ab quae minus ratione. Qui velit sit aut. &lt;br&gt; Eveniet sunt asperiores ut beatae voluptas possimus. Ea aliquid facilis itaque aut. Dolor ullam voluptatem exercitationem eum. Quo id molestiae ipsam eveniet. Corporis blanditiis atque praesentium quos distinctio. Dolorum voluptatem et quia quia a tempore aut tempore.&lt;/p&gt;&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt;Street view&lt;/span&gt; &lt;iframe src=&quot;https://www.google.com/maps/embed?pb=!4v1717431897473!6m8!1m7!1stbndKKwd-jHwvLapS6CeGw!2m2!1d52.496634018591!2d13.36555287330344!3f253.74!4f0!5f0.7820865974627469&quot; width=&quot;450&quot; height=&quot;225&quot; style=&quot;border:0;&quot; allowfullscreen=&quot;&quot; loading=&quot;lazy&quot; referrerpolicy=&quot;no-referrer-when-downgrade&quot;&gt;&lt;/iframe&gt;         &lt;/div&gt;`)[0];\n",
       "                popup_9f47bea437d8376e216d3f03619aff66.setContent(html_7018f13140d41533770ec3bda77e60e3);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_830602a53ca09ed6825830e59a6f0361.bindPopup(popup_9f47bea437d8376e216d3f03619aff66)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_2310658a77944dc86d939795fdf8d03b = L.marker(\n",
       "                [52.4977986, 13.3513834],\n",
       "                {}\n",
       "            ).addTo(map_41ab8c990c259be75a15dd536abde929);\n",
       "        \n",
       "    \n",
       "        var popup_523cf7a9427cc7f4bcac1a46255dbe4f = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_8fcada69a4d8395de1619c9aca996fa5 = $(`&lt;div id=&quot;html_8fcada69a4d8395de1619c9aca996fa5&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;&lt;span style=&quot;color: rgb(251,153,142); font-weight: 900; font-size: 150%;&quot;&gt;Isherwood&lt;/span&gt;&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt;Type&lt;/span&gt; Individual (writer)&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt;Communities&lt;/span&gt; Gays&lt;br&gt;&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt; Description &lt;/span&gt;&lt;br&gt; &lt;p style=&quot;color: rgb(85,85,85); font-weight: 300; font-size: 120%;&quot;&gt;Recusandae voluptas aut beatae dolor adipisci at quo. Voluptatem hic similique pariatur doloremque. Ab illo id sed et est.&lt;br&gt;Dolores nulla fuga excepturi sed. Tempore ipsum qui voluptatem nihil repellat eos. Non molestias ipsum optio eius cum. &lt;br&gt;Vel sunt et iste non suscipit neque non. Distinctio ab quae minus ratione. Qui velit sit aut. &lt;br&gt; Eveniet sunt asperiores ut beatae voluptas possimus. Ea aliquid facilis itaque aut. Dolor ullam voluptatem exercitationem eum. Quo id molestiae ipsam eveniet. Corporis blanditiis atque praesentium quos distinctio. Dolorum voluptatem et quia quia a tempore aut tempore.&lt;/p&gt;&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt;Street view&lt;/span&gt; &lt;iframe src=&quot;https://www.google.com/maps/embed?pb=!4v1717431925582!6m8!1m7!1sTw5w46QadBweWOSUYUEdmA!2m2!1d52.49772000873742!2d13.35139783537853!3f334.5663!4f0!5f0.7820865974627469&quot; width=&quot;450&quot; height=&quot;225&quot; style=&quot;border:0;&quot; allowfullscreen=&quot;&quot; loading=&quot;lazy&quot; referrerpolicy=&quot;no-referrer-when-downgrade&quot;&gt;&lt;/iframe&gt;         &lt;/div&gt;`)[0];\n",
       "                popup_523cf7a9427cc7f4bcac1a46255dbe4f.setContent(html_8fcada69a4d8395de1619c9aca996fa5);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_2310658a77944dc86d939795fdf8d03b.bindPopup(popup_523cf7a9427cc7f4bcac1a46255dbe4f)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_150e9c186ba83ca2928ea3087ad2d1fb = L.marker(\n",
       "                [52.4980181, 13.3483763],\n",
       "                {}\n",
       "            ).addTo(map_41ab8c990c259be75a15dd536abde929);\n",
       "        \n",
       "    \n",
       "        var popup_31d311c2420802657a8c8deefa5db35d = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_a5494553ff9f6da91a2db5898363b5ca = $(`&lt;div id=&quot;html_a5494553ff9f6da91a2db5898363b5ca&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;&lt;span style=&quot;color: rgb(251,153,142); font-weight: 900; font-size: 150%;&quot;&gt;Eldorado&lt;/span&gt;&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt;Type&lt;/span&gt; Party&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt;Communities&lt;/span&gt; Lebians, trans people, gays, straight tourists&lt;br&gt;&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt; Description &lt;/span&gt;&lt;br&gt; &lt;p style=&quot;color: rgb(85,85,85); font-weight: 300; font-size: 120%;&quot;&gt;Recusandae voluptas aut beatae dolor adipisci at quo. Voluptatem hic similique pariatur doloremque. Ab illo id sed et est.&lt;br&gt;Dolores nulla fuga excepturi sed. Tempore ipsum qui voluptatem nihil repellat eos. Non molestias ipsum optio eius cum. &lt;br&gt;Vel sunt et iste non suscipit neque non. Distinctio ab quae minus ratione. Qui velit sit aut. &lt;br&gt; Eveniet sunt asperiores ut beatae voluptas possimus. Ea aliquid facilis itaque aut. Dolor ullam voluptatem exercitationem eum. Quo id molestiae ipsam eveniet. Corporis blanditiis atque praesentium quos distinctio. Dolorum voluptatem et quia quia a tempore aut tempore.&lt;/p&gt;&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt;Street view&lt;/span&gt; &lt;iframe src=&quot;https://www.google.com/maps/embed?pb=!4v1717432708114!6m8!1m7!1sP0JLaxJH4e4WAwRrtweiaA!2m2!1d52.49801842464812!2d13.348201484059!3f54.854202!4f0!5f0.7820865974627469&quot; width=&quot;450&quot; height=&quot;225&quot; style=&quot;border:0;&quot; allowfullscreen=&quot;&quot; loading=&quot;lazy&quot; referrerpolicy=&quot;no-referrer-when-downgrade&quot;&gt;&lt;/iframe&gt;         &lt;/div&gt;`)[0];\n",
       "                popup_31d311c2420802657a8c8deefa5db35d.setContent(html_a5494553ff9f6da91a2db5898363b5ca);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_150e9c186ba83ca2928ea3087ad2d1fb.bindPopup(popup_31d311c2420802657a8c8deefa5db35d)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_a8ec4f35b7d580ea1e59f862ddf0cca7 = L.marker(\n",
       "                [52.5042512, 13.3582193],\n",
       "                {}\n",
       "            ).addTo(map_41ab8c990c259be75a15dd536abde929);\n",
       "        \n",
       "    \n",
       "        var popup_cedbcf518a9994becb843f5af539e6ae = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_59454242a244fc9c435f7982b2e5b874 = $(`&lt;div id=&quot;html_59454242a244fc9c435f7982b2e5b874&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;&lt;span style=&quot;color: rgb(251,153,142); font-weight: 900; font-size: 150%;&quot;&gt;Schwules Museum&lt;/span&gt;&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt;Type&lt;/span&gt; Museum&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt;Communities&lt;/span&gt; Gays&lt;br&gt;&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt; Description &lt;/span&gt;&lt;br&gt; &lt;p style=&quot;color: rgb(85,85,85); font-weight: 300; font-size: 120%;&quot;&gt;Recusandae voluptas aut beatae dolor adipisci at quo. Voluptatem hic similique pariatur doloremque. Ab illo id sed et est.&lt;br&gt;Dolores nulla fuga excepturi sed. Tempore ipsum qui voluptatem nihil repellat eos. Non molestias ipsum optio eius cum. &lt;br&gt;Vel sunt et iste non suscipit neque non. Distinctio ab quae minus ratione. Qui velit sit aut. &lt;br&gt; Eveniet sunt asperiores ut beatae voluptas possimus. Ea aliquid facilis itaque aut. Dolor ullam voluptatem exercitationem eum. Quo id molestiae ipsam eveniet. Corporis blanditiis atque praesentium quos distinctio. Dolorum voluptatem et quia quia a tempore aut tempore.&lt;/p&gt;&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt;Street view&lt;/span&gt; &lt;iframe src=&quot;https://www.google.com/maps/embed?pb=!4v1717432798481!6m8!1m7!1sFFgK90aM8TRb7p1JQZ8fQw!2m2!1d52.5044439884525!2d13.35830529315345!3f181.22548!4f0!5f0.7820865974627469&quot; width=&quot;450&quot; height=&quot;225&quot; style=&quot;border:0;&quot; allowfullscreen=&quot;&quot; loading=&quot;lazy&quot; referrerpolicy=&quot;no-referrer-when-downgrade&quot;&gt;&lt;/iframe&gt;         &lt;/div&gt;`)[0];\n",
       "                popup_cedbcf518a9994becb843f5af539e6ae.setContent(html_59454242a244fc9c435f7982b2e5b874);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_a8ec4f35b7d580ea1e59f862ddf0cca7.bindPopup(popup_cedbcf518a9994becb843f5af539e6ae)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_87020bff2e4731f194346824c7c201fe = L.marker(\n",
       "                [52.5021173, 13.3528839],\n",
       "                {}\n",
       "            ).addTo(map_41ab8c990c259be75a15dd536abde929);\n",
       "        \n",
       "    \n",
       "        var popup_b7a8eafb0ca12730157081f859d729c1 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_3a9a7b6c06ecf9ee567807005ff4792a = $(`&lt;div id=&quot;html_3a9a7b6c06ecf9ee567807005ff4792a&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;&lt;span style=&quot;color: rgb(251,153,142); font-weight: 900; font-size: 150%;&quot;&gt;Berliner Aids-Hilfe&lt;/span&gt;&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt;Type&lt;/span&gt; Community center&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt;Communities&lt;/span&gt; Gays, lesbians, drug users, queers, trans people, prisoners, youth&lt;br&gt;&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt; Description &lt;/span&gt;&lt;br&gt; &lt;p style=&quot;color: rgb(85,85,85); font-weight: 300; font-size: 120%;&quot;&gt;Recusandae voluptas aut beatae dolor adipisci at quo. Voluptatem hic similique pariatur doloremque. Ab illo id sed et est.&lt;br&gt;Dolores nulla fuga excepturi sed. Tempore ipsum qui voluptatem nihil repellat eos. Non molestias ipsum optio eius cum. &lt;br&gt;Vel sunt et iste non suscipit neque non. Distinctio ab quae minus ratione. Qui velit sit aut. &lt;br&gt; Eveniet sunt asperiores ut beatae voluptas possimus. Ea aliquid facilis itaque aut. Dolor ullam voluptatem exercitationem eum. Quo id molestiae ipsam eveniet. Corporis blanditiis atque praesentium quos distinctio. Dolorum voluptatem et quia quia a tempore aut tempore.&lt;/p&gt;&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt;Street view&lt;/span&gt; &lt;iframe src=&quot;https://www.google.com/maps/embed?pb=!4v1717432835178!6m8!1m7!1sWAwP0JGC7krO0sNq4Ba9pg!2m2!1d52.50224182692213!2d13.35295702831377!3f194.69332242393673!4f-0.09442874915299626!5f0.7820865974627469&quot; width=&quot;450&quot; height=&quot;225&quot; style=&quot;border:0;&quot; allowfullscreen=&quot;&quot; loading=&quot;lazy&quot; referrerpolicy=&quot;no-referrer-when-downgrade&quot;&gt;&lt;/iframe&gt;         &lt;/div&gt;`)[0];\n",
       "                popup_b7a8eafb0ca12730157081f859d729c1.setContent(html_3a9a7b6c06ecf9ee567807005ff4792a);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_87020bff2e4731f194346824c7c201fe.bindPopup(popup_b7a8eafb0ca12730157081f859d729c1)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_ea241c711017097737336ef12302dd4f = L.marker(\n",
       "                [52.49085998535156, 13.369101524353027],\n",
       "                {}\n",
       "            ).addTo(map_41ab8c990c259be75a15dd536abde929);\n",
       "        \n",
       "    \n",
       "        var popup_ca0db4804f1123dd683d9b8966b77b85 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_bb3b3d5d49b64a5a05cdea97ff04dfc2 = $(`&lt;div id=&quot;html_bb3b3d5d49b64a5a05cdea97ff04dfc2&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;&lt;span style=&quot;color: rgb(251,153,142); font-weight: 900; font-size: 150%;&quot;&gt;Sankt-Matheus Friedhof&lt;/span&gt;&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt;Type&lt;/span&gt; Friedhof&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt;Communities&lt;/span&gt; Gays, lesbians, drug users, queers, trans people, stillborn children&lt;br&gt;&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt; Description &lt;/span&gt;&lt;br&gt; &lt;p style=&quot;color: rgb(85,85,85); font-weight: 300; font-size: 120%;&quot;&gt;Recusandae voluptas aut beatae dolor adipisci at quo. Voluptatem hic similique pariatur doloremque. Ab illo id sed et est.&lt;br&gt;Dolores nulla fuga excepturi sed. Tempore ipsum qui voluptatem nihil repellat eos. Non molestias ipsum optio eius cum. &lt;br&gt;Vel sunt et iste non suscipit neque non. Distinctio ab quae minus ratione. Qui velit sit aut. &lt;br&gt; Eveniet sunt asperiores ut beatae voluptas possimus. Ea aliquid facilis itaque aut. Dolor ullam voluptatem exercitationem eum. Quo id molestiae ipsam eveniet. Corporis blanditiis atque praesentium quos distinctio. Dolorum voluptatem et quia quia a tempore aut tempore.&lt;/p&gt;&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt;Street view&lt;/span&gt; &lt;iframe src=&quot;https://www.google.com/maps/embed?pb=!4v1717432986377!6m8!1m7!1sGw4HR6mjrVRUcg9ZRRP7SQ!2m2!1d52.49113300812899!2d13.36757581159912!3f264.7197437620593!4f5.048869793951894!5f0.7820865974627469&quot; width=&quot;450&quot; height=&quot;225&quot; style=&quot;border:0;&quot; allowfullscreen=&quot;&quot; loading=&quot;lazy&quot; referrerpolicy=&quot;no-referrer-when-downgrade&quot;&gt;&lt;/iframe&gt;         &lt;/div&gt;`)[0];\n",
       "                popup_ca0db4804f1123dd683d9b8966b77b85.setContent(html_bb3b3d5d49b64a5a05cdea97ff04dfc2);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_ea241c711017097737336ef12302dd4f.bindPopup(popup_ca0db4804f1123dd683d9b8966b77b85)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_74f6de415b7bad0218b31785a82a1f8b = L.marker(\n",
       "                [52.51328043603444, 13.376307840626687],\n",
       "                {}\n",
       "            ).addTo(map_41ab8c990c259be75a15dd536abde929);\n",
       "        \n",
       "    \n",
       "        var popup_57f3758d8133ec115ff0cce8e5b6a884 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_3bfd6d12b28d9f8dacd79b173cf4f02e = $(`&lt;div id=&quot;html_3bfd6d12b28d9f8dacd79b173cf4f02e&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;&lt;span style=&quot;color: rgb(251,153,142); font-weight: 900; font-size: 150%;&quot;&gt;Mémorial queer&lt;/span&gt;&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt;Type&lt;/span&gt; Memorial&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt;Communities&lt;/span&gt; Gays, lesbians, queers&lt;br&gt;&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt; Description &lt;/span&gt;&lt;br&gt; &lt;p style=&quot;color: rgb(85,85,85); font-weight: 300; font-size: 120%;&quot;&gt;Recusandae voluptas aut beatae dolor adipisci at quo. Voluptatem hic similique pariatur doloremque. Ab illo id sed et est.&lt;br&gt;Dolores nulla fuga excepturi sed. Tempore ipsum qui voluptatem nihil repellat eos. Non molestias ipsum optio eius cum. &lt;br&gt;Vel sunt et iste non suscipit neque non. Distinctio ab quae minus ratione. Qui velit sit aut. &lt;br&gt; Eveniet sunt asperiores ut beatae voluptas possimus. Ea aliquid facilis itaque aut. Dolor ullam voluptatem exercitationem eum. Quo id molestiae ipsam eveniet. Corporis blanditiis atque praesentium quos distinctio. Dolorum voluptatem et quia quia a tempore aut tempore.&lt;/p&gt;&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt;Street view&lt;/span&gt; &lt;iframe src=&quot;https://www.google.com/maps/embed?pb=!4v1717433071139!6m8!1m7!1sCAoSLEFGMVFpcFA3VnItd3J5RVZ2YmVsaTd5MGtIQmFnMWVnVFBQQUhUeTQ5SVB6!2m2!1d52.5132604!2d13.3761193!3f40!4f20!5f0.7820865974627469&quot; width=&quot;450&quot; height=&quot;225&quot; style=&quot;border:0;&quot; allowfullscreen=&quot;&quot; loading=&quot;lazy&quot; referrerpolicy=&quot;no-referrer-when-downgrade&quot;&gt;&lt;/iframe&gt;         &lt;/div&gt;`)[0];\n",
       "                popup_57f3758d8133ec115ff0cce8e5b6a884.setContent(html_3bfd6d12b28d9f8dacd79b173cf4f02e);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_74f6de415b7bad0218b31785a82a1f8b.bindPopup(popup_57f3758d8133ec115ff0cce8e5b6a884)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_7a799c5674ba41253057e78ab7e1be31 = L.marker(\n",
       "                [52.5138731, 13.3787346],\n",
       "                {}\n",
       "            ).addTo(map_41ab8c990c259be75a15dd536abde929);\n",
       "        \n",
       "    \n",
       "        var popup_57038b38c250383b6ec92735865070a1 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_2436667b2d8e52d3cadff3e513805a31 = $(`&lt;div id=&quot;html_2436667b2d8e52d3cadff3e513805a31&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;&lt;span style=&quot;color: rgb(251,153,142); font-weight: 900; font-size: 150%;&quot;&gt;Mémorial Shoah&lt;/span&gt;&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt;Type&lt;/span&gt; Mémorial&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt;Communities&lt;/span&gt; Jews&lt;br&gt;&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt; Description &lt;/span&gt;&lt;br&gt; &lt;p style=&quot;color: rgb(85,85,85); font-weight: 300; font-size: 120%;&quot;&gt;Recusandae voluptas aut beatae dolor adipisci at quo. Voluptatem hic similique pariatur doloremque. Ab illo id sed et est.&lt;br&gt;Dolores nulla fuga excepturi sed. Tempore ipsum qui voluptatem nihil repellat eos. Non molestias ipsum optio eius cum. &lt;br&gt;Vel sunt et iste non suscipit neque non. Distinctio ab quae minus ratione. Qui velit sit aut. &lt;br&gt; Eveniet sunt asperiores ut beatae voluptas possimus. Ea aliquid facilis itaque aut. Dolor ullam voluptatem exercitationem eum. Quo id molestiae ipsam eveniet. Corporis blanditiis atque praesentium quos distinctio. Dolorum voluptatem et quia quia a tempore aut tempore.&lt;/p&gt;&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt;Street view&lt;/span&gt; &lt;iframe src=&quot;https://www.google.com/maps/embed?pb=!4v1717433107049!6m8!1m7!1sJ4NxXsAxyCG1j7ndClmodw!2m2!1d52.51470271981866!2d13.37876985244797!3f170.14514!4f0!5f0.7820865974627469&quot; width=&quot;450&quot; height=&quot;225&quot; style=&quot;border:0;&quot; allowfullscreen=&quot;&quot; loading=&quot;lazy&quot; referrerpolicy=&quot;no-referrer-when-downgrade&quot;&gt;&lt;/iframe&gt;         &lt;/div&gt;`)[0];\n",
       "                popup_57038b38c250383b6ec92735865070a1.setContent(html_2436667b2d8e52d3cadff3e513805a31);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_7a799c5674ba41253057e78ab7e1be31.bindPopup(popup_57038b38c250383b6ec92735865070a1)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_a60ec647a67215128d6d98253e8f86c0 = L.marker(\n",
       "                [52.5271586, 13.4321467],\n",
       "                {}\n",
       "            ).addTo(map_41ab8c990c259be75a15dd536abde929);\n",
       "        \n",
       "    \n",
       "        var popup_403815a49753f8f1f71ed72c7484f94c = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_b5b4334cc541113d218735c54f0a8373 = $(`&lt;div id=&quot;html_b5b4334cc541113d218735c54f0a8373&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;&lt;span style=&quot;color: rgb(251,153,142); font-weight: 900; font-size: 150%;&quot;&gt;Volkspark Friedrichshain&lt;/span&gt;&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt;Type&lt;/span&gt; Cruising place&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt;Communities&lt;/span&gt; Gays, tourists&lt;br&gt;&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt; Description &lt;/span&gt;&lt;br&gt; &lt;p style=&quot;color: rgb(85,85,85); font-weight: 300; font-size: 120%;&quot;&gt;Recusandae voluptas aut beatae dolor adipisci at quo. Voluptatem hic similique pariatur doloremque. Ab illo id sed et est.&lt;br&gt;Dolores nulla fuga excepturi sed. Tempore ipsum qui voluptatem nihil repellat eos. Non molestias ipsum optio eius cum. &lt;br&gt;Vel sunt et iste non suscipit neque non. Distinctio ab quae minus ratione. Qui velit sit aut. &lt;br&gt; Eveniet sunt asperiores ut beatae voluptas possimus. Ea aliquid facilis itaque aut. Dolor ullam voluptatem exercitationem eum. Quo id molestiae ipsam eveniet. Corporis blanditiis atque praesentium quos distinctio. Dolorum voluptatem et quia quia a tempore aut tempore.&lt;/p&gt;&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt;Street view&lt;/span&gt; &lt;iframe src=&quot;https://www.google.com/maps/embed?pb=!4v1717433167696!6m8!1m7!1sCAoSLEFGMVFpcFBWZU43dGRDVldTRGRQLUVmZGFUZjYyVFJqd3N2aURjZWd4UXdE!2m2!1d52.5280353!2d13.4363934!3f355.38586!4f12.717039999999997!5f0.7820865974627469&quot; width=&quot;450&quot; height=&quot;225&quot; style=&quot;border:0;&quot; allowfullscreen=&quot;&quot; loading=&quot;lazy&quot; referrerpolicy=&quot;no-referrer-when-downgrade&quot;&gt;&lt;/iframe&gt;         &lt;/div&gt;`)[0];\n",
       "                popup_403815a49753f8f1f71ed72c7484f94c.setContent(html_b5b4334cc541113d218735c54f0a8373);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_a60ec647a67215128d6d98253e8f86c0.bindPopup(popup_403815a49753f8f1f71ed72c7484f94c)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_3913eb922779b8016e8ea425c13bf1e0 = L.marker(\n",
       "                [52.5429726, 13.4264227],\n",
       "                {}\n",
       "            ).addTo(map_41ab8c990c259be75a15dd536abde929);\n",
       "        \n",
       "    \n",
       "        var popup_1acb34014cec52682dbd83c30eaac261 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_1e630ccc213d4488cc1f9824ddae2651 = $(`&lt;div id=&quot;html_1e630ccc213d4488cc1f9824ddae2651&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;&lt;span style=&quot;color: rgb(251,153,142); font-weight: 900; font-size: 150%;&quot;&gt;Gethsemane Kirche&lt;/span&gt;&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt;Type&lt;/span&gt; Church&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt;Communities&lt;/span&gt; Lesbians&lt;br&gt;&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt; Description &lt;/span&gt;&lt;br&gt; &lt;p style=&quot;color: rgb(85,85,85); font-weight: 300; font-size: 120%;&quot;&gt;Recusandae voluptas aut beatae dolor adipisci at quo. Voluptatem hic similique pariatur doloremque. Ab illo id sed et est.&lt;br&gt;Dolores nulla fuga excepturi sed. Tempore ipsum qui voluptatem nihil repellat eos. Non molestias ipsum optio eius cum. &lt;br&gt;Vel sunt et iste non suscipit neque non. Distinctio ab quae minus ratione. Qui velit sit aut. &lt;br&gt; Eveniet sunt asperiores ut beatae voluptas possimus. Ea aliquid facilis itaque aut. Dolor ullam voluptatem exercitationem eum. Quo id molestiae ipsam eveniet. Corporis blanditiis atque praesentium quos distinctio. Dolorum voluptatem et quia quia a tempore aut tempore.&lt;/p&gt;&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt;Street view&lt;/span&gt; &lt;iframe src=&quot;https://www.google.com/maps/embed?pb=!4v1717433212696!6m8!1m7!1sGZ-AM5MdUnfecUt2AwMm1A!2m2!1d52.54775793667329!2d13.41550221692711!3f95.087555!4f0!5f0.7820865974627469&quot; width=&quot;450&quot; height=&quot;225&quot; style=&quot;border:0;&quot; allowfullscreen=&quot;&quot; loading=&quot;lazy&quot; referrerpolicy=&quot;no-referrer-when-downgrade&quot;&gt;&lt;/iframe&gt;         &lt;/div&gt;`)[0];\n",
       "                popup_1acb34014cec52682dbd83c30eaac261.setContent(html_1e630ccc213d4488cc1f9824ddae2651);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_3913eb922779b8016e8ea425c13bf1e0.bindPopup(popup_1acb34014cec52682dbd83c30eaac261)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_d80ad9013cff5ef89805ebbd76165fd5 = L.marker(\n",
       "                [52.55148419261689, 13.418658939212694],\n",
       "                {}\n",
       "            ).addTo(map_41ab8c990c259be75a15dd536abde929);\n",
       "        \n",
       "    \n",
       "        var popup_bbd20ca80451d4c9395dec78761883ee = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_0d533c34b4cd4d12d628a270d131a020 = $(`&lt;div id=&quot;html_0d533c34b4cd4d12d628a270d131a020&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;&lt;span style=&quot;color: rgb(251,153,142); font-weight: 900; font-size: 150%;&quot;&gt;Sonntagsklub&lt;/span&gt;&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt;Type&lt;/span&gt; Squat&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt;Communities&lt;/span&gt; Workers, gays, lesbians&lt;br&gt;&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt; Description &lt;/span&gt;&lt;br&gt; &lt;p style=&quot;color: rgb(85,85,85); font-weight: 300; font-size: 120%;&quot;&gt;Recusandae voluptas aut beatae dolor adipisci at quo. Voluptatem hic similique pariatur doloremque. Ab illo id sed et est.&lt;br&gt;Dolores nulla fuga excepturi sed. Tempore ipsum qui voluptatem nihil repellat eos. Non molestias ipsum optio eius cum. &lt;br&gt;Vel sunt et iste non suscipit neque non. Distinctio ab quae minus ratione. Qui velit sit aut. &lt;br&gt; Eveniet sunt asperiores ut beatae voluptas possimus. Ea aliquid facilis itaque aut. Dolor ullam voluptatem exercitationem eum. Quo id molestiae ipsam eveniet. Corporis blanditiis atque praesentium quos distinctio. Dolorum voluptatem et quia quia a tempore aut tempore.&lt;/p&gt;&lt;br&gt;         &lt;span style=&quot;color: rgb(253,193,186); font-weight: 600; font-size: 120%;&quot;&gt;Street view&lt;/span&gt; &lt;iframe src=&quot;https://www.google.com/maps/embed?pb=!4v1717433267560!6m8!1m7!1s4Yymmg8N4HNpOQziFr7kXQ!2m2!1d52.5512524494064!2d13.41854828061138!3f44.25687207982894!4f-3.4157660104013132!5f1.6733931456978022&quot; width=&quot;450&quot; height=&quot;225&quot; style=&quot;border:0;&quot; allowfullscreen=&quot;&quot; loading=&quot;lazy&quot; referrerpolicy=&quot;no-referrer-when-downgrade&quot;&gt;&lt;/iframe&gt;         &lt;/div&gt;`)[0];\n",
       "                popup_bbd20ca80451d4c9395dec78761883ee.setContent(html_0d533c34b4cd4d12d628a270d131a020);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_d80ad9013cff5ef89805ebbd76165fd5.bindPopup(popup_bbd20ca80451d4c9395dec78761883ee)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "&lt;/script&gt;\n",
       "&lt;/html&gt;\" style=\"position:absolute;width:100%;height:100%;left:0;top:0;border:none !important;\" allowfullscreen webkitallowfullscreen mozallowfullscreen></iframe></div></div>"
      ],
      "text/plain": [
       "<folium.folium.Map at 0x2117e986060>"
      ]
     },
     "execution_count": 13,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "coords= df[\"Adresse\"].tolist()\n",
    "places = df[\"Place\"].tolist()\n",
    "typologies = df[\"Type\"].tolist()\n",
    "communities = df[\"Community\"].tolist()\n",
    "descriptions = df[\"Description\"].tolist()\n",
    "images = df[\"Pics\"].tolist()\n",
    "\n",
    "# coordonnées \n",
    "cleaned_coords = [(lat, lon) for coord in coords if isinstance(coord, str) and ',' in coord for lat, lon in [coord.split(',')]]\n",
    "\n",
    "coords_with_places = [(coord[0], coord[1], place, typology, community, description, image) for coord, place, typology, community, description, image in zip(cleaned_coords, places, typologies, communities, descriptions, images)]\n",
    "\n",
    "# Create a map centered at the first coordinate\n",
    "map_center = (float(coords_with_places[0][0]), float(coords_with_places[0][1]))\n",
    "my_map = folium.Map(location=map_center, zoom_start=13)\n",
    "\n",
    "# CSS pour le style des cartels\n",
    "styling_h1 = \"\"\"<span style=\"color: rgb(251,153,142); font-weight: 900; font-size: 150%;\">\"\"\"\n",
    "styling_h2 = \"\"\"<span style=\"color: rgb(253,193,186); font-weight: 600; font-size: 120%;\">\"\"\"\n",
    "styling_desc = \"\"\"<p style=\"color: rgb(85,85,85); font-weight: 300; font-size: 120%;\">\"\"\"\n",
    "\n",
    "\n",
    "# Add markers for each coordinate\n",
    "for loc in coords_with_places:\n",
    "    lat, lon, place, typologies, communities, descriptions, images = loc\n",
    "    folium.Marker(\n",
    "        location=(float(lat), float(lon)),\n",
    "        popup=f\"\"\"{styling_h1}{place}</span><br>\n",
    "        {styling_h2}Type</span> {typologies}<br>\n",
    "        {styling_h2}Communities</span> {communities}<br><br>\n",
    "        {styling_h2} Description </span><br> {styling_desc}{descriptions}</p><br>\n",
    "        {styling_h2}Street view</span> {images}\n",
    "        \"\"\"\n",
    "    ).add_to(my_map)\n",
    "\n",
    "# Save the map to an HTML file\n",
    "my_map\n"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": []
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": []
  }
 ],
 "metadata": {
  "kernelspec": {
   "display_name": "Python 3",
   "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.1"
  }
 },
 "nbformat": 4,
 "nbformat_minor": 2
}