python-recipes/recommendation-systems/02_two_towers.ipynb

{
 "cells": [
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "![Redis](https://redis.io/wp-content/uploads/2024/04/Logotype.svg?auto=webp&quality=85,75&width=120)\n",
    "\n",
    "# Recommendation Systems: Two Tower Deep Learning Models with RedisVL\n",
    "\n",
    "<a href=\"https://colab.research.google.com/github/redis-developer/redis-ai-resources/blob/main/python-recipes/recommendation-systems/02_two_towers.ipynb\" target=\"_parent\"><img src=\"https://colab.research.google.com/assets/colab-badge.svg\" alt=\"Open In Colab\"/></a>"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "Recommendation systems are a common application of machine learning and serve many industries from e-commerce to music streaming platforms.\n",
    "\n",
    "There are many different architectures that can be followed to build a recommendation system. In previous example notebooks we demonstrated two common approaches that leverage different methods. Our first showed how to do [content filtering with RedisVL](content_filtering.ipynb) where an item's underlying features determine what gets recommended.\n",
    "Next, we showcased how RedisVL can be used to build a [collaborative filtering recommender](collaborative_filtering.ipynb), which leverages users' ratings of items to create personalized recommendations. Before continuing with this notebook we encourage you to start with the previous two.\n",
    "\n",
    "In this notebook we'll demonstrate how to build a [two tower recommendation system](https://cloud.google.com/blog/products/ai-machine-learning/scaling-deep-retrieval-tensorflow-two-towers-architecture)\n",
    "and compare it to architectures we've seen before."
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "To mix things up a bit, instead of using our movies dataset like the previous two examples, we'll look at brick & mortar restaurants in San Francisco as our items to recommend."
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "## Environment Setup"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "metadata": {},
   "outputs": [],
   "source": [
    "%pip install -q redis \"redisvl>=0.4.1\" pandas torch requests scikit-learn"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "### Install Redis Stack\n",
    "\n",
    "Later in this tutorial, Redis will be used to store, index, and query vector\n",
    "embeddings. **We need to make sure we have a Redis instance available.**"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "####  Redis in Colab\n",
    "Use the shell script below to download, extract, and install [Redis Stack](https://redis.io/docs/getting-started/install-stack/) directly from the Redis package archive."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "metadata": {},
   "outputs": [],
   "source": [
    "# NBVAL_SKIP\n",
    "%%sh\n",
    "curl -fsSL https://packages.redis.io/gpg | sudo gpg --dearmor -o /usr/share/keyrings/redis-archive-keyring.gpg\n",
    "echo \"deb [signed-by=/usr/share/keyrings/redis-archive-keyring.gpg] https://packages.redis.io/deb $(lsb_release -cs) main\" | sudo tee /etc/apt/sources.list.d/redis.list\n",
    "sudo apt-get update  > /dev/null 2>&1\n",
    "sudo apt-get install redis-stack-server  > /dev/null 2>&1\n",
    "redis-stack-server --daemonize yes"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "#### Other ways to get Redis\n",
    "There are many ways to get the necessary redis-stack instance running\n",
    "1. On cloud, deploy a [FREE instance of Redis in the cloud](https://redis.io/try-free/). Or, if you have your\n",
    "own version of Redis Enterprise running, that works too!\n",
    "2. Per OS, [see the docs](https://redis.io/docs/latest/operate/oss_and_stack/install/install-stack/)\n",
    "3. With docker: `docker run -d --name redis-stack-server -p 6379:6379 redis/redis-stack-server:latest`"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "### Define the Redis Connection URL\n",
    "\n",
    "By default this notebook connects to the local instance of Redis Stack. **If you have your own Redis Enterprise instance** - replace REDIS_PASSWORD, REDIS_HOST and REDIS_PORT values with your own."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 1,
   "metadata": {},
   "outputs": [],
   "source": [
    "import os\n",
    "import requests\n",
    "import pandas as pd\n",
    "import json\n",
    "\n",
    "# Replace values below with your own if using Redis Cloud instance\n",
    "REDIS_HOST = os.getenv(\"REDIS_HOST\", \"localhost\") # ex: \"redis-18374.c253.us-central1-1.gce.cloud.redislabs.com\"\n",
    "REDIS_PORT = os.getenv(\"REDIS_PORT\", \"6379\")      # ex: 18374\n",
    "REDIS_PASSWORD = os.getenv(\"REDIS_PASSWORD\", \"\")  # ex: \"1TNxTEdYRDgIDKM2gDfasupCADXXXX\"\n",
    "\n",
    "# If SSL is enabled on the endpoint, use rediss:// as the URL prefix\n",
    "REDIS_URL = f\"redis://:{REDIS_PASSWORD}@{REDIS_HOST}:{REDIS_PORT}\""
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 2,
   "metadata": {},
   "outputs": [],
   "source": [
    "def fetch_data(file_name):\n",
    "    dataset_path = 'datasets/two_towers/'\n",
    "    try:\n",
    "        with open(dataset_path + file_name, 'r') as f:\n",
    "            return json.load(f)\n",
    "    except:\n",
    "        url = 'https://redis-ai-resources.s3.us-east-2.amazonaws.com/recommenders/datasets/two-towers/'\n",
    "        r = requests.get(url + file_name)\n",
    "        if not os.path.exists(dataset_path):\n",
    "            os.makedirs(dataset_path)\n",
    "        with open(dataset_path + file_name, 'wb') as f:\n",
    "            f.write(r.content)\n",
    "        return json.loads(r.content.decode('utf-8'))"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 3,
   "metadata": {},
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "we have 147 restaurants in our dataset, with 14700 total reviews\n"
     ]
    }
   ],
   "source": [
    "# the original dataset can be found here: https://www.kaggle.com/datasets/jkgatt/restaurant-data-with-100-trip-advisor-reviews-each\n",
    "\n",
    "restaurant_data = fetch_data('factual_tripadvisor_restaurant_data_all_100_reviews.json')\n",
    "\n",
    "print(f\"we have {restaurant_data['restaurant_count']} restaurants in our dataset, with {restaurant_data['total_review_count']} total reviews\")\n",
    "\n",
    "restaurant_data = restaurant_data[\"restaurants\"] # ignore the count fields"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 4,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<div>\n",
       "<style scoped>\n",
       "    .dataframe tbody tr th:only-of-type {\n",
       "        vertical-align: middle;\n",
       "    }\n",
       "\n",
       "    .dataframe tbody tr th {\n",
       "        vertical-align: top;\n",
       "    }\n",
       "\n",
       "    .dataframe thead th {\n",
       "        text-align: right;\n",
       "    }\n",
       "</style>\n",
       "<table border=\"1\" class=\"dataframe\">\n",
       "  <thead>\n",
       "    <tr style=\"text-align: right;\">\n",
       "      <th></th>\n",
       "      <th>name</th>\n",
       "      <th>address</th>\n",
       "      <th>locality</th>\n",
       "      <th>latitude</th>\n",
       "      <th>longitude</th>\n",
       "      <th>cuisine</th>\n",
       "      <th>price</th>\n",
       "      <th>rating</th>\n",
       "      <th>hours</th>\n",
       "      <th>parking</th>\n",
       "      <th>...</th>\n",
       "      <th>meal_takeout</th>\n",
       "      <th>meal_cater</th>\n",
       "      <th>options_healthy</th>\n",
       "      <th>options_organic</th>\n",
       "      <th>options_vegetarian</th>\n",
       "      <th>options_vegan</th>\n",
       "      <th>options_glutenfree</th>\n",
       "      <th>options_lowfat</th>\n",
       "      <th>reviews</th>\n",
       "      <th>unique_name</th>\n",
       "    </tr>\n",
       "  </thead>\n",
       "  <tbody>\n",
       "    <tr>\n",
       "      <th>0</th>\n",
       "      <td>21st Amendment Brewery &amp; Restaurant</td>\n",
       "      <td>563 2nd St</td>\n",
       "      <td>San Francisco</td>\n",
       "      <td>37.782448</td>\n",
       "      <td>-122.392576</td>\n",
       "      <td>[Cafe, Pub Food, American, Burgers, Pizza]</td>\n",
       "      <td>2</td>\n",
       "      <td>4.0</td>\n",
       "      <td>{'monday': [['11:30', '23:59']], 'tuesday': [[...</td>\n",
       "      <td>True</td>\n",
       "      <td>...</td>\n",
       "      <td>True</td>\n",
       "      <td>False</td>\n",
       "      <td>True</td>\n",
       "      <td>False</td>\n",
       "      <td>True</td>\n",
       "      <td>False</td>\n",
       "      <td>False</td>\n",
       "      <td>False</td>\n",
       "      <td>[{'review_website': 'TripAdvisor', 'review_url...</td>\n",
       "      <td>21st Amendment Brewery &amp; Restaurant 563 2nd St</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>1</th>\n",
       "      <td>Absinthe Brasserie &amp; Bar</td>\n",
       "      <td>398 Hayes St</td>\n",
       "      <td>San Francisco</td>\n",
       "      <td>37.777083</td>\n",
       "      <td>-122.422882</td>\n",
       "      <td>[French, Californian, Mediterranean, Cafe, Ame...</td>\n",
       "      <td>3</td>\n",
       "      <td>4.0</td>\n",
       "      <td>{'tuesday': [['11:30', '23:59']], 'wednesday':...</td>\n",
       "      <td>True</td>\n",
       "      <td>...</td>\n",
       "      <td>True</td>\n",
       "      <td>True</td>\n",
       "      <td>True</td>\n",
       "      <td>False</td>\n",
       "      <td>True</td>\n",
       "      <td>False</td>\n",
       "      <td>False</td>\n",
       "      <td>False</td>\n",
       "      <td>[{'review_website': 'TripAdvisor', 'review_url...</td>\n",
       "      <td>Absinthe Brasserie &amp; Bar 398 Hayes St</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>2</th>\n",
       "      <td>Amber India Restaurant</td>\n",
       "      <td>25 Yerba Buena Ln</td>\n",
       "      <td>San Francisco</td>\n",
       "      <td>37.785772</td>\n",
       "      <td>-122.404401</td>\n",
       "      <td>[Indian, Chinese, Vegetarian, Asian, Pakistani]</td>\n",
       "      <td>2</td>\n",
       "      <td>4.5</td>\n",
       "      <td>{'monday': [['11:30', '14:30'], ['17:00', '22:...</td>\n",
       "      <td>True</td>\n",
       "      <td>...</td>\n",
       "      <td>True</td>\n",
       "      <td>True</td>\n",
       "      <td>True</td>\n",
       "      <td>False</td>\n",
       "      <td>True</td>\n",
       "      <td>True</td>\n",
       "      <td>True</td>\n",
       "      <td>False</td>\n",
       "      <td>[{'review_website': 'TripAdvisor', 'review_url...</td>\n",
       "      <td>Amber India Restaurant 25 Yerba Buena Ln</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>3</th>\n",
       "      <td>Americano</td>\n",
       "      <td>8 Mission St</td>\n",
       "      <td>San Francisco</td>\n",
       "      <td>37.793620</td>\n",
       "      <td>-122.392915</td>\n",
       "      <td>[Italian, American, Californian, Pub Food, Cafe]</td>\n",
       "      <td>3</td>\n",
       "      <td>3.5</td>\n",
       "      <td>{'monday': [['6:30', '10:30'], ['11:30', '14:3...</td>\n",
       "      <td>True</td>\n",
       "      <td>...</td>\n",
       "      <td>True</td>\n",
       "      <td>True</td>\n",
       "      <td>True</td>\n",
       "      <td>False</td>\n",
       "      <td>True</td>\n",
       "      <td>False</td>\n",
       "      <td>False</td>\n",
       "      <td>False</td>\n",
       "      <td>[{'review_website': 'TripAdvisor', 'review_url...</td>\n",
       "      <td>Americano 8 Mission St</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>4</th>\n",
       "      <td>Anchor &amp; Hope</td>\n",
       "      <td>83 Minna St</td>\n",
       "      <td>San Francisco</td>\n",
       "      <td>37.787848</td>\n",
       "      <td>-122.398812</td>\n",
       "      <td>[Seafood, American, Cafe, Chowder, Californian]</td>\n",
       "      <td>3</td>\n",
       "      <td>4.0</td>\n",
       "      <td>{'monday': [['11:30', '14:00'], ['17:30', '22:...</td>\n",
       "      <td>True</td>\n",
       "      <td>...</td>\n",
       "      <td>True</td>\n",
       "      <td>True</td>\n",
       "      <td>True</td>\n",
       "      <td>False</td>\n",
       "      <td>True</td>\n",
       "      <td>True</td>\n",
       "      <td>True</td>\n",
       "      <td>False</td>\n",
       "      <td>[{'review_website': 'TripAdvisor', 'review_url...</td>\n",
       "      <td>Anchor &amp; Hope 83 Minna St</td>\n",
       "    </tr>\n",
       "  </tbody>\n",
       "</table>\n",
       "<p>5 rows × 33 columns</p>\n",
       "</div>"
      ],
      "text/plain": [
       "                                  name            address       locality  \\\n",
       "0  21st Amendment Brewery & Restaurant         563 2nd St  San Francisco   \n",
       "1             Absinthe Brasserie & Bar       398 Hayes St  San Francisco   \n",
       "2               Amber India Restaurant  25 Yerba Buena Ln  San Francisco   \n",
       "3                            Americano       8 Mission St  San Francisco   \n",
       "4                        Anchor & Hope        83 Minna St  San Francisco   \n",
       "\n",
       "    latitude   longitude                                            cuisine  \\\n",
       "0  37.782448 -122.392576         [Cafe, Pub Food, American, Burgers, Pizza]   \n",
       "1  37.777083 -122.422882  [French, Californian, Mediterranean, Cafe, Ame...   \n",
       "2  37.785772 -122.404401    [Indian, Chinese, Vegetarian, Asian, Pakistani]   \n",
       "3  37.793620 -122.392915   [Italian, American, Californian, Pub Food, Cafe]   \n",
       "4  37.787848 -122.398812    [Seafood, American, Cafe, Chowder, Californian]   \n",
       "\n",
       "  price  rating                                              hours  parking  \\\n",
       "0     2     4.0  {'monday': [['11:30', '23:59']], 'tuesday': [[...     True   \n",
       "1     3     4.0  {'tuesday': [['11:30', '23:59']], 'wednesday':...     True   \n",
       "2     2     4.5  {'monday': [['11:30', '14:30'], ['17:00', '22:...     True   \n",
       "3     3     3.5  {'monday': [['6:30', '10:30'], ['11:30', '14:3...     True   \n",
       "4     3     4.0  {'monday': [['11:30', '14:00'], ['17:30', '22:...     True   \n",
       "\n",
       "   ...  meal_takeout  meal_cater  options_healthy  options_organic  \\\n",
       "0  ...          True       False             True            False   \n",
       "1  ...          True        True             True            False   \n",
       "2  ...          True        True             True            False   \n",
       "3  ...          True        True             True            False   \n",
       "4  ...          True        True             True            False   \n",
       "\n",
       "   options_vegetarian  options_vegan  options_glutenfree  options_lowfat  \\\n",
       "0                True          False               False           False   \n",
       "1                True          False               False           False   \n",
       "2                True           True                True           False   \n",
       "3                True          False               False           False   \n",
       "4                True           True                True           False   \n",
       "\n",
       "                                             reviews  \\\n",
       "0  [{'review_website': 'TripAdvisor', 'review_url...   \n",
       "1  [{'review_website': 'TripAdvisor', 'review_url...   \n",
       "2  [{'review_website': 'TripAdvisor', 'review_url...   \n",
       "3  [{'review_website': 'TripAdvisor', 'review_url...   \n",
       "4  [{'review_website': 'TripAdvisor', 'review_url...   \n",
       "\n",
       "                                      unique_name  \n",
       "0  21st Amendment Brewery & Restaurant 563 2nd St  \n",
       "1           Absinthe Brasserie & Bar 398 Hayes St  \n",
       "2        Amber India Restaurant 25 Yerba Buena Ln  \n",
       "3                          Americano 8 Mission St  \n",
       "4                       Anchor & Hope 83 Minna St  \n",
       "\n",
       "[5 rows x 33 columns]"
      ]
     },
     "execution_count": 4,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "df = pd.DataFrame(restaurant_data)\n",
    "\n",
    "df.fillna('', inplace=True)\n",
    "\n",
    "df.drop(columns=['region', 'country', 'tel','fax', 'email', 'website', 'address_extended', 'chain_name','trip_advisor_url'], inplace=True)\n",
    "df['unique_name'] = df['name'] +' ' + df['address'] # some restaurants are chains or have more than one location\n",
    "df.head()\n"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "If you wanted to build a content filtering system now would be a good time to extract the text from the reviews, join them together and generate semantic embeddings from them like we did in our previous notebook.\n",
    "\n",
    "This would be a great approach, but to demonstrate the two tower architecture we won't use a pre-trained embedding model, and instead use the other columns as our raw features - but we will at least extract the numerical ratings from the reviews.\n"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 5,
   "metadata": {},
   "outputs": [],
   "source": [
    "import numpy as np\n",
    "\n",
    "df['min_rating'] = df['reviews'].apply(lambda x: np.min([r[\"review_rating\"] for r in x]))\n",
    "df['max_rating'] = df['reviews'].apply(lambda x: np.max([r[\"review_rating\"] for r in x]))\n",
    "df['avg_rating'] = df['reviews'].apply(lambda x: np.mean([r[\"review_rating\"] for r in x]))\n",
    "df['stddev_rating'] = df['reviews'].apply(lambda x: np.std([r[\"review_rating\"] for r in x]))\n",
    "df['price'] = df['price'].astype(int)\n",
    "\n",
    "# now take all the features we have and build a raw feature vector for each restaurant\n",
    "numerical_cols = df.select_dtypes(include=['float64', 'int64']).columns\n",
    "boolean_cols = df.select_dtypes(include=['bool']).columns\n",
    "\n",
    "# convert boolean columns to integers\n",
    "df[boolean_cols] = df[boolean_cols].astype(int)\n",
    "\n",
    "# combine numerical and boolean columns into a single vector\n",
    "df['feature_vector'] = df[numerical_cols.tolist() + boolean_cols.tolist()].values.tolist()"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "We now have feature vectors with 30 features for each restaurant. The next step is to construct our raw feature vectors for our users.\n",
    "\n",
    "We don't have publicly available user data to correspond with this list of restaurants, so instead we'll generate some using the popular testing tool Faker."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 6,
   "metadata": {},
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "\n",
      "\u001b[1m[\u001b[0m\u001b[34;49mnotice\u001b[0m\u001b[1;39;49m]\u001b[0m\u001b[39;49m A new release of pip is available: \u001b[0m\u001b[31;49m24.2\u001b[0m\u001b[39;49m -> \u001b[0m\u001b[32;49m24.3.1\u001b[0m\n",
      "\u001b[1m[\u001b[0m\u001b[34;49mnotice\u001b[0m\u001b[1;39;49m]\u001b[0m\u001b[39;49m To update, run: \u001b[0m\u001b[32;49mpip install --upgrade pip\u001b[0m\n"
     ]
    }
   ],
   "source": [
    "!pip install Faker --quiet"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 7,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<div>\n",
       "<style scoped>\n",
       "    .dataframe tbody tr th:only-of-type {\n",
       "        vertical-align: middle;\n",
       "    }\n",
       "\n",
       "    .dataframe tbody tr th {\n",
       "        vertical-align: top;\n",
       "    }\n",
       "\n",
       "    .dataframe thead th {\n",
       "        text-align: right;\n",
       "    }\n",
       "</style>\n",
       "<table border=\"1\" class=\"dataframe\">\n",
       "  <thead>\n",
       "    <tr style=\"text-align: right;\">\n",
       "      <th></th>\n",
       "      <th>user_id</th>\n",
       "      <th>name</th>\n",
       "      <th>username</th>\n",
       "      <th>email</th>\n",
       "      <th>address</th>\n",
       "      <th>phone_number</th>\n",
       "      <th>birthdate</th>\n",
       "      <th>likes</th>\n",
       "      <th>account_created_on</th>\n",
       "      <th>price_bracket</th>\n",
       "      <th>newsletter</th>\n",
       "      <th>notifications</th>\n",
       "      <th>profile_visibility</th>\n",
       "      <th>data_sharing</th>\n",
       "    </tr>\n",
       "  </thead>\n",
       "  <tbody>\n",
       "    <tr>\n",
       "      <th>0</th>\n",
       "      <td>2d72a59b-5b12-430f-a5c3-49f8b093cb3d</td>\n",
       "      <td>Kayla Clark</td>\n",
       "      <td>debbie11</td>\n",
       "      <td>teresa54@example.net</td>\n",
       "      <td>8873 Thompson Cape\\nOsborneport, NV 34895</td>\n",
       "      <td>231.228.4452x008</td>\n",
       "      <td>1982-06-10</td>\n",
       "      <td>[pizza, pasta, shakes, brunch, bbq, ethiopian,...</td>\n",
       "      <td>2017-04-18</td>\n",
       "      <td>middle</td>\n",
       "      <td>True</td>\n",
       "      <td>True</td>\n",
       "      <td>public</td>\n",
       "      <td>True</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>1</th>\n",
       "      <td>034b2b2f-1949-478d-abd6-add4b3275efe</td>\n",
       "      <td>Leah Hopkins</td>\n",
       "      <td>williamsanchez</td>\n",
       "      <td>darryl77@example.net</td>\n",
       "      <td>353 Kimberly Green\\nRoachfort, FM 34385</td>\n",
       "      <td>4669094632</td>\n",
       "      <td>1999-03-07</td>\n",
       "      <td>[brunch, ethiopian, breweries]</td>\n",
       "      <td>1970-06-21</td>\n",
       "      <td>low</td>\n",
       "      <td>False</td>\n",
       "      <td>True</td>\n",
       "      <td>public</td>\n",
       "      <td>False</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>2</th>\n",
       "      <td>5d674492-3026-4cc9-b216-be675cf8d360</td>\n",
       "      <td>Mason Patterson</td>\n",
       "      <td>jamescurtis</td>\n",
       "      <td>lopezchristopher@example.com</td>\n",
       "      <td>945 Bryan Locks Suite 200\\nValenzuelaburgh, MI...</td>\n",
       "      <td>885-983-4573</td>\n",
       "      <td>1914-02-14</td>\n",
       "      <td>[cocktails, fine dining, pizza, shakes, ethiop...</td>\n",
       "      <td>2013-03-10</td>\n",
       "      <td>high</td>\n",
       "      <td>False</td>\n",
       "      <td>False</td>\n",
       "      <td>friends-only</td>\n",
       "      <td>False</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>3</th>\n",
       "      <td>61e17d13-9e18-431f-8f06-208bd0469892</td>\n",
       "      <td>Aaron Dixon</td>\n",
       "      <td>marshallkristen</td>\n",
       "      <td>becky20@example.org</td>\n",
       "      <td>42388 Russell Harbors Suite 340\\nNorth Andrewc...</td>\n",
       "      <td>448.270.3034x583</td>\n",
       "      <td>1959-05-01</td>\n",
       "      <td>[breweries, cocktails, fine dining]</td>\n",
       "      <td>1973-12-11</td>\n",
       "      <td>middle</td>\n",
       "      <td>False</td>\n",
       "      <td>True</td>\n",
       "      <td>private</td>\n",
       "      <td>True</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>4</th>\n",
       "      <td>8cc208b6-0f4f-459c-a8f5-31d3ca6deca6</td>\n",
       "      <td>Loretta Eaton</td>\n",
       "      <td>phatfield</td>\n",
       "      <td>aaustin@example.org</td>\n",
       "      <td>PSC 2899, Box 5115\\nAPO AE 79916</td>\n",
       "      <td>663-371-4597x72295</td>\n",
       "      <td>1923-07-02</td>\n",
       "      <td>[brunch, italian, bbq, mexican, burgers, pizza]</td>\n",
       "      <td>2023-04-29</td>\n",
       "      <td>high</td>\n",
       "      <td>True</td>\n",
       "      <td>True</td>\n",
       "      <td>private</td>\n",
       "      <td>True</td>\n",
       "    </tr>\n",
       "  </tbody>\n",
       "</table>\n",
       "</div>"
      ],
      "text/plain": [
       "                                user_id             name         username  \\\n",
       "0  2d72a59b-5b12-430f-a5c3-49f8b093cb3d      Kayla Clark         debbie11   \n",
       "1  034b2b2f-1949-478d-abd6-add4b3275efe     Leah Hopkins   williamsanchez   \n",
       "2  5d674492-3026-4cc9-b216-be675cf8d360  Mason Patterson      jamescurtis   \n",
       "3  61e17d13-9e18-431f-8f06-208bd0469892      Aaron Dixon  marshallkristen   \n",
       "4  8cc208b6-0f4f-459c-a8f5-31d3ca6deca6    Loretta Eaton        phatfield   \n",
       "\n",
       "                          email  \\\n",
       "0          teresa54@example.net   \n",
       "1          darryl77@example.net   \n",
       "2  lopezchristopher@example.com   \n",
       "3           becky20@example.org   \n",
       "4           aaustin@example.org   \n",
       "\n",
       "                                             address        phone_number  \\\n",
       "0          8873 Thompson Cape\\nOsborneport, NV 34895    231.228.4452x008   \n",
       "1            353 Kimberly Green\\nRoachfort, FM 34385          4669094632   \n",
       "2  945 Bryan Locks Suite 200\\nValenzuelaburgh, MI...        885-983-4573   \n",
       "3  42388 Russell Harbors Suite 340\\nNorth Andrewc...    448.270.3034x583   \n",
       "4                   PSC 2899, Box 5115\\nAPO AE 79916  663-371-4597x72295   \n",
       "\n",
       "    birthdate                                              likes  \\\n",
       "0  1982-06-10  [pizza, pasta, shakes, brunch, bbq, ethiopian,...   \n",
       "1  1999-03-07                     [brunch, ethiopian, breweries]   \n",
       "2  1914-02-14  [cocktails, fine dining, pizza, shakes, ethiop...   \n",
       "3  1959-05-01                [breweries, cocktails, fine dining]   \n",
       "4  1923-07-02    [brunch, italian, bbq, mexican, burgers, pizza]   \n",
       "\n",
       "  account_created_on price_bracket  newsletter  notifications  \\\n",
       "0         2017-04-18        middle        True           True   \n",
       "1         1970-06-21           low       False           True   \n",
       "2         2013-03-10          high       False          False   \n",
       "3         1973-12-11        middle       False           True   \n",
       "4         2023-04-29          high        True           True   \n",
       "\n",
       "  profile_visibility  data_sharing  \n",
       "0             public          True  \n",
       "1             public         False  \n",
       "2       friends-only         False  \n",
       "3            private          True  \n",
       "4            private          True  "
      ]
     },
     "execution_count": 7,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "from faker import Faker\n",
    "from uuid import uuid4\n",
    "\n",
    "fake = Faker()\n",
    "\n",
    "def generate_user():\n",
    "    return {\n",
    "        \"user_id\": str(uuid4()),\n",
    "        \"name\": fake.name(),\n",
    "        \"username\": fake.user_name(),\n",
    "        \"email\": fake.email(),\n",
    "        \"address\": fake.address(),\n",
    "        \"phone_number\": fake.phone_number(),\n",
    "        \"birthdate\": fake.date_of_birth().isoformat(),\n",
    "        \"likes\": fake.random_elements(elements=['burgers', 'shakes', 'pizza', 'italian', 'mexican', 'fine dining', 'bbq', 'cocktails', 'breweries', 'ethiopian', 'pasta', 'brunch','fast food'], unique=True),\n",
    "        \"account_created_on\": fake.date() ,\n",
    "        \"price_bracket\": fake.random_element(elements=(\"low\", \"middle\", \"high\")),\n",
    "        \"newsletter\": fake.boolean(),\n",
    "        \"notifications\": fake.boolean(),\n",
    "        \"profile_visibility\": fake.random_element(elements=(\"public\", \"private\", \"friends-only\")),\n",
    "        \"data_sharing\": fake.boolean()\n",
    "    }\n",
    "\n",
    "users = [generate_user() for _ in range(1000)]\n",
    "\n",
    "users_df = pd.DataFrame(users)\n",
    "users_df.head()"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 8,
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<div>\n",
       "<style scoped>\n",
       "    .dataframe tbody tr th:only-of-type {\n",
       "        vertical-align: middle;\n",
       "    }\n",
       "\n",
       "    .dataframe tbody tr th {\n",
       "        vertical-align: top;\n",
       "    }\n",
       "\n",
       "    .dataframe thead th {\n",
       "        text-align: right;\n",
       "    }\n",
       "</style>\n",
       "<table border=\"1\" class=\"dataframe\">\n",
       "  <thead>\n",
       "    <tr style=\"text-align: right;\">\n",
       "      <th></th>\n",
       "      <th>user_id</th>\n",
       "      <th>name</th>\n",
       "      <th>username</th>\n",
       "      <th>email</th>\n",
       "      <th>address</th>\n",
       "      <th>phone_number</th>\n",
       "      <th>birthdate</th>\n",
       "      <th>likes</th>\n",
       "      <th>account_created_on</th>\n",
       "      <th>newsletter</th>\n",
       "      <th>...</th>\n",
       "      <th>pasta</th>\n",
       "      <th>pizza</th>\n",
       "      <th>shakes</th>\n",
       "      <th>price_bracket_high</th>\n",
       "      <th>price_bracket_low</th>\n",
       "      <th>price_bracket_middle</th>\n",
       "      <th>profile_visibility_friends-only</th>\n",
       "      <th>profile_visibility_private</th>\n",
       "      <th>profile_visibility_public</th>\n",
       "      <th>feature_vector</th>\n",
       "    </tr>\n",
       "  </thead>\n",
       "  <tbody>\n",
       "    <tr>\n",
       "      <th>0</th>\n",
       "      <td>2d72a59b-5b12-430f-a5c3-49f8b093cb3d</td>\n",
       "      <td>Kayla Clark</td>\n",
       "      <td>debbie11</td>\n",
       "      <td>teresa54@example.net</td>\n",
       "      <td>8873 Thompson Cape\\nOsborneport, NV 34895</td>\n",
       "      <td>231.228.4452x008</td>\n",
       "      <td>1982-06-10</td>\n",
       "      <td>[pizza, pasta, shakes, brunch, bbq, ethiopian,...</td>\n",
       "      <td>2017-04-18</td>\n",
       "      <td>1</td>\n",
       "      <td>...</td>\n",
       "      <td>1</td>\n",
       "      <td>1</td>\n",
       "      <td>1</td>\n",
       "      <td>0</td>\n",
       "      <td>0</td>\n",
       "      <td>1</td>\n",
       "      <td>0</td>\n",
       "      <td>0</td>\n",
       "      <td>1</td>\n",
       "      <td>[1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0, 0, 1, 1, ...</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>1</th>\n",
       "      <td>034b2b2f-1949-478d-abd6-add4b3275efe</td>\n",
       "      <td>Leah Hopkins</td>\n",
       "      <td>williamsanchez</td>\n",
       "      <td>darryl77@example.net</td>\n",
       "      <td>353 Kimberly Green\\nRoachfort, FM 34385</td>\n",
       "      <td>4669094632</td>\n",
       "      <td>1999-03-07</td>\n",
       "      <td>[brunch, ethiopian, breweries]</td>\n",
       "      <td>1970-06-21</td>\n",
       "      <td>0</td>\n",
       "      <td>...</td>\n",
       "      <td>0</td>\n",
       "      <td>0</td>\n",
       "      <td>0</td>\n",
       "      <td>0</td>\n",
       "      <td>1</td>\n",
       "      <td>0</td>\n",
       "      <td>0</td>\n",
       "      <td>0</td>\n",
       "      <td>1</td>\n",
       "      <td>[0, 1, 0, 0, 1, 1, 0, 0, 1, 0, 0, 0, 0, 0, 0, ...</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>2</th>\n",
       "      <td>5d674492-3026-4cc9-b216-be675cf8d360</td>\n",
       "      <td>Mason Patterson</td>\n",
       "      <td>jamescurtis</td>\n",
       "      <td>lopezchristopher@example.com</td>\n",
       "      <td>945 Bryan Locks Suite 200\\nValenzuelaburgh, MI...</td>\n",
       "      <td>885-983-4573</td>\n",
       "      <td>1914-02-14</td>\n",
       "      <td>[cocktails, fine dining, pizza, shakes, ethiop...</td>\n",
       "      <td>2013-03-10</td>\n",
       "      <td>0</td>\n",
       "      <td>...</td>\n",
       "      <td>1</td>\n",
       "      <td>1</td>\n",
       "      <td>1</td>\n",
       "      <td>1</td>\n",
       "      <td>0</td>\n",
       "      <td>0</td>\n",
       "      <td>1</td>\n",
       "      <td>0</td>\n",
       "      <td>0</td>\n",
       "      <td>[0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 0, 1, 1, 1, ...</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>3</th>\n",
       "      <td>61e17d13-9e18-431f-8f06-208bd0469892</td>\n",
       "      <td>Aaron Dixon</td>\n",
       "      <td>marshallkristen</td>\n",
       "      <td>becky20@example.org</td>\n",
       "      <td>42388 Russell Harbors Suite 340\\nNorth Andrewc...</td>\n",
       "      <td>448.270.3034x583</td>\n",
       "      <td>1959-05-01</td>\n",
       "      <td>[breweries, cocktails, fine dining]</td>\n",
       "      <td>1973-12-11</td>\n",
       "      <td>0</td>\n",
       "      <td>...</td>\n",
       "      <td>0</td>\n",
       "      <td>0</td>\n",
       "      <td>0</td>\n",
       "      <td>0</td>\n",
       "      <td>0</td>\n",
       "      <td>1</td>\n",
       "      <td>0</td>\n",
       "      <td>1</td>\n",
       "      <td>0</td>\n",
       "      <td>[0, 1, 1, 0, 1, 0, 0, 1, 0, 0, 1, 0, 0, 0, 0, ...</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>4</th>\n",
       "      <td>8cc208b6-0f4f-459c-a8f5-31d3ca6deca6</td>\n",
       "      <td>Loretta Eaton</td>\n",
       "      <td>phatfield</td>\n",
       "      <td>aaustin@example.org</td>\n",
       "      <td>PSC 2899, Box 5115\\nAPO AE 79916</td>\n",
       "      <td>663-371-4597x72295</td>\n",
       "      <td>1923-07-02</td>\n",
       "      <td>[brunch, italian, bbq, mexican, burgers, pizza]</td>\n",
       "      <td>2023-04-29</td>\n",
       "      <td>1</td>\n",
       "      <td>...</td>\n",
       "      <td>0</td>\n",
       "      <td>1</td>\n",
       "      <td>0</td>\n",
       "      <td>1</td>\n",
       "      <td>0</td>\n",
       "      <td>0</td>\n",
       "      <td>0</td>\n",
       "      <td>1</td>\n",
       "      <td>0</td>\n",
       "      <td>[1, 1, 1, 1, 0, 1, 1, 0, 0, 0, 0, 1, 1, 0, 1, ...</td>\n",
       "    </tr>\n",
       "  </tbody>\n",
       "</table>\n",
       "<p>5 rows × 32 columns</p>\n",
       "</div>"
      ],
      "text/plain": [
       "                                user_id             name         username  \\\n",
       "0  2d72a59b-5b12-430f-a5c3-49f8b093cb3d      Kayla Clark         debbie11   \n",
       "1  034b2b2f-1949-478d-abd6-add4b3275efe     Leah Hopkins   williamsanchez   \n",
       "2  5d674492-3026-4cc9-b216-be675cf8d360  Mason Patterson      jamescurtis   \n",
       "3  61e17d13-9e18-431f-8f06-208bd0469892      Aaron Dixon  marshallkristen   \n",
       "4  8cc208b6-0f4f-459c-a8f5-31d3ca6deca6    Loretta Eaton        phatfield   \n",
       "\n",
       "                          email  \\\n",
       "0          teresa54@example.net   \n",
       "1          darryl77@example.net   \n",
       "2  lopezchristopher@example.com   \n",
       "3           becky20@example.org   \n",
       "4           aaustin@example.org   \n",
       "\n",
       "                                             address        phone_number  \\\n",
       "0          8873 Thompson Cape\\nOsborneport, NV 34895    231.228.4452x008   \n",
       "1            353 Kimberly Green\\nRoachfort, FM 34385          4669094632   \n",
       "2  945 Bryan Locks Suite 200\\nValenzuelaburgh, MI...        885-983-4573   \n",
       "3  42388 Russell Harbors Suite 340\\nNorth Andrewc...    448.270.3034x583   \n",
       "4                   PSC 2899, Box 5115\\nAPO AE 79916  663-371-4597x72295   \n",
       "\n",
       "    birthdate                                              likes  \\\n",
       "0  1982-06-10  [pizza, pasta, shakes, brunch, bbq, ethiopian,...   \n",
       "1  1999-03-07                     [brunch, ethiopian, breweries]   \n",
       "2  1914-02-14  [cocktails, fine dining, pizza, shakes, ethiop...   \n",
       "3  1959-05-01                [breweries, cocktails, fine dining]   \n",
       "4  1923-07-02    [brunch, italian, bbq, mexican, burgers, pizza]   \n",
       "\n",
       "  account_created_on  newsletter  ...  pasta  pizza  shakes  \\\n",
       "0         2017-04-18           1  ...      1      1       1   \n",
       "1         1970-06-21           0  ...      0      0       0   \n",
       "2         2013-03-10           0  ...      1      1       1   \n",
       "3         1973-12-11           0  ...      0      0       0   \n",
       "4         2023-04-29           1  ...      0      1       0   \n",
       "\n",
       "   price_bracket_high  price_bracket_low  price_bracket_middle  \\\n",
       "0                   0                  0                     1   \n",
       "1                   0                  1                     0   \n",
       "2                   1                  0                     0   \n",
       "3                   0                  0                     1   \n",
       "4                   1                  0                     0   \n",
       "\n",
       "   profile_visibility_friends-only  profile_visibility_private  \\\n",
       "0                                0                           0   \n",
       "1                                0                           0   \n",
       "2                                1                           0   \n",
       "3                                0                           1   \n",
       "4                                0                           1   \n",
       "\n",
       "   profile_visibility_public  \\\n",
       "0                          1   \n",
       "1                          1   \n",
       "2                          0   \n",
       "3                          0   \n",
       "4                          0   \n",
       "\n",
       "                                      feature_vector  \n",
       "0  [1, 1, 1, 1, 1, 1, 1, 1, 1, 0, 0, 0, 0, 1, 1, ...  \n",
       "1  [0, 1, 0, 0, 1, 1, 0, 0, 1, 0, 0, 0, 0, 0, 0, ...  \n",
       "2  [0, 0, 0, 1, 1, 1, 1, 1, 1, 1, 1, 0, 1, 1, 1, ...  \n",
       "3  [0, 1, 1, 0, 1, 0, 0, 1, 0, 0, 1, 0, 0, 0, 0, ...  \n",
       "4  [1, 1, 1, 1, 0, 1, 1, 0, 0, 0, 0, 1, 1, 0, 1, ...  \n",
       "\n",
       "[5 rows x 32 columns]"
      ]
     },
     "execution_count": 8,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "from sklearn.preprocessing import MultiLabelBinarizer\n",
    "\n",
    "# use a MultiLabelBinarizer to one-hot encode our user's 'likes' column, which has a list of users' food preferences\n",
    "mlb = MultiLabelBinarizer()\n",
    "\n",
    "likes_encoded = mlb.fit_transform(users_df['likes'])\n",
    "likes_df = pd.DataFrame(likes_encoded, columns=mlb.classes_)\n",
    "\n",
    "# concatenate the original users_df with the new one-hot encoded likes_df\n",
    "users_df = pd.concat([users_df, likes_df], axis=1)\n",
    "\n",
    "# one-hot encode categorical columns\n",
    "categorical_cols = ['price_bracket', 'profile_visibility']\n",
    "users_df = pd.get_dummies(users_df, columns=categorical_cols)\n",
    "\n",
    "# convert boolean columns to integers\n",
    "boolean_cols = users_df.select_dtypes(include=['boolean']).columns\n",
    "users_df[boolean_cols] = users_df[boolean_cols].astype(int)\n",
    "\n",
    "# combine all numerical columns into a single feature vector\n",
    "numerical_cols = users_df.select_dtypes(include=['int64', 'uint8']).columns\n",
    "users_df['feature_vector'] = users_df[numerical_cols].values.tolist()\n",
    "users_df.head()"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "Because two tower models are also trained on interaction data like our SVD collaborative filtering model we need to generate some purchases.\n",
    "\n",
    "This will be a 1 or -1 to indicate if a user has eaten at this restaurant before.\n",
    "\n",
    "Once again we're generating random labels for this example to go along with our random users."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 9,
   "metadata": {},
   "outputs": [],
   "source": [
    "import random\n",
    "\n",
    "user_ids = users_df['user_id'].tolist()\n",
    "restaurant_names = df[\"unique_name\"].tolist()\n",
    "\n",
    "# generate purchases by randomly selecting users and businesses\n",
    "purchases = [\n",
    "    (user_ids[random.randrange(0, len(user_ids))],\n",
    "     restaurant_names[random.randrange(0, len(restaurant_names))]\n",
    "    )\n",
    "    for _ in range(200)\n",
    "]\n",
    "\n",
    "positive_labels = []\n",
    "for i in range(len(purchases)):\n",
    "    user_index = users_df[users_df['user_id'] == purchases[i][0]].index.item()\n",
    "    restaurant_index = df[df['unique_name'] == purchases[i][1]].index.item()\n",
    "    positive_labels.append((user_index, restaurant_index, 1.))\n",
    "\n",
    "# generate an equal number of negative examples\n",
    "negative_labels = []\n",
    "for i in range(len(purchases)):\n",
    "    user_index = random.randint(0, len(user_ids)-1)\n",
    "    restaurant_index = random.randint(0, len(restaurant_names)-1)\n",
    "    negative_labels.append((user_index, restaurant_index, -1.))\n",
    "\n",
    "labels = positive_labels + negative_labels"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "Now we have all of our data. The next steps are to define a the model and train it."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 10,
   "metadata": {},
   "outputs": [],
   "source": [
    "import torch\n",
    "from torch.utils.data import DataLoader, Dataset\n",
    "\n",
    "import torch.nn as nn\n",
    "import torch.optim as optim\n",
    "\n",
    "# define a custom dataset\n",
    "class PurchaseDataset(Dataset):\n",
    "    def __init__(self, user_features, restaurant_features, labels):\n",
    "        self.user_features = user_features\n",
    "        self.restaurant_features = restaurant_features\n",
    "        self.labels = labels\n",
    "\n",
    "    def __len__(self):\n",
    "        return len(self.labels)\n",
    "\n",
    "    def __getitem__(self, idx):\n",
    "        user_index, restaurant_index, label = self.labels[idx]\n",
    "        return self.user_features[user_index], self.restaurant_features[restaurant_index], torch.tensor(label, dtype=torch.float32)\n",
    "\n",
    "# define the two tower model\n",
    "class TwoTowerModel(nn.Module):\n",
    "    def __init__(self, user_input_dim, restaurant_input_dim, hidden_dim):\n",
    "        super(TwoTowerModel, self).__init__()\n",
    "        self.user_tower = nn.Sequential(\n",
    "            nn.Linear(user_input_dim, hidden_dim),\n",
    "            nn.ReLU(),\n",
    "            nn.Dropout(p=0.5),\n",
    "            nn.Linear(hidden_dim, hidden_dim),\n",
    "            nn.ReLU(),\n",
    "            nn.Dropout(p=0.5),\n",
    "            nn.Linear(hidden_dim, hidden_dim),\n",
    "        )\n",
    "        self.restaurant_tower = nn.Sequential(\n",
    "            nn.Linear(restaurant_input_dim, hidden_dim),\n",
    "            nn.ReLU(),\n",
    "            nn.Dropout(p=0.5),\n",
    "            nn.Linear(hidden_dim, hidden_dim),\n",
    "            nn.ReLU(),\n",
    "            nn.Dropout(p=0.5),\n",
    "            nn.Linear(hidden_dim, hidden_dim),\n",
    "        )\n",
    "\n",
    "    def get_user_embeddings(self, user_features):\n",
    "        return nn.functional.normalize(self.user_tower(user_features), dim=1)\n",
    "\n",
    "    def get_restaurant_embeddings(self, restaurant_features):\n",
    "        return nn.functional.normalize(self.restaurant_tower(restaurant_features), dim=1)\n",
    "\n",
    "    def forward(self, user_features, restaurant_features):\n",
    "        user_embedding = self.get_user_embeddings(user_features)\n",
    "        restaurant_embedding = self.get_restaurant_embeddings(restaurant_features)\n",
    "        return user_embedding, restaurant_embedding"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 11,
   "metadata": {},
   "outputs": [],
   "source": [
    "# prepare the data and data loader\n",
    "user_features = torch.tensor(users_df['feature_vector'].tolist(), dtype=torch.float32)\n",
    "restaurant_features = torch.tensor(df['feature_vector'].tolist(), dtype=torch.float32)\n",
    "\n",
    "dataset = PurchaseDataset(user_features, restaurant_features, labels)\n",
    "dataloader = DataLoader(dataset, batch_size=64, shuffle=True)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 12,
   "metadata": {},
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "epoch [1/200], loss: 0.4948478043079376\n",
      "epoch [11/200], loss: 0.5350240468978882\n",
      "epoch [21/200], loss: 0.32322847843170166\n",
      "epoch [31/200], loss: 0.47431042790412903\n",
      "epoch [41/200], loss: 0.39620476961135864\n",
      "epoch [51/200], loss: 0.43342289328575134\n",
      "epoch [61/200], loss: 0.1380709707736969\n",
      "epoch [71/200], loss: 0.25389307737350464\n",
      "epoch [81/200], loss: 0.029272809624671936\n",
      "epoch [91/200], loss: 0.3498039245605469\n",
      "epoch [101/200], loss: 0.303999662399292\n",
      "epoch [111/200], loss: 0.3710485100746155\n",
      "epoch [121/200], loss: 0.1330445408821106\n",
      "epoch [131/200], loss: 0.14256471395492554\n",
      "epoch [141/200], loss: 0.16317707300186157\n",
      "epoch [151/200], loss: 0.3127524256706238\n",
      "epoch [161/200], loss: 0.26822173595428467\n",
      "epoch [171/200], loss: 0.13817712664604187\n",
      "epoch [181/200], loss: 0.31456106901168823\n",
      "epoch [191/200], loss: 0.3622739613056183\n"
     ]
    }
   ],
   "source": [
    "# initialize the model, loss function and optimizer\n",
    "model = TwoTowerModel(user_input_dim=user_features.shape[1], restaurant_input_dim=restaurant_features.shape[1], hidden_dim=128)\n",
    "cosine_criterion = nn.CosineEmbeddingLoss()\n",
    "\n",
    "optimizer = optim.Adam(model.parameters(), lr=0.001)\n",
    "\n",
    "# train model\n",
    "num_epochs = 200\n",
    "losses = []\n",
    "for epoch in range(num_epochs):\n",
    "    for user_batch, restaurant_batch, label_batch in dataloader:\n",
    "        optimizer.zero_grad()\n",
    "        user_embeddings, restaurant_embeddings = model(user_batch, restaurant_batch)\n",
    "        loss = cosine_criterion(user_embeddings, restaurant_embeddings, label_batch)\n",
    "        loss.backward()\n",
    "        optimizer.step()\n",
    "    if epoch % 10 == 0:\n",
    "        print(f'epoch [{epoch+1}/{num_epochs}], loss: {loss.item()}')\n",
    "    losses.append(loss.item())"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "## Why use two towers instead of content or collaborative filtering?\n",
    "This seems rather complicated compared to other recommender system architectures, so why go through with all of this effort? The best way to answer this is to compare with other recommendation system approaches.\n",
    "\n",
    "### Shortcomings of content filtering\n",
    "The simplest machine learning approach to recommendations is content filtering. It's also an approach that doesn't take into account user behaviors beyond finding similar content. This may not sound too bad, but can quickly lead to users getting trapped into content bubbles, where once they interact with a certain item - even if it was just randomly - they only see similar items.\n",
    "\n",
    "### Shortcomings of collaborative filtering\n",
    "Collaborative filtering approaches like Singular Value Decomposition (SVD) take the opposite approach and _only_ consider user behaviors to make recommendations. This has clear advantages, but one major drawback; SVD can't handle brand new users or brand new content. Each time a new user joins, or a new content is added to your library they won't have associated vectors. There also won't be meaningful new interaction data to re-train a model and generate vectors. It can be bad enough that a model needs frequent re-training; it can be an even bigger issue if you can't make recommendations for new users and content.\n",
    "\n",
    "Two tower models overcome these obstacles and to better understand how let's dive into what this type of architectures is really doing."
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "## Two Towers Separate Embedding Vector Creation from Model Training\n",
    "Now that we have a trained model we can use each tower in our two tower model to generate embeddings for our users and items.\n",
    "Unlike SVD, we don't have to retrain our model to get these vectors. We also don't need new interaction data for our users or content."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 13,
   "metadata": {},
   "outputs": [],
   "source": [
    "user_embeddings = model.get_user_embeddings(user_features=torch.tensor(users_df['feature_vector'].tolist(), dtype=torch.float32))\n",
    "restaurant_embeddings = model.get_restaurant_embeddings(restaurant_features=torch.tensor(df['feature_vector'].tolist(), dtype=torch.float32))"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "## The Best of Both Worlds\n",
    "Two tower models are a triple whammy when it comes to solving the above problems:\n",
    "- They are trained on interaction data, aka our labels, so learn not to fall into content bubbles\n",
    "- They directly consider the user features _and_ content features\n",
    "- they can handle brand new users and content that don't yet have interaction data. No retraining necessary\n",
    "\n",
    "While we need some interaction data to train our model initially, it's totally fine if not all users or restaurants are included in our labelled data. Only a sample is needed.\n",
    "This is why we can handle new users and content without retraining. Only their raw features are needed to generate embeddings\n"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "## Loading into Redis\n",
    "With two sets of vectors we'll load the restaurant data into a Redis vector store to search over, and the user vectors into a regular key look up for quick access.\n",
    "We'll handle our restaurants opening and closing hours, as well as their location in longitude and latitude. We'll want these for later."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 14,
   "metadata": {},
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "{'name': '21st Amendment Brewery & Restaurant', 'address': '563 2nd St', 'locality': 'San Francisco', 'location': '-122.392576,37.782448', 'cuisine': ['Cafe', 'Pub Food', 'American', 'Burgers', 'Pizza'], 'price': 2, 'rating': 4.0, 'sunday_open': 1000, 'sunday_close': 2359, 'monday_open': 1130, 'monday_close': 2359, 'tuesday_open': 1130, 'tuesday_close': 2359, 'wednesday_open': 1130, 'wednesday_close': 2359, 'thursday_open': 1130, 'thursday_close': 2359, 'friday_open': 1130, 'friday_close': 2359, 'saturday_open': 1130, 'saturday_close': 2359, 'embedding': [0.04085610806941986, -0.07978134602308273, 0.043692223727703094, 0.07572835683822632, 0.012072183191776276, -0.13669149577617645, -0.025233915075659752, -0.08203943073749542, 0.004281577654182911, 0.053853441029787064, 0.10153290629386902, -0.0029142447747290134, -0.03880758956074715, -0.047814156860113144, -0.06192268431186676, -0.013051072135567665, 0.08474208414554596, 0.11760099232196808, -0.04501175880432129, 0.036522794514894485, 0.07012218236923218, 0.07932834327220917, -0.11235840618610382, -0.06628117710351944, -0.036081865429878235, 0.10264216363430023, 0.006768162362277508, -0.1377549171447754, 0.11204114556312561, -0.05779130011796951, 0.1014084592461586, -0.011839451268315315, 0.06367754936218262, 0.1345064789056778, 0.04285123571753502, 0.12564392387866974, -0.018177764490246773, -0.023292746394872665, -0.11306607723236084, 0.07133293896913528, -0.0793255865573883, 0.10723698139190674, 0.025939466431736946, 0.005317146424204111, 0.08136926591396332, -0.08177289366722107, 0.1532663106918335, -0.01752050220966339, -0.10502904653549194, -0.11620310693979263, 0.030231507495045662, 0.14732813835144043, 0.005023199133574963, -0.09555873274803162, 0.15709209442138672, -0.02062702737748623, 0.04334118962287903, -0.0390237420797348, 0.02523123100399971, 0.0641607716679573, 0.016466626897454262, -0.08375702798366547, -0.1619223952293396, -0.09513241052627563, -0.024845421314239502, 0.029008952900767326, -0.025478294119238853, -0.027486223727464676, 0.06510215252637863, -0.16730202734470367, 0.10255678743124008, 0.08258558064699173, -0.16539154946804047, 0.05780792608857155, 0.08961871266365051, -0.11477161943912506, -0.0031035130377858877, 0.10795316845178604, -0.06544432789087296, 0.06262046098709106, -0.035685282200574875, -0.12535151839256287, 0.15087392926216125, 0.054519712924957275, -0.06867150962352753, 0.01560500543564558, 0.1242009848356247, -0.03294835612177849, 0.09918906539678574, 0.07899592816829681, 0.016121378168463707, 0.012538410723209381, 0.04713483154773712, -0.016400208696722984, 0.1835649609565735, 0.16933025419712067, -0.06303106993436813, 0.09937309473752975, -0.07579631358385086, 0.11997299641370773, 0.01682763174176216, -0.09757581353187561, 0.09561226516962051, -0.04486346244812012, -0.16034992039203644, -0.10858193784952164, -0.026912961155176163, 0.11371364444494247, 0.16520418226718903, -0.08449505269527435, 0.11462333798408508, -0.0775909498333931, 0.0306625384837389, -0.061352867633104324, 0.03166527301073074, 0.013918583281338215, -0.13196627795696259, -0.084035724401474, -0.14768821001052856, 0.07229673862457275, 0.12507523596286774, 0.09107068926095963, 0.011143358424305916, -0.17356498539447784, 0.1589767187833786, 0.028815122321248055, -0.10924888402223587, 0.044692039489746094]}\n"
     ]
    }
   ],
   "source": [
    "#  extract opening and closing times from the 'hours' column\n",
    "def extract_opening_closing_times(hours, day):\n",
    "    # convert to a simple numeric representation of times\n",
    "    if day in hours:\n",
    "        return int(hours[day][0][0].replace(':','')), int(hours[day][0][1].replace(':',''))\n",
    "    else:\n",
    "        # we don't know their hours, assume a reasonable default of 9:00am to 8:00pm\n",
    "        return 900, 2000\n",
    "\n",
    "# create new columns for opening and closing times for each day of the week\n",
    "for day in ['sunday', 'monday', 'tuesday', 'wednesday', 'thursday', 'friday', 'saturday']:\n",
    "    df[f'{day}_open'], df[f'{day}_close'] = zip(*df['hours'].apply(lambda x: extract_opening_closing_times(x, day)))\n",
    "\n",
    "# combine 'longitude' and 'latitude' into a single 'location' column\n",
    "df['location'] = df.apply(lambda row: f\"{row['longitude']},{row['latitude']}\", axis=1)\n",
    "\n",
    "# drop the original 'hours' separate 'latitude' and 'longitude' columns as we don't need them anymore\n",
    "df.drop(columns=['hours', 'latitude', 'longitude'], inplace=True)\n",
    "\n",
    "# ensure the 'embedding' column is in the correct format (list of floats)\n",
    "df['embedding'] = restaurant_embeddings.detach().numpy().tolist()\n",
    "\n",
    "# ensure all columns are in the correct order as defined in the schema\n",
    "df = df[['name', 'address', 'locality', 'location', 'cuisine', 'price', 'rating', 'sunday_open', 'sunday_close', 'monday_open', 'monday_close', 'tuesday_open', 'tuesday_close', 'wednesday_open', 'wednesday_close', 'thursday_open', 'thursday_close', 'friday_open', 'friday_close', 'saturday_open', 'saturday_close', 'embedding']]\n",
    "\n",
    "# print the first record to verify the format\n",
    "print(df.to_dict(orient='records')[0])"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 15,
   "metadata": {},
   "outputs": [],
   "source": [
    "from redis import Redis\n",
    "from redisvl.schema import IndexSchema\n",
    "from redisvl.index import SearchIndex\n",
    "\n",
    "client = Redis.from_url(REDIS_URL)\n",
    "\n",
    "restaurant_schema = IndexSchema.from_dict({\n",
    "    'index': {\n",
    "        'name': 'restaurants',\n",
    "        'prefix': 'restaurant',\n",
    "        'storage_type': 'json'\n",
    "    },\n",
    "    'fields': [\n",
    "        {'name': 'name', 'type': 'text'},\n",
    "        {'name': 'address', 'type': 'text'},\n",
    "        {'name': 'locality', 'type': 'tag'},\n",
    "        {'name': 'location', 'type': 'geo'},\n",
    "        {'name': 'cuisine', 'type': 'tag'},\n",
    "        {'name': 'price', 'type': 'numeric'},\n",
    "        {'name': 'rating', 'type': 'numeric'},\n",
    "        {'name': 'sunday_open', 'type': 'numeric'},\n",
    "        {'name': 'sunday_close', 'type': 'numeric'},\n",
    "        {'name': 'monday_open', 'type': 'numeric'},\n",
    "        {'name': 'monday_close', 'type': 'numeric'},\n",
    "        {'name': 'tuesday_open', 'type': 'numeric'},\n",
    "        {'name': 'tuesday_close', 'type': 'numeric'},\n",
    "        {'name': 'wednesday_open', 'type': 'numeric'},\n",
    "        {'name': 'wednesday_close', 'type': 'numeric'},\n",
    "        {'name': 'thursday_open', 'type': 'numeric'},\n",
    "        {'name': 'thursday_close', 'type': 'numeric'},\n",
    "        {'name': 'friday_open', 'type': 'numeric'},\n",
    "        {'name': 'friday_close', 'type': 'numeric'},\n",
    "        {'name': 'saturday_open', 'type': 'numeric'},\n",
    "        {'name': 'saturday_close', 'type': 'numeric'},\n",
    "        {\n",
    "            'name': 'embedding',\n",
    "            'type': 'vector',\n",
    "            'attrs': {\n",
    "                'dims': 128,\n",
    "                'algorithm': 'flat',\n",
    "                'datatype': 'float32',\n",
    "                'distance_metric': 'cosine'\n",
    "            }\n",
    "        }\n",
    "    ]\n",
    "})\n",
    "\n",
    "restaurant_index = SearchIndex(restaurant_schema, redis_client=client)\n",
    "restaurant_index.create(overwrite=True, drop=True)\n",
    "\n",
    "restaurant_keys = restaurant_index.load(df.to_dict(orient='records'))"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 16,
   "metadata": {},
   "outputs": [],
   "source": [
    "# load the user vectors into a regular redis space\n",
    "from redis.commands.json.path import Path\n",
    "\n",
    "with client.pipeline() as pipe:\n",
    "    for user_id, embedding in zip(users_df['user_id'], user_embeddings):\n",
    "        user_key = f\"user:{user_id}\"\n",
    "\n",
    "        user_data = {\n",
    "            \"user_embedding\": embedding.tolist(),\n",
    "        }\n",
    "        pipe.json().set(user_key, Path.root_path(), user_data)\n",
    "    pipe.execute()"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "## The power of deep learning with the speed of Redis\n",
    "\n",
    "I can hear you say it, \"deep learning is cool and all, but I need my system to be fast. I don't want to call a deep neural network to get recommendations.\"\n",
    "\n",
    "Well not to fear my friend, you won't have to! While training our model may take a while, you won't need to do this often.\n",
    "And if you look closely you'll see that both the user and content embedding vectors can be generated once and reused again and again.\n",
    "Only the vector search is happening when generating recommendations.\n",
    "These embeddings will only change if your user or content features change and if you select your features wisely this won't be often."
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "## Location Aware Recommendations\n",
    "\n",
    "We've shown how Redis can apply filters on top of vector similarity search to further refine results, but did you know it can also refine search results by location?\n",
    "Using the `Geo` field type on our index definition we can apply a `GeoRadius` filter to find only places nearby, which seems mighty useful for a restaurant recommendation system.\n",
    "\n",
    "Combining `GeoRadius` with `Num` tags we can find places that are personally relevant to us, nearby _and_ open for business right now.\n",
    "\n",
    "We have all our data and vectors ready to go. Now let's put it all together with query logic."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 17,
   "metadata": {},
   "outputs": [],
   "source": [
    "from redisvl.query.filter import Tag, Num, Geo, GeoRadius\n",
    "import datetime\n",
    "\n",
    "def get_filter(user_long,\n",
    "               user_lat,\n",
    "               current_date_time,\n",
    "               radius=1000,\n",
    "               low_price=0.0,\n",
    "               high_price=5.0,\n",
    "               rating=0.0,\n",
    "               cuisines=[]):\n",
    "\n",
    "    geo_filter = Geo(\"location\") == GeoRadius(user_long, user_lat, radius, unit=\"m\") # use a distance unit of meters\n",
    "\n",
    "    open_filter = Num(f\"{current_date_time.strftime('%A').lower()}_open\") < current_date_time.hour*100 + current_date_time.minute\n",
    "    close_filter = Num(f\"{current_date_time.strftime('%A').lower()}_close\") > current_date_time.hour*100 + current_date_time.minute\n",
    "    time_filter = open_filter & close_filter\n",
    "\n",
    "    price_filter = (Num('price') >= low_price) & (Num('price') <= high_price)\n",
    "\n",
    "    rating_filter = Num('rating') >= rating\n",
    "\n",
    "    cuisine_filter = Tag('cuisine') == cuisines\n",
    "\n",
    "    return geo_filter & time_filter & price_filter & rating_filter & cuisine_filter\n"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 18,
   "metadata": {},
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "found 9 results from our query\n",
      "{'id': 'restaurant:38e3523a7e44410e9f9dadeaaedf7bcd', 'name': 'La Boulange', 'address': '2043 Fillmore St', 'location': '-122.43386,37.788408'}\n",
      "{'id': 'restaurant:6ed782a2b4ae49ff951fffc6b061fe23', 'name': 'Pizzeria Delfina', 'address': '2406 California St', 'location': '-122.434241,37.788925'}\n",
      "{'id': 'restaurant:5021e47f61f74bef8d0c35580c295a91', 'name': 'Burgermeister', 'address': '138 Church St', 'location': '-122.42914,37.768755'}\n",
      "{'id': 'restaurant:9d29fd36d9b34ac08b25cefe2c59bc58', 'name': 'Double Decker', 'address': '465 Grove St', 'location': '-122.424033,37.777531'}\n",
      "{'id': 'restaurant:631427789b384b2b82aaad718d6df0ff', 'name': 'Cafe Du Soleil', 'address': '200 Fillmore St', 'location': '-122.430158,37.771303'}\n",
      "{'id': 'restaurant:48c70513a1f44065ace6f4c9ea4b8f20', 'name': 'Nanis Coffee', 'address': '2739 Geary Blvd', 'location': '-122.448613,37.782187'}\n",
      "{'id': 'restaurant:d1959bf9ddb24edaa1bc0bd261d57cc6', 'name': 'Memphis Minnies BBQ Joint', 'address': '576 Haight St', 'location': '-122.431702,37.772058'}\n",
      "{'id': 'restaurant:d9b546847eb14ea28d6181fd68e93127', 'name': 'Panini', 'address': '1457 Haight St', 'location': '-122.44629,37.770036'}\n",
      "{'id': 'restaurant:1e1649915f734ebfae7f6c6e08ce5184', 'name': 'Magnolia Pub and Brewery', 'address': '1398 Haight St', 'location': '-122.445238,37.770276'}\n"
     ]
    }
   ],
   "source": [
    "from redisvl.query import VectorQuery\n",
    "\n",
    "random_user = random.choice(users_df['user_id'].tolist())\n",
    "user_vector = client.json().get(f\"user:{random_user}\")[\"user_embedding\"]\n",
    "\n",
    "# get a location for this user. Your app may call an API, here we'll set one randomly to within San Francisco\n",
    "# San Francisco is within the longitude and latitude bounding box of:\n",
    "# Lower corner: (-122.5137, 37.7099) in (longitude, latitude) format\n",
    "# Upper corner: (-122.3785, 37.8101)\n",
    "\n",
    "longitude = random.uniform(-122.5137, -122.3785)\n",
    "latitude = random.uniform(37.7099, 37.8101)\n",
    "longitude, latitude = -122.439, 37.779\n",
    "radius = 1500\n",
    "\n",
    "full_filter = get_filter(user_long=longitude,\n",
    "                         user_lat=latitude,\n",
    "                         radius=radius,\n",
    "                         current_date_time=datetime.datetime.today())\n",
    "\n",
    "query = VectorQuery(vector=user_vector,\n",
    "                    vector_field_name='embedding',\n",
    "                    num_results=10,\n",
    "                    return_score=False,\n",
    "                    return_fields=['name', 'address', 'location', 'distance'],\n",
    "                    filter_expression=full_filter,\n",
    "                    )\n",
    "\n",
    "results = restaurant_index.query(query)\n",
    "print(f\"found {len(results)} results from our query\")\n",
    "for r in results:\n",
    "    print(r)"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "## Seeing Is Believing\n",
    "\n",
    "With our vectors loaded and helper functions defined we can get some nearby recommendations. That's all well and good, but don't you wish you could see these recommendations? I sure do. So let's visualize them on an interactive map."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": null,
   "metadata": {},
   "outputs": [],
   "source": [
    "!pip install folium --quiet"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 19,
   "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_9cdc89c58cb07ccb06d4c5a7a630999a {\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_9cdc89c58cb07ccb06d4c5a7a630999a&quot; &gt;&lt;/div&gt;\n",
       "        \n",
       "&lt;/body&gt;\n",
       "&lt;script&gt;\n",
       "    \n",
       "    \n",
       "            var map_9cdc89c58cb07ccb06d4c5a7a630999a = L.map(\n",
       "                &quot;map_9cdc89c58cb07ccb06d4c5a7a630999a&quot;,\n",
       "                {\n",
       "                    center: [37.7749, -122.4194],\n",
       "                    crs: L.CRS.EPSG3857,\n",
       "                    maxBounds: [[37.609, -122.6785], [37.9101, -122.2137]],\n",
       "                    zoom: 13,\n",
       "                    zoomControl: true,\n",
       "                    preferCanvas: false,\n",
       "                }\n",
       "            );\n",
       "\n",
       "            \n",
       "\n",
       "        \n",
       "    \n",
       "            var tile_layer_ddaf4cd749611c0511fb2d773fef81ba = 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_ddaf4cd749611c0511fb2d773fef81ba.addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "            var marker_3efd2dddcfb2839d99eb102db58a19b6 = L.marker(\n",
       "                [37.782448, -122.392576],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_95db21adfd93c5480a4956856de80e8e = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_33f84dfff15e8dea9f5e3f1317c2634e = $(`&lt;div id=&quot;html_33f84dfff15e8dea9f5e3f1317c2634e&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;21st Amendment Brewery &amp; Restaurant&lt;/div&gt;`)[0];\n",
       "                popup_95db21adfd93c5480a4956856de80e8e.setContent(html_33f84dfff15e8dea9f5e3f1317c2634e);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_3efd2dddcfb2839d99eb102db58a19b6.bindPopup(popup_95db21adfd93c5480a4956856de80e8e)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_183facf6a2c3f71035475a344eaab9ad = L.marker(\n",
       "                [37.777083, -122.422882],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_9439ab9cfeb53723a1a9061a1ee439db = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_dfbce83a175a25386e149e8654ea596e = $(`&lt;div id=&quot;html_dfbce83a175a25386e149e8654ea596e&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Absinthe Brasserie &amp; Bar&lt;/div&gt;`)[0];\n",
       "                popup_9439ab9cfeb53723a1a9061a1ee439db.setContent(html_dfbce83a175a25386e149e8654ea596e);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_183facf6a2c3f71035475a344eaab9ad.bindPopup(popup_9439ab9cfeb53723a1a9061a1ee439db)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_9e12d51547a067ce8af5c24e8b6b172f = L.marker(\n",
       "                [37.785772, -122.404401],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_345e1eead66d6b633697a2846d2fa0eb = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_c44afd52e20e4ac36b16ae5a0e69cc1c = $(`&lt;div id=&quot;html_c44afd52e20e4ac36b16ae5a0e69cc1c&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Amber India Restaurant&lt;/div&gt;`)[0];\n",
       "                popup_345e1eead66d6b633697a2846d2fa0eb.setContent(html_c44afd52e20e4ac36b16ae5a0e69cc1c);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_9e12d51547a067ce8af5c24e8b6b172f.bindPopup(popup_345e1eead66d6b633697a2846d2fa0eb)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_c45591f4536baab29d6dc035f50b7c64 = L.marker(\n",
       "                [37.79362, -122.392915],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_65fad41aa75c07e39f6e065deba3d618 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_99db4771078796d1238508fa97391a3a = $(`&lt;div id=&quot;html_99db4771078796d1238508fa97391a3a&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Americano&lt;/div&gt;`)[0];\n",
       "                popup_65fad41aa75c07e39f6e065deba3d618.setContent(html_99db4771078796d1238508fa97391a3a);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_c45591f4536baab29d6dc035f50b7c64.bindPopup(popup_65fad41aa75c07e39f6e065deba3d618)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_fbc5a281ad8e95aab1ef77b58c4209f1 = L.marker(\n",
       "                [37.787848, -122.398812],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_c744009b8cd24e7ddeed387ff193239f = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_118a96d38d089213f7d79c34b1d94310 = $(`&lt;div id=&quot;html_118a96d38d089213f7d79c34b1d94310&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Anchor &amp; Hope&lt;/div&gt;`)[0];\n",
       "                popup_c744009b8cd24e7ddeed387ff193239f.setContent(html_118a96d38d089213f7d79c34b1d94310);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_fbc5a281ad8e95aab1ef77b58c4209f1.bindPopup(popup_c744009b8cd24e7ddeed387ff193239f)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_5e1923f63f4ffbf64592e44800dc1f0e = L.marker(\n",
       "                [37.783008, -122.460684],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_08da34f56bebd025338045053073083a = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_df72883685986b7508325a8c68c26870 = $(`&lt;div id=&quot;html_df72883685986b7508325a8c68c26870&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;B Star Cafe&lt;/div&gt;`)[0];\n",
       "                popup_08da34f56bebd025338045053073083a.setContent(html_df72883685986b7508325a8c68c26870);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_5e1923f63f4ffbf64592e44800dc1f0e.bindPopup(popup_08da34f56bebd025338045053073083a)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_3bb998a52b489605bc10a392b5470218 = L.marker(\n",
       "                [37.751483, -122.436211],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_bf234138bd16b46b14bdd9a763b57ab9 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_89e934c61ecd00dbe0258bb3ea70c32c = $(`&lt;div id=&quot;html_89e934c61ecd00dbe0258bb3ea70c32c&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Bacco&lt;/div&gt;`)[0];\n",
       "                popup_bf234138bd16b46b14bdd9a763b57ab9.setContent(html_89e934c61ecd00dbe0258bb3ea70c32c);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_3bb998a52b489605bc10a392b5470218.bindPopup(popup_bf234138bd16b46b14bdd9a763b57ab9)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_40bd396635d3abf3d89f6f3b2867fbe5 = L.marker(\n",
       "                [37.790123, -122.420706],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_b3d4a7ff3861c119501ce38b02e1f347 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_a4c102a35b369a5ddb1f8966c89c9190 = $(`&lt;div id=&quot;html_a4c102a35b369a5ddb1f8966c89c9190&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Bamboo Restaurant&lt;/div&gt;`)[0];\n",
       "                popup_b3d4a7ff3861c119501ce38b02e1f347.setContent(html_a4c102a35b369a5ddb1f8966c89c9190);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_40bd396635d3abf3d89f6f3b2867fbe5.bindPopup(popup_b3d4a7ff3861c119501ce38b02e1f347)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_83177bb40d3fea024994bc9e797c5a42 = L.marker(\n",
       "                [37.763972, -122.421755],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_e31ba1974369b0c2050f9801102246a9 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_f18976e9a16705b0feaef9007de5a67f = $(`&lt;div id=&quot;html_f18976e9a16705b0feaef9007de5a67f&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Bar Tartine&lt;/div&gt;`)[0];\n",
       "                popup_e31ba1974369b0c2050f9801102246a9.setContent(html_f18976e9a16705b0feaef9007de5a67f);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_83177bb40d3fea024994bc9e797c5a42.bindPopup(popup_e31ba1974369b0c2050f9801102246a9)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_d656fe29e94f784784a8f79bf440144a = L.marker(\n",
       "                [37.783954, -122.481177],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_7cf4fa7fa48711ecce0aaacca7270bf7 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_7f9d807888a74f5232807fa98ed504c2 = $(`&lt;div id=&quot;html_7f9d807888a74f5232807fa98ed504c2&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Bazaar Cafe&lt;/div&gt;`)[0];\n",
       "                popup_7cf4fa7fa48711ecce0aaacca7270bf7.setContent(html_7f9d807888a74f5232807fa98ed504c2);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_d656fe29e94f784784a8f79bf440144a.bindPopup(popup_7cf4fa7fa48711ecce0aaacca7270bf7)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_ceb0ce22fae336d706c5a3ec1ab919cc = L.marker(\n",
       "                [37.769273, -122.510407],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_537fdf555fe6caeb2e64c741d5761c47 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_25850408d6086316f26a31f3b1399c76 = $(`&lt;div id=&quot;html_25850408d6086316f26a31f3b1399c76&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Beach Chalet Brewery &amp; Restaurant&lt;/div&gt;`)[0];\n",
       "                popup_537fdf555fe6caeb2e64c741d5761c47.setContent(html_25850408d6086316f26a31f3b1399c76);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_ceb0ce22fae336d706c5a3ec1ab919cc.bindPopup(popup_537fdf555fe6caeb2e64c741d5761c47)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_077460314f557c1b6c1fa8dd677a9441 = L.marker(\n",
       "                [37.753786, -122.420751],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_3a93b0cfdabbaf1a8a8a1b176041125b = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_a7e3c2969ad06d4ee52746ab10fe1991 = $(`&lt;div id=&quot;html_a7e3c2969ad06d4ee52746ab10fe1991&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Beretta&lt;/div&gt;`)[0];\n",
       "                popup_3a93b0cfdabbaf1a8a8a1b176041125b.setContent(html_a7e3c2969ad06d4ee52746ab10fe1991);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_077460314f557c1b6c1fa8dd677a9441.bindPopup(popup_3a93b0cfdabbaf1a8a8a1b176041125b)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_840c9f5292ad38265f879db35eaeb03f = L.marker(\n",
       "                [37.764902, -122.423419],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_61e0c2cc94c454c1ad1df1ce2286d01a = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_b3c42be78c1cb155f51f8dace7b44f86 = $(`&lt;div id=&quot;html_b3c42be78c1cb155f51f8dace7b44f86&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Big Lantern Restaurant&lt;/div&gt;`)[0];\n",
       "                popup_61e0c2cc94c454c1ad1df1ce2286d01a.setContent(html_b3c42be78c1cb155f51f8dace7b44f86);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_840c9f5292ad38265f879db35eaeb03f.bindPopup(popup_61e0c2cc94c454c1ad1df1ce2286d01a)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_2b105c4556d21c6dc649947c4806856e = L.marker(\n",
       "                [37.787274, -122.410072],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_b70d9304d7c00d9fef0ab9daf69ded22 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_91d7c4f5b5870ec029a53f452c6b6aef = $(`&lt;div id=&quot;html_91d7c4f5b5870ec029a53f452c6b6aef&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Biscuits &amp; Blues&lt;/div&gt;`)[0];\n",
       "                popup_b70d9304d7c00d9fef0ab9daf69ded22.setContent(html_91d7c4f5b5870ec029a53f452c6b6aef);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_2b105c4556d21c6dc649947c4806856e.bindPopup(popup_b70d9304d7c00d9fef0ab9daf69ded22)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_7c23cfa3aba51e090b73d943568ab708 = L.marker(\n",
       "                [37.807586, -122.420228],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_dad802f015e94ac79bc87cdd38f92228 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_4803c41b4f3178fb2d845a7f464d4675 = $(`&lt;div id=&quot;html_4803c41b4f3178fb2d845a7f464d4675&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Blue Mermaid Chowder House &amp; Bar&lt;/div&gt;`)[0];\n",
       "                popup_dad802f015e94ac79bc87cdd38f92228.setContent(html_4803c41b4f3178fb2d845a7f464d4675);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_7c23cfa3aba51e090b73d943568ab708.bindPopup(popup_dad802f015e94ac79bc87cdd38f92228)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_b8215bc0c11ef4e9b85799d87d116cdf = L.marker(\n",
       "                [37.793038, -122.403105],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_05c49470a15566d7bdb7448b26c2cb19 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_8947e4fa26521dd1f0c7f47b492dafec = $(`&lt;div id=&quot;html_8947e4fa26521dd1f0c7f47b492dafec&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Bob&#x27;s Steak and Chophouse&lt;/div&gt;`)[0];\n",
       "                popup_05c49470a15566d7bdb7448b26c2cb19.setContent(html_8947e4fa26521dd1f0c7f47b492dafec);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_b8215bc0c11ef4e9b85799d87d116cdf.bindPopup(popup_05c49470a15566d7bdb7448b26c2cb19)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_9423b2b8013bcf442fccf6ab03fa1b37 = L.marker(\n",
       "                [37.808932, -122.410014],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_695e5706ca4c2b51225df7ddfd65b11c = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_4e8acfd3b6265cea1db8c47099a99ca1 = $(`&lt;div id=&quot;html_4e8acfd3b6265cea1db8c47099a99ca1&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Boudin Sourdough Bakery &amp; Cafe&lt;/div&gt;`)[0];\n",
       "                popup_695e5706ca4c2b51225df7ddfd65b11c.setContent(html_4e8acfd3b6265cea1db8c47099a99ca1);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_9423b2b8013bcf442fccf6ab03fa1b37.bindPopup(popup_695e5706ca4c2b51225df7ddfd65b11c)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_415caa592d3abf043adf17d5d1deb787 = L.marker(\n",
       "                [37.798, -122.422102],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_a8279c810b07cdaed3c3054522e67735 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_f102c17977fddcb3e340c216eba5f42e = $(`&lt;div id=&quot;html_f102c17977fddcb3e340c216eba5f42e&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Boulange&lt;/div&gt;`)[0];\n",
       "                popup_a8279c810b07cdaed3c3054522e67735.setContent(html_f102c17977fddcb3e340c216eba5f42e);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_415caa592d3abf043adf17d5d1deb787.bindPopup(popup_a8279c810b07cdaed3c3054522e67735)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_330e3e5acdd7afdc447702bd843a0ae0 = L.marker(\n",
       "                [37.782872, -122.419023],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_6be5217ce21c5918748f49f71c7f29c1 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_c7efa4861df54d1f08d0279bae0ed4bf = $(`&lt;div id=&quot;html_c7efa4861df54d1f08d0279bae0ed4bf&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Brenda&#x27;s French Soul Food&lt;/div&gt;`)[0];\n",
       "                popup_6be5217ce21c5918748f49f71c7f29c1.setContent(html_c7efa4861df54d1f08d0279bae0ed4bf);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_330e3e5acdd7afdc447702bd843a0ae0.bindPopup(popup_6be5217ce21c5918748f49f71c7f29c1)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_76b6fd54060ec2b73471e58efe7c9659 = L.marker(\n",
       "                [37.806507, -122.420664],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_61ed0bb12e6d57c99314a434b9faa819 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_2f0598d32a07b68cc54c98d40f8848ed = $(`&lt;div id=&quot;html_2f0598d32a07b68cc54c98d40f8848ed&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Buena Vista Cafe&lt;/div&gt;`)[0];\n",
       "                popup_61ed0bb12e6d57c99314a434b9faa819.setContent(html_2f0598d32a07b68cc54c98d40f8848ed);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_76b6fd54060ec2b73471e58efe7c9659.bindPopup(popup_61ed0bb12e6d57c99314a434b9faa819)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_b274624c14ff55baa762eecc825950f3 = L.marker(\n",
       "                [37.759918, -122.421312],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_046077fdc71b6d3606da2fcc757a4c04 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_498d0ab5509122b187f9ea06764a490e = $(`&lt;div id=&quot;html_498d0ab5509122b187f9ea06764a490e&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Burger Joint&lt;/div&gt;`)[0];\n",
       "                popup_046077fdc71b6d3606da2fcc757a4c04.setContent(html_498d0ab5509122b187f9ea06764a490e);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_b274624c14ff55baa762eecc825950f3.bindPopup(popup_046077fdc71b6d3606da2fcc757a4c04)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_650bf8239ff855105eab3d48f2f557c9 = L.marker(\n",
       "                [37.765881, -122.449727],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_2bdde3e14839a4d413b81e9be4084d02 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_1fa1ec1ef9fa59a54ea89891d4ace82a = $(`&lt;div id=&quot;html_1fa1ec1ef9fa59a54ea89891d4ace82a&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Burgermeister&lt;/div&gt;`)[0];\n",
       "                popup_2bdde3e14839a4d413b81e9be4084d02.setContent(html_1fa1ec1ef9fa59a54ea89891d4ace82a);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_650bf8239ff855105eab3d48f2f557c9.bindPopup(popup_2bdde3e14839a4d413b81e9be4084d02)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_beb12af7fa76f8dc4b385501c87ea17c = L.marker(\n",
       "                [37.801659, -122.412302],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_28deef82888e564801607e499d90c74b = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_077491d7e2bd9c51534aadbd66c44e67 = $(`&lt;div id=&quot;html_077491d7e2bd9c51534aadbd66c44e67&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Burgermeister&lt;/div&gt;`)[0];\n",
       "                popup_28deef82888e564801607e499d90c74b.setContent(html_077491d7e2bd9c51534aadbd66c44e67);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_beb12af7fa76f8dc4b385501c87ea17c.bindPopup(popup_28deef82888e564801607e499d90c74b)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_ea1dba810dcfca0f4afabe606ce300ad = L.marker(\n",
       "                [37.768755, -122.42914],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_e0f959eaf5f0e674e39a358be98d134d = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_d3354ed5364bfd1c401ed9c0fd8a4a5e = $(`&lt;div id=&quot;html_d3354ed5364bfd1c401ed9c0fd8a4a5e&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Burgermeister&lt;/div&gt;`)[0];\n",
       "                popup_e0f959eaf5f0e674e39a358be98d134d.setContent(html_d3354ed5364bfd1c401ed9c0fd8a4a5e);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_ea1dba810dcfca0f4afabe606ce300ad.bindPopup(popup_e0f959eaf5f0e674e39a358be98d134d)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_445e927d57bd7470ef2f64ad421fdb0f = L.marker(\n",
       "                [37.798548, -122.407559],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_4a14fc1e4903a895482073639aa0011e = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_1866e430778d28a7e0868772f7866625 = $(`&lt;div id=&quot;html_1866e430778d28a7e0868772f7866625&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Buster&#x27;s&lt;/div&gt;`)[0];\n",
       "                popup_4a14fc1e4903a895482073639aa0011e.setContent(html_1866e430778d28a7e0868772f7866625);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_445e927d57bd7470ef2f64ad421fdb0f.bindPopup(popup_4a14fc1e4903a895482073639aa0011e)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_bdcda0723a069de993e79ef9ed1673bf = L.marker(\n",
       "                [37.806757, -122.405231],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_5cc112e1ffc4c3c6fa0d91fb920d8a7d = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_58d66a23df2e93e2717687bb03cf0425 = $(`&lt;div id=&quot;html_58d66a23df2e93e2717687bb03cf0425&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Butterfly&lt;/div&gt;`)[0];\n",
       "                popup_5cc112e1ffc4c3c6fa0d91fb920d8a7d.setContent(html_58d66a23df2e93e2717687bb03cf0425);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_bdcda0723a069de993e79ef9ed1673bf.bindPopup(popup_5cc112e1ffc4c3c6fa0d91fb920d8a7d)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_077300c1450ef781150c85bb3cf35cfd = L.marker(\n",
       "                [37.771303, -122.430158],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_3016616990caa771d858bda46629543d = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_7b80a9754dc702ca977afcb4bbf4931e = $(`&lt;div id=&quot;html_7b80a9754dc702ca977afcb4bbf4931e&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Cafe Du Soleil&lt;/div&gt;`)[0];\n",
       "                popup_3016616990caa771d858bda46629543d.setContent(html_7b80a9754dc702ca977afcb4bbf4931e);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_077300c1450ef781150c85bb3cf35cfd.bindPopup(popup_3016616990caa771d858bda46629543d)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_efb839bcb3cd4ef1f1a3d81229671c27 = L.marker(\n",
       "                [37.764634, -122.432936],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_ee20dc976ae871d1f3c4950506779035 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_a5c927790a0d1eee046316a7a15a27cb = $(`&lt;div id=&quot;html_a5c927790a0d1eee046316a7a15a27cb&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Cafe Flore&lt;/div&gt;`)[0];\n",
       "                popup_ee20dc976ae871d1f3c4950506779035.setContent(html_a5c927790a0d1eee046316a7a15a27cb);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_efb839bcb3cd4ef1f1a3d81229671c27.bindPopup(popup_ee20dc976ae871d1f3c4950506779035)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_09d2c42dd4b8ba11a88013df627e8f72 = L.marker(\n",
       "                [37.768642, -122.414821],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_6c768d70b8d5d4174dae927bdb5b9bca = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_3788848287b2b3efd1ac995d121f04f5 = $(`&lt;div id=&quot;html_3788848287b2b3efd1ac995d121f04f5&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Cafe Zazo&lt;/div&gt;`)[0];\n",
       "                popup_6c768d70b8d5d4174dae927bdb5b9bca.setContent(html_3788848287b2b3efd1ac995d121f04f5);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_09d2c42dd4b8ba11a88013df627e8f72.bindPopup(popup_6c768d70b8d5d4174dae927bdb5b9bca)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_3d4adf64755187748a735c5eb7d2fbc6 = L.marker(\n",
       "                [37.790057, -122.401199],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_2eebc15620ef80040f93d7becdc5eda1 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_75da5e456be76d9ed5a5540bd81662cf = $(`&lt;div id=&quot;html_75da5e456be76d9ed5a5540bd81662cf&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Caffe Bianco&lt;/div&gt;`)[0];\n",
       "                popup_2eebc15620ef80040f93d7becdc5eda1.setContent(html_75da5e456be76d9ed5a5540bd81662cf);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_3d4adf64755187748a735c5eb7d2fbc6.bindPopup(popup_2eebc15620ef80040f93d7becdc5eda1)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_9840129955ce8ace8de32f5554a0187e = L.marker(\n",
       "                [37.807697, -122.42054],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_5da2920fa30425d9e7b30b449acdf1eb = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_2ddb57e34ee1824bca711fd3bbd018a8 = $(`&lt;div id=&quot;html_2ddb57e34ee1824bca711fd3bbd018a8&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Capurro&#x27;s&lt;/div&gt;`)[0];\n",
       "                popup_5da2920fa30425d9e7b30b449acdf1eb.setContent(html_2ddb57e34ee1824bca711fd3bbd018a8);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_9840129955ce8ace8de32f5554a0187e.bindPopup(popup_5da2920fa30425d9e7b30b449acdf1eb)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_a2e7c0d6e4b3ab2c30a8a4dcc3d6ad2f = L.marker(\n",
       "                [37.788963, -122.410344],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_03a9c3e53d7093e11a67a2fbe8ff2cc9 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_f2630d5018200adf6209028e87fe54da = $(`&lt;div id=&quot;html_f2630d5018200adf6209028e87fe54da&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Cesario&#x27;s&lt;/div&gt;`)[0];\n",
       "                popup_03a9c3e53d7093e11a67a2fbe8ff2cc9.setContent(html_f2630d5018200adf6209028e87fe54da);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_a2e7c0d6e4b3ab2c30a8a4dcc3d6ad2f.bindPopup(popup_03a9c3e53d7093e11a67a2fbe8ff2cc9)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_0a894cf0e6d03b02151cecaa77aec2ec = L.marker(\n",
       "                [37.762492, -122.397051],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_21e7613163b8c53bf0fd9fcb9ed161f6 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_374a184644b6a505ccf02b498f0be181 = $(`&lt;div id=&quot;html_374a184644b6a505ccf02b498f0be181&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Chez Maman&lt;/div&gt;`)[0];\n",
       "                popup_21e7613163b8c53bf0fd9fcb9ed161f6.setContent(html_374a184644b6a505ccf02b498f0be181);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_0a894cf0e6d03b02151cecaa77aec2ec.bindPopup(popup_21e7613163b8c53bf0fd9fcb9ed161f6)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_6d29a38abe9290a50cd45439a858ad0a = L.marker(\n",
       "                [37.787086, -122.400212],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_8c0a2ef56983b45f58897c7d1bc78f65 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_274702a50ce522adc19b05a4df5260a4 = $(`&lt;div id=&quot;html_274702a50ce522adc19b05a4df5260a4&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Chipotle Mexican Grill&lt;/div&gt;`)[0];\n",
       "                popup_8c0a2ef56983b45f58897c7d1bc78f65.setContent(html_274702a50ce522adc19b05a4df5260a4);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_6d29a38abe9290a50cd45439a858ad0a.bindPopup(popup_8c0a2ef56983b45f58897c7d1bc78f65)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_80fd240fe6faa9356ed2919f117c18a3 = L.marker(\n",
       "                [37.786022, -122.41311],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_6a1c1eb24ecd953c1505e6eee14ea1c6 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_82dfb822f7378126bcbf7691a6be2565 = $(`&lt;div id=&quot;html_82dfb822f7378126bcbf7691a6be2565&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Chutney Restaurant&lt;/div&gt;`)[0];\n",
       "                popup_6a1c1eb24ecd953c1505e6eee14ea1c6.setContent(html_82dfb822f7378126bcbf7691a6be2565);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_80fd240fe6faa9356ed2919f117c18a3.bindPopup(popup_6a1c1eb24ecd953c1505e6eee14ea1c6)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_cd3e64290ec149aa286859372957c3cd = L.marker(\n",
       "                [37.807879, -122.419247],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_47f5d386c95cc03efa984e5b0f539870 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_0acbda86392588e1ee062bb783832928 = $(`&lt;div id=&quot;html_0acbda86392588e1ee062bb783832928&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Cioppino&#x27;s&lt;/div&gt;`)[0];\n",
       "                popup_47f5d386c95cc03efa984e5b0f539870.setContent(html_0acbda86392588e1ee062bb783832928);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_cd3e64290ec149aa286859372957c3cd.bindPopup(popup_47f5d386c95cc03efa984e5b0f539870)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_b21deb1fff6e8a105087b9bc61e1b4ed = L.marker(\n",
       "                [37.778552, -122.513899],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_afe9df9d1e2223c70d4a417dc8ba327d = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_0d1d5ba624b5d6dc286db05f96ff726c = $(`&lt;div id=&quot;html_0d1d5ba624b5d6dc286db05f96ff726c&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Cliff House&lt;/div&gt;`)[0];\n",
       "                popup_afe9df9d1e2223c70d4a417dc8ba327d.setContent(html_0d1d5ba624b5d6dc286db05f96ff726c);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_b21deb1fff6e8a105087b9bc61e1b4ed.bindPopup(popup_afe9df9d1e2223c70d4a417dc8ba327d)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_b1e314e7768d30cd8be704a74ad8611a = L.marker(\n",
       "                [37.787147, -122.410492],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_6b1e0c8291e3cca2a6255ccb9f978381 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_5d12f8bdd3d5757e2fdda1d8a15e815f = $(`&lt;div id=&quot;html_5d12f8bdd3d5757e2fdda1d8a15e815f&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Colibri Mexican Bistro&lt;/div&gt;`)[0];\n",
       "                popup_6b1e0c8291e3cca2a6255ccb9f978381.setContent(html_5d12f8bdd3d5757e2fdda1d8a15e815f);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_b1e314e7768d30cd8be704a74ad8611a.bindPopup(popup_6b1e0c8291e3cca2a6255ccb9f978381)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_f5fd8eb90deaca304d211340f79736bd = L.marker(\n",
       "                [37.797325, -122.403621],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_18d0009708f67f988ec694b78349c3e3 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_4522104c6c194a7cabcb8b96ab003be1 = $(`&lt;div id=&quot;html_4522104c6c194a7cabcb8b96ab003be1&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Cotogna&lt;/div&gt;`)[0];\n",
       "                popup_18d0009708f67f988ec694b78349c3e3.setContent(html_4522104c6c194a7cabcb8b96ab003be1);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_f5fd8eb90deaca304d211340f79736bd.bindPopup(popup_18d0009708f67f988ec694b78349c3e3)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_32f1f793b5e970aedf9c4e0f192eda79 = L.marker(\n",
       "                [37.761957, -122.435213],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_6ab721071b04982bb516fdb984d92488 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_bd4436abda026c4904770609da44fdd2 = $(`&lt;div id=&quot;html_bd4436abda026c4904770609da44fdd2&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Cove Cafe&lt;/div&gt;`)[0];\n",
       "                popup_6ab721071b04982bb516fdb984d92488.setContent(html_bd4436abda026c4904770609da44fdd2);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_32f1f793b5e970aedf9c4e0f192eda79.bindPopup(popup_6ab721071b04982bb516fdb984d92488)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_6aef95b2619d00e9a3aa614f1710c254 = L.marker(\n",
       "                [37.783018, -122.388985],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_6a57bf798cd9e5d5519cc95c86a9e710 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_d144946544be39559a31217ea8ae7c64 = $(`&lt;div id=&quot;html_d144946544be39559a31217ea8ae7c64&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Crossroads Cafe&lt;/div&gt;`)[0];\n",
       "                popup_6a57bf798cd9e5d5519cc95c86a9e710.setContent(html_d144946544be39559a31217ea8ae7c64);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_6aef95b2619d00e9a3aa614f1710c254.bindPopup(popup_6a57bf798cd9e5d5519cc95c86a9e710)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_50341af73ca470e6cac5079ef1de7bbe = L.marker(\n",
       "                [37.790353, -122.420743],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_ae1cb681b15da8ccc80e0eef64c3a099 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_63a0b450f21c4e7236431cada289315f = $(`&lt;div id=&quot;html_63a0b450f21c4e7236431cada289315f&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Crustacean Restaurant&lt;/div&gt;`)[0];\n",
       "                popup_ae1cb681b15da8ccc80e0eef64c3a099.setContent(html_63a0b450f21c4e7236431cada289315f);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_50341af73ca470e6cac5079ef1de7bbe.bindPopup(popup_ae1cb681b15da8ccc80e0eef64c3a099)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_138e8493a572a8cb5cabddaa63a906f3 = L.marker(\n",
       "                [37.784486, -122.388432],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_304ea08005f90253a9342926ef150e63 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_b8b2acde9d525c1ba7d802a8f5629754 = $(`&lt;div id=&quot;html_b8b2acde9d525c1ba7d802a8f5629754&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Delancey Street Restaurant&lt;/div&gt;`)[0];\n",
       "                popup_304ea08005f90253a9342926ef150e63.setContent(html_b8b2acde9d525c1ba7d802a8f5629754);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_138e8493a572a8cb5cabddaa63a906f3.bindPopup(popup_304ea08005f90253a9342926ef150e63)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_114a35fe8127fefe692e48292a8836f1 = L.marker(\n",
       "                [37.761467, -122.424315],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_56789a5a69bd16de481ec8e66c6ae2ec = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_51050643aaad5e20c5ba846f160783c5 = $(`&lt;div id=&quot;html_51050643aaad5e20c5ba846f160783c5&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Delfina Restaurant&lt;/div&gt;`)[0];\n",
       "                popup_56789a5a69bd16de481ec8e66c6ae2ec.setContent(html_51050643aaad5e20c5ba846f160783c5);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_114a35fe8127fefe692e48292a8836f1.bindPopup(popup_56789a5a69bd16de481ec8e66c6ae2ec)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_4fd4240dd8b100dc8a4876acd7c5ebd8 = L.marker(\n",
       "                [37.771475, -122.42375],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_6aa962953ec433f37551822e8a485f95 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_a05d7bc00a28428b540d95ad8e14cd6a = $(`&lt;div id=&quot;html_a05d7bc00a28428b540d95ad8e14cd6a&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Destino&lt;/div&gt;`)[0];\n",
       "                popup_6aa962953ec433f37551822e8a485f95.setContent(html_a05d7bc00a28428b540d95ad8e14cd6a);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_4fd4240dd8b100dc8a4876acd7c5ebd8.bindPopup(popup_6aa962953ec433f37551822e8a485f95)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_3f48edf321b5076c822d88c5bf254038 = L.marker(\n",
       "                [37.800682, -122.407872],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_4df55f45cccca7f3f064acb34c41499a = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_486e8c50c62d05a37315186a66ae2189 = $(`&lt;div id=&quot;html_486e8c50c62d05a37315186a66ae2189&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Don Pisto&#x27;s&lt;/div&gt;`)[0];\n",
       "                popup_4df55f45cccca7f3f064acb34c41499a.setContent(html_486e8c50c62d05a37315186a66ae2189);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_3f48edf321b5076c822d88c5bf254038.bindPopup(popup_4df55f45cccca7f3f064acb34c41499a)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_dbd4ee7b4fa2884a7d0bd315361bf5f9 = L.marker(\n",
       "                [37.757075, -122.421021],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_3bf22030b4b590075d082bcb549182f9 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_50853fd6c2a06263ab8d2268ad0f2652 = $(`&lt;div id=&quot;html_50853fd6c2a06263ab8d2268ad0f2652&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Dosa&lt;/div&gt;`)[0];\n",
       "                popup_3bf22030b4b590075d082bcb549182f9.setContent(html_50853fd6c2a06263ab8d2268ad0f2652);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_dbd4ee7b4fa2884a7d0bd315361bf5f9.bindPopup(popup_3bf22030b4b590075d082bcb549182f9)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_6d1a4dded4b113e52b06e5292ab68fed = L.marker(\n",
       "                [37.785293, -122.432935],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_510aaa995511d22cf751bae7420fdbb7 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_a039fb9514ac8956f605e3169a95a70f = $(`&lt;div id=&quot;html_a039fb9514ac8956f605e3169a95a70f&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;DOSA on Fillmore&lt;/div&gt;`)[0];\n",
       "                popup_510aaa995511d22cf751bae7420fdbb7.setContent(html_a039fb9514ac8956f605e3169a95a70f);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_6d1a4dded4b113e52b06e5292ab68fed.bindPopup(popup_510aaa995511d22cf751bae7420fdbb7)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_69bbd051abfa32e384a8c441ce18ad18 = L.marker(\n",
       "                [37.777531, -122.424033],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_20c1c2516b542c5688bc01ccab8b8459 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_513d66bc77d549c65805c1aa3192f6a2 = $(`&lt;div id=&quot;html_513d66bc77d549c65805c1aa3192f6a2&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Double Decker&lt;/div&gt;`)[0];\n",
       "                popup_20c1c2516b542c5688bc01ccab8b8459.setContent(html_513d66bc77d549c65805c1aa3192f6a2);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_69bbd051abfa32e384a8c441ce18ad18.bindPopup(popup_20c1c2516b542c5688bc01ccab8b8459)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_3cd742934d3eb5924d9596d319e23213 = L.marker(\n",
       "                [37.783675, -122.409249],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_be2411e275a065cb5a9c6f5147786e49 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_374ea775aa4a9c2f3e82d3bc615aa315 = $(`&lt;div id=&quot;html_374ea775aa4a9c2f3e82d3bc615aa315&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Farmerbrown&lt;/div&gt;`)[0];\n",
       "                popup_be2411e275a065cb5a9c6f5147786e49.setContent(html_374ea775aa4a9c2f3e82d3bc615aa315);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_3cd742934d3eb5924d9596d319e23213.bindPopup(popup_be2411e275a065cb5a9c6f5147786e49)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_6aec3dbf6f434ec3fc157dd7b52fccc2 = L.marker(\n",
       "                [37.749033, -122.427052],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_649fe618418b8f7a5b0f9af28de88cfe = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_abf3b90af2a895e3f48194324e09a222 = $(`&lt;div id=&quot;html_abf3b90af2a895e3f48194324e09a222&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Fattoush Restaurant&lt;/div&gt;`)[0];\n",
       "                popup_649fe618418b8f7a5b0f9af28de88cfe.setContent(html_abf3b90af2a895e3f48194324e09a222);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_6aec3dbf6f434ec3fc157dd7b52fccc2.bindPopup(popup_649fe618418b8f7a5b0f9af28de88cfe)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_50f5fb4b39b030b79a279706886a025b = L.marker(\n",
       "                [37.785622, -122.411263],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_1c34b381e3fa7adad1225447859eedc6 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_506074d6df17c261d827c35be247cf37 = $(`&lt;div id=&quot;html_506074d6df17c261d827c35be247cf37&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Fish &amp; Farm&lt;/div&gt;`)[0];\n",
       "                popup_1c34b381e3fa7adad1225447859eedc6.setContent(html_506074d6df17c261d827c35be247cf37);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_50f5fb4b39b030b79a279706886a025b.bindPopup(popup_1c34b381e3fa7adad1225447859eedc6)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_356a192aebd86db4093ffeddd3edc4f1 = L.marker(\n",
       "                [37.790955, -122.404015],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_d08e685aacdbb3b91ae40bd003793a58 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_2a3dd02a408f54e26c6caef97e7b8c3a = $(`&lt;div id=&quot;html_2a3dd02a408f54e26c6caef97e7b8c3a&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Fleur De Sel&lt;/div&gt;`)[0];\n",
       "                popup_d08e685aacdbb3b91ae40bd003793a58.setContent(html_2a3dd02a408f54e26c6caef97e7b8c3a);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_356a192aebd86db4093ffeddd3edc4f1.bindPopup(popup_d08e685aacdbb3b91ae40bd003793a58)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_baff4bc7367ce7b2d8ae77d5791dadbf = L.marker(\n",
       "                [37.758957, -122.412325],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_ca3cb66f5ef376a75fd976701059e17c = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_7a696680a1fbf256aa0df13b003ee9ab = $(`&lt;div id=&quot;html_7a696680a1fbf256aa0df13b003ee9ab&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Flour + Water&lt;/div&gt;`)[0];\n",
       "                popup_ca3cb66f5ef376a75fd976701059e17c.setContent(html_7a696680a1fbf256aa0df13b003ee9ab);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_baff4bc7367ce7b2d8ae77d5791dadbf.bindPopup(popup_ca3cb66f5ef376a75fd976701059e17c)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_e40b583b4827a10052992ad71adcc543 = L.marker(\n",
       "                [37.788468, -122.447127],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_707da0040861fc3336aa1bc3900eeb10 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_8d8a13d932467e3a39c1b76d4a495ec8 = $(`&lt;div id=&quot;html_8d8a13d932467e3a39c1b76d4a495ec8&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Garibaldis On Presidio&lt;/div&gt;`)[0];\n",
       "                popup_707da0040861fc3336aa1bc3900eeb10.setContent(html_8d8a13d932467e3a39c1b76d4a495ec8);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_e40b583b4827a10052992ad71adcc543.bindPopup(popup_707da0040861fc3336aa1bc3900eeb10)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_28319602a07f56c2e4e84447087d1579 = L.marker(\n",
       "                [37.796103, -122.394243],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_d95937ba96a24363d1b5736ddba93b03 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_d19f8a249fcc1fddc38a111c314be65b = $(`&lt;div id=&quot;html_d19f8a249fcc1fddc38a111c314be65b&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Gott&#x27;s Roadside&lt;/div&gt;`)[0];\n",
       "                popup_d95937ba96a24363d1b5736ddba93b03.setContent(html_d19f8a249fcc1fddc38a111c314be65b);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_28319602a07f56c2e4e84447087d1579.bindPopup(popup_d95937ba96a24363d1b5736ddba93b03)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_6c9243b2f85bedfd3862e8fa51ce3702 = L.marker(\n",
       "                [37.761547, -122.419204],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_e1cccb7f0887325b61450d638d0987c6 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_b39cbedfb7d4897035e1e04bca6396bd = $(`&lt;div id=&quot;html_b39cbedfb7d4897035e1e04bca6396bd&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Gracias Madre&lt;/div&gt;`)[0];\n",
       "                popup_e1cccb7f0887325b61450d638d0987c6.setContent(html_b39cbedfb7d4897035e1e04bca6396bd);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_6c9243b2f85bedfd3862e8fa51ce3702.bindPopup(popup_e1cccb7f0887325b61450d638d0987c6)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_a99df57c247321bd6fb360e91726e16e = L.marker(\n",
       "                [37.806949, -122.432172],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_b024eafa310c12d738a540133a4802b4 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_ea61ba68a6735209338137507087983e = $(`&lt;div id=&quot;html_ea61ba68a6735209338137507087983e&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Greens Restaurant&lt;/div&gt;`)[0];\n",
       "                popup_b024eafa310c12d738a540133a4802b4.setContent(html_ea61ba68a6735209338137507087983e);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_a99df57c247321bd6fb360e91726e16e.bindPopup(popup_b024eafa310c12d738a540133a4802b4)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_093f90446199613909311f9f13a1f897 = L.marker(\n",
       "                [37.785636, -122.408851],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_d2ace00951e8e5b17a8b2a82d952cb24 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_d715f36dab9ecdd4d3e190825bcb33dd = $(`&lt;div id=&quot;html_d715f36dab9ecdd4d3e190825bcb33dd&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Hana Zen&lt;/div&gt;`)[0];\n",
       "                popup_d2ace00951e8e5b17a8b2a82d952cb24.setContent(html_d715f36dab9ecdd4d3e190825bcb33dd);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_093f90446199613909311f9f13a1f897.bindPopup(popup_d2ace00951e8e5b17a8b2a82d952cb24)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_7d3858293352c7540d77ffb0fb71f144 = L.marker(\n",
       "                [37.777147, -122.421755],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_df008013bf7292c9677352e3b3bdc915 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_684a0048784781807f7cdaa1d6c2cfb0 = $(`&lt;div id=&quot;html_684a0048784781807f7cdaa1d6c2cfb0&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Hayes Street Grill&lt;/div&gt;`)[0];\n",
       "                popup_df008013bf7292c9677352e3b3bdc915.setContent(html_684a0048784781807f7cdaa1d6c2cfb0);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_7d3858293352c7540d77ffb0fb71f144.bindPopup(popup_df008013bf7292c9677352e3b3bdc915)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_2b9c89810c5c591bb0399e4746d329ad = L.marker(\n",
       "                [37.795602, -122.393588],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_47d27d68ad8c76e4306c8d0010cd40c2 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_ca2ce23ebd1ed1f60bafc82726c75a75 = $(`&lt;div id=&quot;html_ca2ce23ebd1ed1f60bafc82726c75a75&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Hog Island Oyster Co.&lt;/div&gt;`)[0];\n",
       "                popup_47d27d68ad8c76e4306c8d0010cd40c2.setContent(html_ca2ce23ebd1ed1f60bafc82726c75a75);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_2b9c89810c5c591bb0399e4746d329ad.bindPopup(popup_47d27d68ad8c76e4306c8d0010cd40c2)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_edcf07c5f7135acf122b2aad552f8161 = L.marker(\n",
       "                [37.794169, -122.404691],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_b426eb78e481a1f228f81c5cc5c8403b = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_11581ea506bf12da7003713d4653b6e0 = $(`&lt;div id=&quot;html_11581ea506bf12da7003713d4653b6e0&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Hon&#x27;s Wun Tun House&lt;/div&gt;`)[0];\n",
       "                popup_b426eb78e481a1f228f81c5cc5c8403b.setContent(html_11581ea506bf12da7003713d4653b6e0);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_edcf07c5f7135acf122b2aad552f8161.bindPopup(popup_b426eb78e481a1f228f81c5cc5c8403b)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_03fba69a3874f1b6cdd602f99dcc3129 = L.marker(\n",
       "                [37.79648, -122.405226],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_ab2d806bd732dfa4381a98e16589f727 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_f1292601d685fb984fc9e83ed54d9418 = $(`&lt;div id=&quot;html_f1292601d685fb984fc9e83ed54d9418&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;House of Nanking&lt;/div&gt;`)[0];\n",
       "                popup_ab2d806bd732dfa4381a98e16589f727.setContent(html_f1292601d685fb984fc9e83ed54d9418);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_03fba69a3874f1b6cdd602f99dcc3129.bindPopup(popup_ab2d806bd732dfa4381a98e16589f727)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_9a02ca2e29d28bfd6f92dac7bd8915c6 = L.marker(\n",
       "                [37.76377, -122.466425],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_6aa7bbb11e8efe9916fabb5f79c1b989 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_2d1940e37682b1de03dc9e1f4038f119 = $(`&lt;div id=&quot;html_2d1940e37682b1de03dc9e1f4038f119&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Howard&#x27;s&lt;/div&gt;`)[0];\n",
       "                popup_6aa7bbb11e8efe9916fabb5f79c1b989.setContent(html_2d1940e37682b1de03dc9e1f4038f119);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_9a02ca2e29d28bfd6f92dac7bd8915c6.bindPopup(popup_6aa7bbb11e8efe9916fabb5f79c1b989)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_4d2d190ce873a49af037f809d8cc1e37 = L.marker(\n",
       "                [37.796258, -122.405603],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_2d640a30a37d21bfecc0071d105173af = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_2c896a9221b3609a7a52d42ce551c2c6 = $(`&lt;div id=&quot;html_2c896a9221b3609a7a52d42ce551c2c6&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Hunan Home&#x27;s Restaurant&lt;/div&gt;`)[0];\n",
       "                popup_2d640a30a37d21bfecc0071d105173af.setContent(html_2c896a9221b3609a7a52d42ce551c2c6);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_4d2d190ce873a49af037f809d8cc1e37.bindPopup(popup_2d640a30a37d21bfecc0071d105173af)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_50807444cecb3f68e342ee7020c4106c = L.marker(\n",
       "                [37.795777, -122.39364],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_cc6107a25a038245415d593b998642cc = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_647688f24a0307bf841e12492f45d0b9 = $(`&lt;div id=&quot;html_647688f24a0307bf841e12492f45d0b9&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Il Cane Rosso&lt;/div&gt;`)[0];\n",
       "                popup_cc6107a25a038245415d593b998642cc.setContent(html_647688f24a0307bf841e12492f45d0b9);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_50807444cecb3f68e342ee7020c4106c.bindPopup(popup_cc6107a25a038245415d593b998642cc)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_756a8b4ee15cd692aea9f33420ad2754 = L.marker(\n",
       "                [37.802838, -122.402063],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_989e6f81671393969699cf06c03d6b3b = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_b7c3b779dbb94cbb6609dd964261af8f = $(`&lt;div id=&quot;html_b7c3b779dbb94cbb6609dd964261af8f&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Il Fornaio&lt;/div&gt;`)[0];\n",
       "                popup_989e6f81671393969699cf06c03d6b3b.setContent(html_b7c3b779dbb94cbb6609dd964261af8f);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_756a8b4ee15cd692aea9f33420ad2754.bindPopup(popup_989e6f81671393969699cf06c03d6b3b)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_a2efb2aaa017c4a777dae38db015644c = L.marker(\n",
       "                [37.765737, -122.40677],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_1dc9986e542dee6d1f05a775e0c39454 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_117f52f32bbb9bdef7bfebbaffc9827f = $(`&lt;div id=&quot;html_117f52f32bbb9bdef7bfebbaffc9827f&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Il Pirata&lt;/div&gt;`)[0];\n",
       "                popup_1dc9986e542dee6d1f05a775e0c39454.setContent(html_117f52f32bbb9bdef7bfebbaffc9827f);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_a2efb2aaa017c4a777dae38db015644c.bindPopup(popup_1dc9986e542dee6d1f05a775e0c39454)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_78aeef79827de6d1ed0f4d79b3fc61c5 = L.marker(\n",
       "                [37.8078, -122.418383],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_6470573f6d8d6e55ef59b52d2e4c77ae = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_56dd0e69f0eb3b833bb89af30ba84385 = $(`&lt;div id=&quot;html_56dd0e69f0eb3b833bb89af30ba84385&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;In-N-Out Burger&lt;/div&gt;`)[0];\n",
       "                popup_6470573f6d8d6e55ef59b52d2e4c77ae.setContent(html_56dd0e69f0eb3b833bb89af30ba84385);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_78aeef79827de6d1ed0f4d79b3fc61c5.bindPopup(popup_6470573f6d8d6e55ef59b52d2e4c77ae)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_6a2d2aa027841eb94da7d1898e3ac6bf = L.marker(\n",
       "                [37.780838, -122.391103],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_12d154f255ea25070b9733c493e8860e = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_47bdafcc60a10143ab59bedf695d81cb = $(`&lt;div id=&quot;html_47bdafcc60a10143ab59bedf695d81cb&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Ironside&lt;/div&gt;`)[0];\n",
       "                popup_12d154f255ea25070b9733c493e8860e.setContent(html_47bdafcc60a10143ab59bedf695d81cb);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_6a2d2aa027841eb94da7d1898e3ac6bf.bindPopup(popup_12d154f255ea25070b9733c493e8860e)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_643fb68c92b9c46013fed7009690be1e = L.marker(\n",
       "                [37.800199, -122.437884],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_6f891125e45161876d67345d78255783 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_da26e0b5aa17be8ebfd73e3e791e3095 = $(`&lt;div id=&quot;html_da26e0b5aa17be8ebfd73e3e791e3095&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Izzy&#x27;s Steaks &amp; Chops&lt;/div&gt;`)[0];\n",
       "                popup_6f891125e45161876d67345d78255783.setContent(html_da26e0b5aa17be8ebfd73e3e791e3095);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_643fb68c92b9c46013fed7009690be1e.bindPopup(popup_6f891125e45161876d67345d78255783)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_6fb518a6d6b753b8a168066101135333 = L.marker(\n",
       "                [37.791695, -122.399585],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_174bd407221901f589ca6f379faff72a = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_36e47756d696eab76ba64dd2a0bf141e = $(`&lt;div id=&quot;html_36e47756d696eab76ba64dd2a0bf141e&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;John&#x27;s Snack and Deli&lt;/div&gt;`)[0];\n",
       "                popup_174bd407221901f589ca6f379faff72a.setContent(html_36e47756d696eab76ba64dd2a0bf141e);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_6fb518a6d6b753b8a168066101135333.bindPopup(popup_174bd407221901f589ca6f379faff72a)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_d9b1a7a7751b2655c1da4cd0aebb16d3 = L.marker(\n",
       "                [37.808393, -122.413713],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_718170768f8b24c6dc393e931ea7a43f = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_d48e4f85348594b812ffde54fc0f8f19 = $(`&lt;div id=&quot;html_d48e4f85348594b812ffde54fc0f8f19&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Johnny Rockets&lt;/div&gt;`)[0];\n",
       "                popup_718170768f8b24c6dc393e931ea7a43f.setContent(html_d48e4f85348594b812ffde54fc0f8f19);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_d9b1a7a7751b2655c1da4cd0aebb16d3.bindPopup(popup_718170768f8b24c6dc393e931ea7a43f)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_e7198ace9d5a2d4962ccd87a87b95a72 = L.marker(\n",
       "                [37.752688, -122.40959],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_825af7bf9c251168c10d0553290d9ae9 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_58f76b499506a4c7d791f502fa7e3d6f = $(`&lt;div id=&quot;html_58f76b499506a4c7d791f502fa7e3d6f&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;L&#x27;s Caffe&lt;/div&gt;`)[0];\n",
       "                popup_825af7bf9c251168c10d0553290d9ae9.setContent(html_58f76b499506a4c7d791f502fa7e3d6f);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_e7198ace9d5a2d4962ccd87a87b95a72.bindPopup(popup_825af7bf9c251168c10d0553290d9ae9)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_aba458719036d2cc572e05de31b0f743 = L.marker(\n",
       "                [37.788408, -122.43386],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_f382411274a245e115f86f4877596b6e = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_26f12cbbe6309df1cb35561e3438b838 = $(`&lt;div id=&quot;html_26f12cbbe6309df1cb35561e3438b838&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;La Boulange&lt;/div&gt;`)[0];\n",
       "                popup_f382411274a245e115f86f4877596b6e.setContent(html_26f12cbbe6309df1cb35561e3438b838);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_aba458719036d2cc572e05de31b0f743.bindPopup(popup_f382411274a245e115f86f4877596b6e)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_7da1f8fdaeff9e8adc8f40a778ebfa9c = L.marker(\n",
       "                [37.750899, -122.418143],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_4789a7317d305cd0e437ac03360d73e3 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_4ac74ca41372e7b9655abad7e505caf8 = $(`&lt;div id=&quot;html_4ac74ca41372e7b9655abad7e505caf8&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;La Taqueria&lt;/div&gt;`)[0];\n",
       "                popup_4789a7317d305cd0e437ac03360d73e3.setContent(html_4ac74ca41372e7b9655abad7e505caf8);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_7da1f8fdaeff9e8adc8f40a778ebfa9c.bindPopup(popup_4789a7317d305cd0e437ac03360d73e3)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_1dfc5ae9d2cf72c021473d541fb46311 = L.marker(\n",
       "                [37.752774, -122.40867],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_7de20913afdf1f68ec659468573d4c4e = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_426379b118d4feb0b31bfe4b0805a168 = $(`&lt;div id=&quot;html_426379b118d4feb0b31bfe4b0805a168&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;La Torta Gorda&lt;/div&gt;`)[0];\n",
       "                popup_7de20913afdf1f68ec659468573d4c4e.setContent(html_426379b118d4feb0b31bfe4b0805a168);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_1dfc5ae9d2cf72c021473d541fb46311.bindPopup(popup_7de20913afdf1f68ec659468573d4c4e)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_7c4c35914792e8ed30c6442b03551774 = L.marker(\n",
       "                [37.785611, -122.414996],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_14175c6f842a6d56d0d2aa361cd3a817 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_5793f4e42892dea5ae987cdab81020b2 = $(`&lt;div id=&quot;html_5793f4e42892dea5ae987cdab81020b2&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Lahore Karahi&lt;/div&gt;`)[0];\n",
       "                popup_14175c6f842a6d56d0d2aa361cd3a817.setContent(html_5793f4e42892dea5ae987cdab81020b2);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_7c4c35914792e8ed30c6442b03551774.bindPopup(popup_14175c6f842a6d56d0d2aa361cd3a817)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_9b22669ced1432cd44e7b8285a9ff820 = L.marker(\n",
       "                [37.751221, -122.433213],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_3d44a9c14592b15fdcb90a2b39f334e0 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_0db4bbd4c8722ffd3c8007b49cec4a3d = $(`&lt;div id=&quot;html_0db4bbd4c8722ffd3c8007b49cec4a3d&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Le Zinc&lt;/div&gt;`)[0];\n",
       "                popup_3d44a9c14592b15fdcb90a2b39f334e0.setContent(html_0db4bbd4c8722ffd3c8007b49cec4a3d);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_9b22669ced1432cd44e7b8285a9ff820.bindPopup(popup_3d44a9c14592b15fdcb90a2b39f334e0)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_23d3780d81d2d4af38ccbb826cdc1f1a = L.marker(\n",
       "                [37.787146, -122.408714],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_d9ffb97baab3be7a6f2ecd420c7f0b22 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_a21d03878178441b488d7a6afaadf113 = $(`&lt;div id=&quot;html_a21d03878178441b488d7a6afaadf113&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Lefty O&#x27;Doul&#x27;s&lt;/div&gt;`)[0];\n",
       "                popup_d9ffb97baab3be7a6f2ecd420c7f0b22.setContent(html_a21d03878178441b488d7a6afaadf113);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_23d3780d81d2d4af38ccbb826cdc1f1a.bindPopup(popup_d9ffb97baab3be7a6f2ecd420c7f0b22)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_dbfa57c5ddefb452a2f0bb0b002b5c6a = L.marker(\n",
       "                [37.798866, -122.422185],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_8502402f64c4a01dee69398906796904 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_c49befd128546c86eb60893e8a6148af = $(`&lt;div id=&quot;html_c49befd128546c86eb60893e8a6148af&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Leopold&#x27;s&lt;/div&gt;`)[0];\n",
       "                popup_8502402f64c4a01dee69398906796904.setContent(html_c49befd128546c86eb60893e8a6148af);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_dbfa57c5ddefb452a2f0bb0b002b5c6a.bindPopup(popup_8502402f64c4a01dee69398906796904)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_ec84a299f0ceb399342a7ceb14d89906 = L.marker(\n",
       "                [37.764313, -122.46274],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_816dadbfec54808980df4c0d9a66677f = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_ef68e4b959826ffaf43b4f6e6d673b4f = $(`&lt;div id=&quot;html_ef68e4b959826ffaf43b4f6e6d673b4f&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Lime Tree&lt;/div&gt;`)[0];\n",
       "                popup_816dadbfec54808980df4c0d9a66677f.setContent(html_ef68e4b959826ffaf43b4f6e6d673b4f);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_ec84a299f0ceb399342a7ceb14d89906.bindPopup(popup_816dadbfec54808980df4c0d9a66677f)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_66b387a7ea112f7f86282691de1517cb = L.marker(\n",
       "                [37.764434, -122.421972],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_bab61d6d847c045a32b6419d42abc139 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_98e828c7fa055bacd07a2fef646fc271 = $(`&lt;div id=&quot;html_98e828c7fa055bacd07a2fef646fc271&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Limon Restaurant&lt;/div&gt;`)[0];\n",
       "                popup_bab61d6d847c045a32b6419d42abc139.setContent(html_98e828c7fa055bacd07a2fef646fc271);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_66b387a7ea112f7f86282691de1517cb.bindPopup(popup_bab61d6d847c045a32b6419d42abc139)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_fdd44c45f1c4892ea3b3d3a947d54b52 = L.marker(\n",
       "                [37.777492, -122.438182],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_15ae18532184e9f953267cca45bafd9f = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_7f11983edd70456f4493942986d9445f = $(`&lt;div id=&quot;html_7f11983edd70456f4493942986d9445f&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Little Star Pizza&lt;/div&gt;`)[0];\n",
       "                popup_15ae18532184e9f953267cca45bafd9f.setContent(html_7f11983edd70456f4493942986d9445f);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_fdd44c45f1c4892ea3b3d3a947d54b52.bindPopup(popup_15ae18532184e9f953267cca45bafd9f)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_829b49888376116b60370d1aa1461539 = L.marker(\n",
       "                [37.786826, -122.409602],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_60760bc5f80663f20ba74ec72918fd7a = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_bf727ca703d5b053885d2d13206a6ccc = $(`&lt;div id=&quot;html_bf727ca703d5b053885d2d13206a6ccc&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Lori&#x27;s Diner&lt;/div&gt;`)[0];\n",
       "                popup_60760bc5f80663f20ba74ec72918fd7a.setContent(html_bf727ca703d5b053885d2d13206a6ccc);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_829b49888376116b60370d1aa1461539.bindPopup(popup_60760bc5f80663f20ba74ec72918fd7a)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_1717e43417c9737eecaa89fb3fadf95b = L.marker(\n",
       "                [37.805747, -122.422483],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_b61b1a9ed2007ed2edf7ed8bd932cf6e = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_91cb178d28077392e2bc8a485449e3bb = $(`&lt;div id=&quot;html_91cb178d28077392e2bc8a485449e3bb&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Lori&#x27;s Diner&lt;/div&gt;`)[0];\n",
       "                popup_b61b1a9ed2007ed2edf7ed8bd932cf6e.setContent(html_91cb178d28077392e2bc8a485449e3bb);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_1717e43417c9737eecaa89fb3fadf95b.bindPopup(popup_b61b1a9ed2007ed2edf7ed8bd932cf6e)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_96e6bc077c5407d22eaaf317495b7c5f = L.marker(\n",
       "                [37.789249, -122.408743],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_d65d2f979a8eefcf85faee633bab9dd4 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_8907d0d4a139c7037e795aeb6112e22e = $(`&lt;div id=&quot;html_8907d0d4a139c7037e795aeb6112e22e&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Lori&#x27;s Diner&lt;/div&gt;`)[0];\n",
       "                popup_d65d2f979a8eefcf85faee633bab9dd4.setContent(html_8907d0d4a139c7037e795aeb6112e22e);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_96e6bc077c5407d22eaaf317495b7c5f.bindPopup(popup_d65d2f979a8eefcf85faee633bab9dd4)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_bd5a830bb958a067042103430c7b78c2 = L.marker(\n",
       "                [37.781872, -122.40479],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_d4323cc91a5e5a6265c4701fe577443b = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_c592bf1372ac05e4da87282ec9959d48 = $(`&lt;div id=&quot;html_c592bf1372ac05e4da87282ec9959d48&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Luce&lt;/div&gt;`)[0];\n",
       "                popup_d4323cc91a5e5a6265c4701fe577443b.setContent(html_c592bf1372ac05e4da87282ec9959d48);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_bd5a830bb958a067042103430c7b78c2.bindPopup(popup_d4323cc91a5e5a6265c4701fe577443b)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_de37b37363e3ccfc59376a8bda59f68f = L.marker(\n",
       "                [37.781789, -122.401821],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_6a15b85998e5d5d08b9e97adf6547288 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_32c4aed9771582739be140bf58f614b0 = $(`&lt;div id=&quot;html_32c4aed9771582739be140bf58f614b0&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;LuLu&lt;/div&gt;`)[0];\n",
       "                popup_6a15b85998e5d5d08b9e97adf6547288.setContent(html_32c4aed9771582739be140bf58f614b0);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_de37b37363e3ccfc59376a8bda59f68f.bindPopup(popup_6a15b85998e5d5d08b9e97adf6547288)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_4a0801fdd3d2dd8d1f4e24c34a564f91 = L.marker(\n",
       "                [37.770276, -122.445238],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_d6eeed2689131d2a6019a46e8bb4715c = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_60a7064c6979a049e912d37c8cf7c4bf = $(`&lt;div id=&quot;html_60a7064c6979a049e912d37c8cf7c4bf&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Magnolia Pub and Brewery&lt;/div&gt;`)[0];\n",
       "                popup_d6eeed2689131d2a6019a46e8bb4715c.setContent(html_60a7064c6979a049e912d37c8cf7c4bf);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_4a0801fdd3d2dd8d1f4e24c34a564f91.bindPopup(popup_d6eeed2689131d2a6019a46e8bb4715c)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_fd4818c883493beaa8cc214866c17581 = L.marker(\n",
       "                [37.795132, -122.393349],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_e6511230698a8b0035c02e90bc957aa0 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_653eef096f4015482c508a062294401e = $(`&lt;div id=&quot;html_653eef096f4015482c508a062294401e&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;MarketBar&lt;/div&gt;`)[0];\n",
       "                popup_e6511230698a8b0035c02e90bc957aa0.setContent(html_653eef096f4015482c508a062294401e);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_fd4818c883493beaa8cc214866c17581.bindPopup(popup_e6511230698a8b0035c02e90bc957aa0)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_c4076df010bedd553dbd159337ccc910 = L.marker(\n",
       "                [37.776628, -122.395737],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_f202501ae00d34dc70b757e8e98ab361 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_816aceb9905e186a902dde87de6442de = $(`&lt;div id=&quot;html_816aceb9905e186a902dde87de6442de&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Marlowe&lt;/div&gt;`)[0];\n",
       "                popup_f202501ae00d34dc70b757e8e98ab361.setContent(html_816aceb9905e186a902dde87de6442de);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_c4076df010bedd553dbd159337ccc910.bindPopup(popup_f202501ae00d34dc70b757e8e98ab361)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_184d0b4a453b1cfbeced39d0c193c3b7 = L.marker(\n",
       "                [37.763281, -122.481814],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_51c2115718093826e71e7861e3f13c5d = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_16c0e57610b20ed3fc7b9efb74b605bd = $(`&lt;div id=&quot;html_16c0e57610b20ed3fc7b9efb74b605bd&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Marnee Thai&lt;/div&gt;`)[0];\n",
       "                popup_51c2115718093826e71e7861e3f13c5d.setContent(html_16c0e57610b20ed3fc7b9efb74b605bd);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_184d0b4a453b1cfbeced39d0c193c3b7.bindPopup(popup_51c2115718093826e71e7861e3f13c5d)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_cd90b76a4a08c893d3b77910cbcd277d = L.marker(\n",
       "                [37.805898, -122.422545],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_628646ba63efabb93560db686270da05 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_3b8b7a62f2be872f8e573679d1aa7828 = $(`&lt;div id=&quot;html_3b8b7a62f2be872f8e573679d1aa7828&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;McCormick &amp; Kuleto&#x27;s Seafood &amp; Steaks&lt;/div&gt;`)[0];\n",
       "                popup_628646ba63efabb93560db686270da05.setContent(html_3b8b7a62f2be872f8e573679d1aa7828);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_cd90b76a4a08c893d3b77910cbcd277d.bindPopup(popup_628646ba63efabb93560db686270da05)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_7cf691cbc83665f7d7b7eaf572aa6122 = L.marker(\n",
       "                [37.784272, -122.404356],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_585e11a9472a1f7c97b68ff2ff8fef47 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_832d82c7cac3ce5b26724318fc8c3707 = $(`&lt;div id=&quot;html_832d82c7cac3ce5b26724318fc8c3707&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Mel&#x27;s Drive In&lt;/div&gt;`)[0];\n",
       "                popup_585e11a9472a1f7c97b68ff2ff8fef47.setContent(html_832d82c7cac3ce5b26724318fc8c3707);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_7cf691cbc83665f7d7b7eaf572aa6122.bindPopup(popup_585e11a9472a1f7c97b68ff2ff8fef47)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_dc03c144f9fc4901f4254cf3b50fe969 = L.marker(\n",
       "                [37.785519, -122.420949],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_83f2eb0b414901ac5c96194c58eed08a = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_840cf9e0665b9acb37041281c7977312 = $(`&lt;div id=&quot;html_840cf9e0665b9acb37041281c7977312&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Mel&#x27;s Drive In&lt;/div&gt;`)[0];\n",
       "                popup_83f2eb0b414901ac5c96194c58eed08a.setContent(html_840cf9e0665b9acb37041281c7977312);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_dc03c144f9fc4901f4254cf3b50fe969.bindPopup(popup_83f2eb0b414901ac5c96194c58eed08a)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_9097cca8d9be28c6eac3e3ec1b05e054 = L.marker(\n",
       "                [37.801255, -122.411441],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_c730371879a8c208cea24b2d95dea774 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_ea7a366f9a1502ba826d83c0d96d605c = $(`&lt;div id=&quot;html_ea7a366f9a1502ba826d83c0d96d605c&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Melt&lt;/div&gt;`)[0];\n",
       "                popup_c730371879a8c208cea24b2d95dea774.setContent(html_ea7a366f9a1502ba826d83c0d96d605c);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_9097cca8d9be28c6eac3e3ec1b05e054.bindPopup(popup_c730371879a8c208cea24b2d95dea774)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_e2aa01d3ca9e37eff1e1fd70b94ec5b2 = L.marker(\n",
       "                [37.772058, -122.431702],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_fe490a37631336d243b6141562af2a41 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_d329823b0c51c07bf1fb61d0dbbb3cbb = $(`&lt;div id=&quot;html_d329823b0c51c07bf1fb61d0dbbb3cbb&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Memphis Minnies BBQ Joint&lt;/div&gt;`)[0];\n",
       "                popup_fe490a37631336d243b6141562af2a41.setContent(html_d329823b0c51c07bf1fb61d0dbbb3cbb);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_e2aa01d3ca9e37eff1e1fd70b94ec5b2.bindPopup(popup_fe490a37631336d243b6141562af2a41)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_06c1c0ea3999fa38f0be67c2151dd569 = L.marker(\n",
       "                [37.795484, -122.393178],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_45bb5830c79a4225bb0824bba55f7ce3 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_92ca1f60a5741b5a4d47eed1b19405a3 = $(`&lt;div id=&quot;html_92ca1f60a5741b5a4d47eed1b19405a3&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Mijita&lt;/div&gt;`)[0];\n",
       "                popup_45bb5830c79a4225bb0824bba55f7ce3.setContent(html_92ca1f60a5741b5a4d47eed1b19405a3);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_06c1c0ea3999fa38f0be67c2151dd569.bindPopup(popup_45bb5830c79a4225bb0824bba55f7ce3)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_4b2e3107c4afbd94506f47e0aabd40a2 = L.marker(\n",
       "                [37.782187, -122.448613],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_3b13c70ff25caf8af9524f1c4b53f280 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_7135ac611807175cfe0627ffa76967b8 = $(`&lt;div id=&quot;html_7135ac611807175cfe0627ffa76967b8&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Nanis Coffee&lt;/div&gt;`)[0];\n",
       "                popup_3b13c70ff25caf8af9524f1c4b53f280.setContent(html_7135ac611807175cfe0627ffa76967b8);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_4b2e3107c4afbd94506f47e0aabd40a2.bindPopup(popup_3b13c70ff25caf8af9524f1c4b53f280)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_6e35c52892ec19b8fc7f6a852a43d2ad = L.marker(\n",
       "                [37.774839, -122.437615],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_75def5d584f0208d407bdf1e948d7a51 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_b5018791f01295cc161e664973b8d21b = $(`&lt;div id=&quot;html_b5018791f01295cc161e664973b8d21b&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Nopa&lt;/div&gt;`)[0];\n",
       "                popup_75def5d584f0208d407bdf1e948d7a51.setContent(html_b5018791f01295cc161e664973b8d21b);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_6e35c52892ec19b8fc7f6a852a43d2ad.bindPopup(popup_75def5d584f0208d407bdf1e948d7a51)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_d91ff0a35888b18b52193f44b36f7858 = L.marker(\n",
       "                [37.799702, -122.409446],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_e2371a7e78fa69a84539ed4c3238804f = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_f9395a995bf433fbaa06a42afb21f44b = $(`&lt;div id=&quot;html_f9395a995bf433fbaa06a42afb21f44b&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Original US Restaurant&lt;/div&gt;`)[0];\n",
       "                popup_e2371a7e78fa69a84539ed4c3238804f.setContent(html_f9395a995bf433fbaa06a42afb21f44b);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_d91ff0a35888b18b52193f44b36f7858.bindPopup(popup_e2371a7e78fa69a84539ed4c3238804f)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_6bac0b065dfbccb43fc234a39ba3464a = L.marker(\n",
       "                [37.759777, -122.42126],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_118e4abbadefa9de509ebe9a8dffe83a = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_10627aec32a2f9d57a328c32206e9826 = $(`&lt;div id=&quot;html_10627aec32a2f9d57a328c32206e9826&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;OSHA Thai&lt;/div&gt;`)[0];\n",
       "                popup_118e4abbadefa9de509ebe9a8dffe83a.setContent(html_10627aec32a2f9d57a328c32206e9826);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_6bac0b065dfbccb43fc234a39ba3464a.bindPopup(popup_118e4abbadefa9de509ebe9a8dffe83a)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_6c32d61bf8f54fdc0956124bbee21a89 = L.marker(\n",
       "                [37.787423, -122.398881],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_70d1f74f809f721c46cd44a2566aa230 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_ea8f15935f17395d885f326483ed8475 = $(`&lt;div id=&quot;html_ea8f15935f17395d885f326483ed8475&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;OSHA Thai Restaurant&lt;/div&gt;`)[0];\n",
       "                popup_70d1f74f809f721c46cd44a2566aa230.setContent(html_ea8f15935f17395d885f326483ed8475);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_6c32d61bf8f54fdc0956124bbee21a89.bindPopup(popup_70d1f74f809f721c46cd44a2566aa230)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_a593d912f9d7b46ea5c3bbd062c5aa93 = L.marker(\n",
       "                [37.779826, -122.494535],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_c9761ec8cccb1d1d1c44446ad8ce21f9 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_9b7b75c25e5ff1a58520e1e0c6e7ebcc = $(`&lt;div id=&quot;html_9b7b75c25e5ff1a58520e1e0c6e7ebcc&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Pacific Cafe&lt;/div&gt;`)[0];\n",
       "                popup_c9761ec8cccb1d1d1c44446ad8ce21f9.setContent(html_9b7b75c25e5ff1a58520e1e0c6e7ebcc);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_a593d912f9d7b46ea5c3bbd062c5aa93.bindPopup(popup_c9761ec8cccb1d1d1c44446ad8ce21f9)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_eef7d29e6be18ea2530da124de65641c = L.marker(\n",
       "                [37.765773, -122.466268],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_f1f26a6d8bd67287e478d11add425792 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_8157b73a551b15c2691896acc397d5a9 = $(`&lt;div id=&quot;html_8157b73a551b15c2691896acc397d5a9&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Pacific Catch&lt;/div&gt;`)[0];\n",
       "                popup_f1f26a6d8bd67287e478d11add425792.setContent(html_8157b73a551b15c2691896acc397d5a9);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_eef7d29e6be18ea2530da124de65641c.bindPopup(popup_f1f26a6d8bd67287e478d11add425792)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_d73bb3ff454ea1346a10b5d8e91d482d = L.marker(\n",
       "                [37.770036, -122.44629],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_073580db8e19aa049ac60158cef50157 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_9e173aaaf038a5f5d6ef0dbbc520d6e1 = $(`&lt;div id=&quot;html_9e173aaaf038a5f5d6ef0dbbc520d6e1&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Panini&lt;/div&gt;`)[0];\n",
       "                popup_073580db8e19aa049ac60158cef50157.setContent(html_9e173aaaf038a5f5d6ef0dbbc520d6e1);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_d73bb3ff454ea1346a10b5d8e91d482d.bindPopup(popup_073580db8e19aa049ac60158cef50157)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_dfda742ba592ceeb86c203ea822b765c = L.marker(\n",
       "                [37.76524, -122.466318],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_f7257c5464ec721bee4f769794c69b55 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_ccf32da0f3ba9406f615a0886b3b57fe = $(`&lt;div id=&quot;html_ccf32da0f3ba9406f615a0886b3b57fe&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Park Chow&lt;/div&gt;`)[0];\n",
       "                popup_f7257c5464ec721bee4f769794c69b55.setContent(html_ccf32da0f3ba9406f615a0886b3b57fe);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_dfda742ba592ceeb86c203ea822b765c.bindPopup(popup_f7257c5464ec721bee4f769794c69b55)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_caedf850ecac7ad3731849a388981859 = L.marker(\n",
       "                [37.765736, -122.466553],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_505d1a4a06a343f1026a700a7725836d = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_62a90e53e8daf16972a0681d2a3c4129 = $(`&lt;div id=&quot;html_62a90e53e8daf16972a0681d2a3c4129&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Park Gyros&lt;/div&gt;`)[0];\n",
       "                popup_505d1a4a06a343f1026a700a7725836d.setContent(html_62a90e53e8daf16972a0681d2a3c4129);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_caedf850ecac7ad3731849a388981859.bindPopup(popup_505d1a4a06a343f1026a700a7725836d)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_3d26531681cf1f4c93fb5c4038580737 = L.marker(\n",
       "                [37.803985, -122.414841],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_781ecbae0a97778d70ca24a8bbbe1e3b = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_f438bf2c800b99855fdc9f5ecc92a334 = $(`&lt;div id=&quot;html_f438bf2c800b99855fdc9f5ecc92a334&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Pat&#x27;s Cafe&lt;/div&gt;`)[0];\n",
       "                popup_781ecbae0a97778d70ca24a8bbbe1e3b.setContent(html_f438bf2c800b99855fdc9f5ecc92a334);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_3d26531681cf1f4c93fb5c4038580737.bindPopup(popup_781ecbae0a97778d70ca24a8bbbe1e3b)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_7560d96a6331ecf69939b7875aee5684 = L.marker(\n",
       "                [37.787739, -122.413641],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_e7c56bf314ff4c1b45088b80efe2fcc3 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_898658e039115ff7c158ab6b36e636ed = $(`&lt;div id=&quot;html_898658e039115ff7c158ab6b36e636ed&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Pearl&#x27;s Deluxe Burgers&lt;/div&gt;`)[0];\n",
       "                popup_e7c56bf314ff4c1b45088b80efe2fcc3.setContent(html_898658e039115ff7c158ab6b36e636ed);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_7560d96a6331ecf69939b7875aee5684.bindPopup(popup_e7c56bf314ff4c1b45088b80efe2fcc3)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_9d29a3d8025a95b00f1afa953e658513 = L.marker(\n",
       "                [37.797787, -122.431267],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_f37aec0515071c2eeb87f9a55b6f079f = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_13670f249039b73d544ddc0a31737e50 = $(`&lt;div id=&quot;html_13670f249039b73d544ddc0a31737e50&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Perry&#x27;s&lt;/div&gt;`)[0];\n",
       "                popup_f37aec0515071c2eeb87f9a55b6f079f.setContent(html_13670f249039b73d544ddc0a31737e50);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_9d29a3d8025a95b00f1afa953e658513.bindPopup(popup_f37aec0515071c2eeb87f9a55b6f079f)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_826894d02e8bb78f7afcb247b6ed88dc = L.marker(\n",
       "                [37.792806, -122.392288],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_66d45c4019002723c1a8fa8b544320eb = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_cc751dd2c714d0e550a24cea49388a27 = $(`&lt;div id=&quot;html_cc751dd2c714d0e550a24cea49388a27&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Perry&#x27;s&lt;/div&gt;`)[0];\n",
       "                popup_66d45c4019002723c1a8fa8b544320eb.setContent(html_cc751dd2c714d0e550a24cea49388a27);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_826894d02e8bb78f7afcb247b6ed88dc.bindPopup(popup_66d45c4019002723c1a8fa8b544320eb)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_a869c4dd9b8b0bd882c74738c9af691a = L.marker(\n",
       "                [37.797286, -122.422168],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_4994d216084fc669c41cf3c7749edbcf = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_507fb70382947569f9a9ce6d9733f8d5 = $(`&lt;div id=&quot;html_507fb70382947569f9a9ce6d9733f8d5&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Pesce&lt;/div&gt;`)[0];\n",
       "                popup_4994d216084fc669c41cf3c7749edbcf.setContent(html_507fb70382947569f9a9ce6d9733f8d5);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_a869c4dd9b8b0bd882c74738c9af691a.bindPopup(popup_4994d216084fc669c41cf3c7749edbcf)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_0e1312259a85905bdf700d236171656d = L.marker(\n",
       "                [37.783914, -122.417772],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_4d3c5f11db06fce9cd60e4661f606fba = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_51a6670a2dd0c646aaabd5881e8600b2 = $(`&lt;div id=&quot;html_51a6670a2dd0c646aaabd5881e8600b2&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Pho 2000&lt;/div&gt;`)[0];\n",
       "                popup_4d3c5f11db06fce9cd60e4661f606fba.setContent(html_51a6670a2dd0c646aaabd5881e8600b2);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_0e1312259a85905bdf700d236171656d.bindPopup(popup_4d3c5f11db06fce9cd60e4661f606fba)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_84b255bb17b482e09edad91cbd47df0d = L.marker(\n",
       "                [37.80947, -122.410211],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_0d7802adf8da9ee6ffb59f4835a02fc5 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_1d02533d377a328b888b35598511ffee = $(`&lt;div id=&quot;html_1d02533d377a328b888b35598511ffee&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Pier Market Seafood Restaurant&lt;/div&gt;`)[0];\n",
       "                popup_0d7802adf8da9ee6ffb59f4835a02fc5.setContent(html_1d02533d377a328b888b35598511ffee);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_84b255bb17b482e09edad91cbd47df0d.bindPopup(popup_0d7802adf8da9ee6ffb59f4835a02fc5)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_ea57e1ff11ad0bed54a28b2591573a45 = L.marker(\n",
       "                [37.782054, -122.449182],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_622f45f2bfc66eec3ce0cc0f8b1dcd49 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_1a23683724d87aa76d5f06286ea6b3d9 = $(`&lt;div id=&quot;html_1a23683724d87aa76d5f06286ea6b3d9&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Pig &amp; Whistle Bar&lt;/div&gt;`)[0];\n",
       "                popup_622f45f2bfc66eec3ce0cc0f8b1dcd49.setContent(html_1a23683724d87aa76d5f06286ea6b3d9);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_ea57e1ff11ad0bed54a28b2591573a45.bindPopup(popup_622f45f2bfc66eec3ce0cc0f8b1dcd49)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_a19f29d04a40d20ad72dde210f1fbfa8 = L.marker(\n",
       "                [37.800685, -122.401678],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_513decc1a1801ea457628a1735cf00a6 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_5c6682d7deaaa7e364b2bc0872fe0971 = $(`&lt;div id=&quot;html_5c6682d7deaaa7e364b2bc0872fe0971&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Piperade&lt;/div&gt;`)[0];\n",
       "                popup_513decc1a1801ea457628a1735cf00a6.setContent(html_5c6682d7deaaa7e364b2bc0872fe0971);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_a19f29d04a40d20ad72dde210f1fbfa8.bindPopup(popup_513decc1a1801ea457628a1735cf00a6)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_1d0fe450ddffef155ec425841ca31906 = L.marker(\n",
       "                [37.732046, -122.405565],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_8e95f4e406bd3a8e2db0c3605d9c29c6 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_2a3bad5e0743d6601ab45ecc58ed93e1 = $(`&lt;div id=&quot;html_2a3bad5e0743d6601ab45ecc58ed93e1&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Pizza Joint&lt;/div&gt;`)[0];\n",
       "                popup_8e95f4e406bd3a8e2db0c3605d9c29c6.setContent(html_2a3bad5e0743d6601ab45ecc58ed93e1);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_1d0fe450ddffef155ec425841ca31906.bindPopup(popup_8e95f4e406bd3a8e2db0c3605d9c29c6)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_f68546ff765a4381269a49cfc0a5f378 = L.marker(\n",
       "                [37.761518, -122.424233],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_23abc598a82da1b2b72563fd117a9740 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_b2b671c8d9531e3f16bb9db6336bb1f0 = $(`&lt;div id=&quot;html_b2b671c8d9531e3f16bb9db6336bb1f0&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Pizzeria Delfina&lt;/div&gt;`)[0];\n",
       "                popup_23abc598a82da1b2b72563fd117a9740.setContent(html_b2b671c8d9531e3f16bb9db6336bb1f0);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_f68546ff765a4381269a49cfc0a5f378.bindPopup(popup_23abc598a82da1b2b72563fd117a9740)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_a6a011ea39ce3eba5ef3ff844b532a34 = L.marker(\n",
       "                [37.788925, -122.434241],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_4e2b2de983e237f0feb07a2ad16fc6c9 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_48d283abf06a6625941c9f43ba5c6a76 = $(`&lt;div id=&quot;html_48d283abf06a6625941c9f43ba5c6a76&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Pizzeria Delfina&lt;/div&gt;`)[0];\n",
       "                popup_4e2b2de983e237f0feb07a2ad16fc6c9.setContent(html_48d283abf06a6625941c9f43ba5c6a76);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_a6a011ea39ce3eba5ef3ff844b532a34.bindPopup(popup_4e2b2de983e237f0feb07a2ad16fc6c9)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_db29b1459b67523484d2e05c6ba3ce04 = L.marker(\n",
       "                [37.791286, -122.403731],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_0b78930277a87214b9e4324cc93273e1 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_4bcb5e0a7cf3e28b6ae0148b105134ed = $(`&lt;div id=&quot;html_4bcb5e0a7cf3e28b6ae0148b105134ed&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Plouf&lt;/div&gt;`)[0];\n",
       "                popup_0b78930277a87214b9e4324cc93273e1.setContent(html_4bcb5e0a7cf3e28b6ae0148b105134ed);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_db29b1459b67523484d2e05c6ba3ce04.bindPopup(popup_0b78930277a87214b9e4324cc93273e1)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_2c1183e702b44d1db60b7a4f3347cabc = L.marker(\n",
       "                [37.797274, -122.448199],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_5e9277f40c1efa5c7df7df79bcd6026a = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_8db0c11b34dd58b848e2cf1fbb6df08c = $(`&lt;div id=&quot;html_8db0c11b34dd58b848e2cf1fbb6df08c&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Presidio Social Club&lt;/div&gt;`)[0];\n",
       "                popup_5e9277f40c1efa5c7df7df79bcd6026a.setContent(html_8db0c11b34dd58b848e2cf1fbb6df08c);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_2c1183e702b44d1db60b7a4f3347cabc.bindPopup(popup_5e9277f40c1efa5c7df7df79bcd6026a)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_0655455f6fdcbd69af5aed897f22fb2b = L.marker(\n",
       "                [37.785294, -122.408638],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_47e1a9c1252963161de6ded56f172615 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_88a997b1793fe9fb47ee06186d90118a = $(`&lt;div id=&quot;html_88a997b1793fe9fb47ee06186d90118a&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Puccini &amp; Pinetti&lt;/div&gt;`)[0];\n",
       "                popup_47e1a9c1252963161de6ded56f172615.setContent(html_88a997b1793fe9fb47ee06186d90118a);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_0655455f6fdcbd69af5aed897f22fb2b.bindPopup(popup_47e1a9c1252963161de6ded56f172615)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_40d7cccee5f87de6c338df631bc65d92 = L.marker(\n",
       "                [37.752896, -122.408943],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_92061af5e31a8b48bf2bf389329aecb0 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_5b0ca746d080067b5bd568106de2df13 = $(`&lt;div id=&quot;html_5b0ca746d080067b5bd568106de2df13&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Punjab Restaurant&lt;/div&gt;`)[0];\n",
       "                popup_92061af5e31a8b48bf2bf389329aecb0.setContent(html_5b0ca746d080067b5bd568106de2df13);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_40d7cccee5f87de6c338df631bc65d92.bindPopup(popup_92061af5e31a8b48bf2bf389329aecb0)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_bd327a2e715d74efbfbbf96b305412a9 = L.marker(\n",
       "                [37.794096, -122.404829],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_dd79f00b5ec3e8b808f53f292053b6f6 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_ee9a3ea0f4c0502274037c68cad43d3a = $(`&lt;div id=&quot;html_ee9a3ea0f4c0502274037c68cad43d3a&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;R &amp; G Lounge&lt;/div&gt;`)[0];\n",
       "                popup_dd79f00b5ec3e8b808f53f292053b6f6.setContent(html_ee9a3ea0f4c0502274037c68cad43d3a);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_bd327a2e715d74efbfbbf96b305412a9.bindPopup(popup_dd79f00b5ec3e8b808f53f292053b6f6)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_991cb59779e7eb984237b0eda9a75034 = L.marker(\n",
       "                [37.764202, -122.464998],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_3ee4a9d6cfd43264756ffe995363eb45 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_f916ef88b08c79b4e07c6dec9ff6c8ca = $(`&lt;div id=&quot;html_f916ef88b08c79b4e07c6dec9ff6c8ca&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Rain Tree Cafe&lt;/div&gt;`)[0];\n",
       "                popup_3ee4a9d6cfd43264756ffe995363eb45.setContent(html_f916ef88b08c79b4e07c6dec9ff6c8ca);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_991cb59779e7eb984237b0eda9a75034.bindPopup(popup_3ee4a9d6cfd43264756ffe995363eb45)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_a57ddada223ab41f77a0836110471651 = L.marker(\n",
       "                [37.755442, -122.419788],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_151d2f7c122095cc047d3e1a956bf905 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_850a8a46abd7d6b0427d03b2b0e16740 = $(`&lt;div id=&quot;html_850a8a46abd7d6b0427d03b2b0e16740&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Revolution Cafe&lt;/div&gt;`)[0];\n",
       "                popup_151d2f7c122095cc047d3e1a956bf905.setContent(html_850a8a46abd7d6b0427d03b2b0e16740);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_a57ddada223ab41f77a0836110471651.bindPopup(popup_151d2f7c122095cc047d3e1a956bf905)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_a6454f0c36dd6c7a15c2c7c4c21cd5d4 = L.marker(\n",
       "                [37.775999, -122.408476],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_3ef07d20f1911630e44858c43f527799 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_c6c0144158f658eeae5584d09fc65a73 = $(`&lt;div id=&quot;html_c6c0144158f658eeae5584d09fc65a73&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Rocco&#x27;s Cafe&lt;/div&gt;`)[0];\n",
       "                popup_3ef07d20f1911630e44858c43f527799.setContent(html_c6c0144158f658eeae5584d09fc65a73);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_a6454f0c36dd6c7a15c2c7c4c21cd5d4.bindPopup(popup_3ef07d20f1911630e44858c43f527799)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_3b274c07e4b1af6144b5d2ec9c152584 = L.marker(\n",
       "                [37.790748, -122.405187],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_9aa2313b7206cc1afea97e4947258c1d = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_5bd6434cf3c9d255714b67b2853fa81d = $(`&lt;div id=&quot;html_5bd6434cf3c9d255714b67b2853fa81d&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Roots&lt;/div&gt;`)[0];\n",
       "                popup_9aa2313b7206cc1afea97e4947258c1d.setContent(html_5bd6434cf3c9d255714b67b2853fa81d);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_3b274c07e4b1af6144b5d2ec9c152584.bindPopup(popup_9aa2313b7206cc1afea97e4947258c1d)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_271e34efcf8b1e10aff1ca62ca9951f6 = L.marker(\n",
       "                [37.797011, -122.437027],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_e8365be2d42c5cbeb9564d85d08ed01d = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_3e4813bf61b92c6e6ab5d4975402f6ab = $(`&lt;div id=&quot;html_3e4813bf61b92c6e6ab5d4975402f6ab&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Rose&#x27;s Cafe&lt;/div&gt;`)[0];\n",
       "                popup_e8365be2d42c5cbeb9564d85d08ed01d.setContent(html_3e4813bf61b92c6e6ab5d4975402f6ab);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_271e34efcf8b1e10aff1ca62ca9951f6.bindPopup(popup_e8365be2d42c5cbeb9564d85d08ed01d)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_cb4363f458f01ca3f52e736df8a6d389 = L.marker(\n",
       "                [37.787891, -122.418058],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_34291cf888c2ef0f2f5bfe768994f979 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_a2c163c83e7d129a29326459e7a1637f = $(`&lt;div id=&quot;html_a2c163c83e7d129a29326459e7a1637f&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Saha&lt;/div&gt;`)[0];\n",
       "                popup_34291cf888c2ef0f2f5bfe768994f979.setContent(html_a2c163c83e7d129a29326459e7a1637f);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_cb4363f458f01ca3f52e736df8a6d389.bindPopup(popup_34291cf888c2ef0f2f5bfe768994f979)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_76d1cac66f77e9578991622a47bc3744 = L.marker(\n",
       "                [37.751454, -122.430029],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_2d35c7c91aef8a665bd2af958d47b3b3 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_6ba3e002612feed846a3afea0e345404 = $(`&lt;div id=&quot;html_6ba3e002612feed846a3afea0e345404&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Savor Restaurant&lt;/div&gt;`)[0];\n",
       "                popup_2d35c7c91aef8a665bd2af958d47b3b3.setContent(html_6ba3e002612feed846a3afea0e345404);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_76d1cac66f77e9578991622a47bc3744.bindPopup(popup_2d35c7c91aef8a665bd2af958d47b3b3)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_4b91ffc4b5613f4726a62610f8e39bdb = L.marker(\n",
       "                [37.808748, -122.417981],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_0bede3c0e32b4e000f5688432cc7a8c5 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_9570a804853cef8e206753fa9ef4d216 = $(`&lt;div id=&quot;html_9570a804853cef8e206753fa9ef4d216&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Scoma&#x27;s Restaurant&lt;/div&gt;`)[0];\n",
       "                popup_0bede3c0e32b4e000f5688432cc7a8c5.setContent(html_9570a804853cef8e206753fa9ef4d216);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_4b91ffc4b5613f4726a62610f8e39bdb.bindPopup(popup_0bede3c0e32b4e000f5688432cc7a8c5)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_7b63230b0153369fd5fc476f55911032 = L.marker(\n",
       "                [37.788773, -122.40863],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_d0e95c6cd30e840b6020878728f4547e = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_b2f0abd7903c15e11149b47deee2c352 = $(`&lt;div id=&quot;html_b2f0abd7903c15e11149b47deee2c352&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Sears Fine Food&lt;/div&gt;`)[0];\n",
       "                popup_d0e95c6cd30e840b6020878728f4547e.setContent(html_b2f0abd7903c15e11149b47deee2c352);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_7b63230b0153369fd5fc476f55911032.bindPopup(popup_d0e95c6cd30e840b6020878728f4547e)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_480d3c025a3bde4f4e5928804c0f7e50 = L.marker(\n",
       "                [37.787369, -122.433663],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_5878188f25aa04dcb0b5c18256f714a9 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_d04c9a496b89f0ca0543be692de64061 = $(`&lt;div id=&quot;html_d04c9a496b89f0ca0543be692de64061&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Spqr&lt;/div&gt;`)[0];\n",
       "                popup_5878188f25aa04dcb0b5c18256f714a9.setContent(html_d04c9a496b89f0ca0543be692de64061);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_480d3c025a3bde4f4e5928804c0f7e50.bindPopup(popup_5878188f25aa04dcb0b5c18256f714a9)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_e27e0c1497b69e36bd8fe43064b8e5f4 = L.marker(\n",
       "                [37.787631, -122.452743],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_aba58e7b3e934d250639a30f70cc5ef7 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_3d24b0f9326de0adc9cedf84bb51c5d1 = $(`&lt;div id=&quot;html_3d24b0f9326de0adc9cedf84bb51c5d1&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Spruce&lt;/div&gt;`)[0];\n",
       "                popup_aba58e7b3e934d250639a30f70cc5ef7.setContent(html_3d24b0f9326de0adc9cedf84bb51c5d1);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_e27e0c1497b69e36bd8fe43064b8e5f4.bindPopup(popup_aba58e7b3e934d250639a30f70cc5ef7)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_91f1ab834438ab1377b8bb9046074dbf = L.marker(\n",
       "                [37.800168, -122.440531],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_4a50c2dd16c0ea5d48f8a3a86f6a6444 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_fe525b1ad3e6ad61759ac4aef2debfb9 = $(`&lt;div id=&quot;html_fe525b1ad3e6ad61759ac4aef2debfb9&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Squat &amp; Gobble Cafe&lt;/div&gt;`)[0];\n",
       "                popup_4a50c2dd16c0ea5d48f8a3a86f6a6444.setContent(html_fe525b1ad3e6ad61759ac4aef2debfb9);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_91f1ab834438ab1377b8bb9046074dbf.bindPopup(popup_4a50c2dd16c0ea5d48f8a3a86f6a6444)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_1db93c48b322786fd13034d34808027a = L.marker(\n",
       "                [37.764279, -122.433357],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_71235d950179d58491de69626fcc5bc9 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_ddfb98ac2e5bbb97a1dfbc727f4a3867 = $(`&lt;div id=&quot;html_ddfb98ac2e5bbb97a1dfbc727f4a3867&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Squat and Gobble Cafe&lt;/div&gt;`)[0];\n",
       "                popup_71235d950179d58491de69626fcc5bc9.setContent(html_ddfb98ac2e5bbb97a1dfbc727f4a3867);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_1db93c48b322786fd13034d34808027a.bindPopup(popup_71235d950179d58491de69626fcc5bc9)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_4780789a0fd244ff3ba2a61ebad12a0f = L.marker(\n",
       "                [37.763202, -122.415206],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_d7b9e40571bca1508f022f36362a3914 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_a632d0a2c0b330c912886ad05bc12b60 = $(`&lt;div id=&quot;html_a632d0a2c0b330c912886ad05bc12b60&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Stable Cafe&lt;/div&gt;`)[0];\n",
       "                popup_d7b9e40571bca1508f022f36362a3914.setContent(html_a632d0a2c0b330c912886ad05bc12b60);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_4780789a0fd244ff3ba2a61ebad12a0f.bindPopup(popup_d7b9e40571bca1508f022f36362a3914)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_1be0146d526bd6e8d9ce14215fd19abe = L.marker(\n",
       "                [37.788817, -122.41151],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_830e514556f2eec61811693268d5d23b = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_14d8af2ee51cde11e93e61c3dd5d7242 = $(`&lt;div id=&quot;html_14d8af2ee51cde11e93e61c3dd5d7242&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Sugar Cafe&lt;/div&gt;`)[0];\n",
       "                popup_830e514556f2eec61811693268d5d23b.setContent(html_14d8af2ee51cde11e93e61c3dd5d7242);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_1be0146d526bd6e8d9ce14215fd19abe.bindPopup(popup_830e514556f2eec61811693268d5d23b)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_5ae60fa877c5fde1328d91e08d6248c4 = L.marker(\n",
       "                [37.776288, -122.426305],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_7789c95b66a2b63de13e9cb02cab1727 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_7bff31fd988a39acee8dc79f23006d46 = $(`&lt;div id=&quot;html_7bff31fd988a39acee8dc79f23006d46&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Suppenküche&lt;/div&gt;`)[0];\n",
       "                popup_7789c95b66a2b63de13e9cb02cab1727.setContent(html_7bff31fd988a39acee8dc79f23006d46);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_5ae60fa877c5fde1328d91e08d6248c4.bindPopup(popup_7789c95b66a2b63de13e9cb02cab1727)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_b991e769c478ddbea4dce4b32df57aa0 = L.marker(\n",
       "                [37.790904, -122.420848],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_20a2a578c6d04a94223a9fdd7193208e = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_92266a5a303d6fe672519b98e444d876 = $(`&lt;div id=&quot;html_92266a5a303d6fe672519b98e444d876&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Swan Oyster Depot&lt;/div&gt;`)[0];\n",
       "                popup_20a2a578c6d04a94223a9fdd7193208e.setContent(html_92266a5a303d6fe672519b98e444d876);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_b991e769c478ddbea4dce4b32df57aa0.bindPopup(popup_20a2a578c6d04a94223a9fdd7193208e)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_3eaae69d2181846470da673e450b14c6 = L.marker(\n",
       "                [37.793381, -122.399367],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_7a5699ba396ede254f66866bac5dacf9 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_ea7492cb9dd26af0913ec4e14c2ce6c1 = $(`&lt;div id=&quot;html_ea7492cb9dd26af0913ec4e14c2ce6c1&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Tadich Grill&lt;/div&gt;`)[0];\n",
       "                popup_7a5699ba396ede254f66866bac5dacf9.setContent(html_ea7492cb9dd26af0913ec4e14c2ce6c1);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_3eaae69d2181846470da673e450b14c6.bindPopup(popup_7a5699ba396ede254f66866bac5dacf9)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_bee06d5334fc4c969548e5e85189d0b5 = L.marker(\n",
       "                [37.789103, -122.406723],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_74a5ff1bb85fb5da2d3ea8887efc5705 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_7b430f49e8ffb13b02c7a2aceddce7a1 = $(`&lt;div id=&quot;html_7b430f49e8ffb13b02c7a2aceddce7a1&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Taj Campton Place&lt;/div&gt;`)[0];\n",
       "                popup_74a5ff1bb85fb5da2d3ea8887efc5705.setContent(html_7b430f49e8ffb13b02c7a2aceddce7a1);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_bee06d5334fc4c969548e5e85189d0b5.bindPopup(popup_74a5ff1bb85fb5da2d3ea8887efc5705)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_5d4bcfa69b0ab626be2cb19962005d5a = L.marker(\n",
       "                [37.752958, -122.408085],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_1c4d01e88d8d913ec6a2e29532281ab8 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_19092fc4be67a45418e93a9361d9b9b3 = $(`&lt;div id=&quot;html_19092fc4be67a45418e93a9361d9b9b3&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Taqueria San Francisco&lt;/div&gt;`)[0];\n",
       "                popup_1c4d01e88d8d913ec6a2e29532281ab8.setContent(html_19092fc4be67a45418e93a9361d9b9b3);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_5d4bcfa69b0ab626be2cb19962005d5a.bindPopup(popup_1c4d01e88d8d913ec6a2e29532281ab8)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_fe00f73f82ec5682749b5c88ea6326d9 = L.marker(\n",
       "                [37.787481, -122.400735],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "        var popup_0d2f7df4d6e6f7094e5ae4f0e6175984 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_1766110aaa3454d2dc700695446aadd5 = $(`&lt;div id=&quot;html_1766110aaa3454d2dc700695446aadd5&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Tart To Tart&lt;/div&gt;`)[0];\n",
       "                popup_0d2f7df4d6e6f7094e5ae4f0e6175984.setContent(html_1766110aaa3454d2dc700695446aadd5);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_fe00f73f82ec5682749b5c88ea6326d9.bindPopup(popup_0d2f7df4d6e6f7094e5ae4f0e6175984)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_8cd38ead16b2a5c5df7b5b5feb38fc15 = L.circle(\n",
       "                [37.779, -122.439],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;green&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;green&quot;, &quot;fillOpacity&quot;: 0.3, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1, &quot;radius&quot;: 2000, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "            var marker_83cca91e070e949826d3a69e90a9f218 = L.marker(\n",
       "                [37.788408, -122.43386],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "            var icon_d40107038a55f83ac565e895c7be9f39 = L.AwesomeMarkers.icon(\n",
       "                {&quot;extraClasses&quot;: &quot;fa-rotate-0&quot;, &quot;icon&quot;: &quot;info-sign&quot;, &quot;iconColor&quot;: &quot;white&quot;, &quot;markerColor&quot;: &quot;red&quot;, &quot;prefix&quot;: &quot;glyphicon&quot;}\n",
       "            );\n",
       "            marker_83cca91e070e949826d3a69e90a9f218.setIcon(icon_d40107038a55f83ac565e895c7be9f39);\n",
       "        \n",
       "    \n",
       "        var popup_cc5a78c19554106ac82829afea87f0f5 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_f7cbf37de34900eb9fb00f6c345a115f = $(`&lt;div id=&quot;html_f7cbf37de34900eb9fb00f6c345a115f&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;La Boulange 4.5 stars&lt;/div&gt;`)[0];\n",
       "                popup_cc5a78c19554106ac82829afea87f0f5.setContent(html_f7cbf37de34900eb9fb00f6c345a115f);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_83cca91e070e949826d3a69e90a9f218.bindPopup(popup_cc5a78c19554106ac82829afea87f0f5)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_3e3b7ece1c935f5577dd4a28076caa17 = L.marker(\n",
       "                [37.764634, -122.432936],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "            var icon_38b5dace15cf8e6afe190a23fe41eb55 = L.AwesomeMarkers.icon(\n",
       "                {&quot;extraClasses&quot;: &quot;fa-rotate-0&quot;, &quot;icon&quot;: &quot;info-sign&quot;, &quot;iconColor&quot;: &quot;white&quot;, &quot;markerColor&quot;: &quot;red&quot;, &quot;prefix&quot;: &quot;glyphicon&quot;}\n",
       "            );\n",
       "            marker_3e3b7ece1c935f5577dd4a28076caa17.setIcon(icon_38b5dace15cf8e6afe190a23fe41eb55);\n",
       "        \n",
       "    \n",
       "        var popup_fc433109fedcc31df850377f1122aaf0 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_6b844072ff06cffb9a642c6bb88b8d3e = $(`&lt;div id=&quot;html_6b844072ff06cffb9a642c6bb88b8d3e&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Cafe Flore 4 stars&lt;/div&gt;`)[0];\n",
       "                popup_fc433109fedcc31df850377f1122aaf0.setContent(html_6b844072ff06cffb9a642c6bb88b8d3e);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_3e3b7ece1c935f5577dd4a28076caa17.bindPopup(popup_fc433109fedcc31df850377f1122aaf0)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_df3af416677c4a2b81f15051805853cd = L.marker(\n",
       "                [37.765881, -122.449727],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "            var icon_1be668a13a426aad673dda33995c8e6d = L.AwesomeMarkers.icon(\n",
       "                {&quot;extraClasses&quot;: &quot;fa-rotate-0&quot;, &quot;icon&quot;: &quot;info-sign&quot;, &quot;iconColor&quot;: &quot;white&quot;, &quot;markerColor&quot;: &quot;red&quot;, &quot;prefix&quot;: &quot;glyphicon&quot;}\n",
       "            );\n",
       "            marker_df3af416677c4a2b81f15051805853cd.setIcon(icon_1be668a13a426aad673dda33995c8e6d);\n",
       "        \n",
       "    \n",
       "        var popup_91a03d97b95e59bb525b78d33cdb699e = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_907fa6eb2a1b3bc8db9c2a5fc0854dd3 = $(`&lt;div id=&quot;html_907fa6eb2a1b3bc8db9c2a5fc0854dd3&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Burgermeister 4 stars&lt;/div&gt;`)[0];\n",
       "                popup_91a03d97b95e59bb525b78d33cdb699e.setContent(html_907fa6eb2a1b3bc8db9c2a5fc0854dd3);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_df3af416677c4a2b81f15051805853cd.bindPopup(popup_91a03d97b95e59bb525b78d33cdb699e)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_48388f2a4ff46d70c6cad8d514b41477 = L.marker(\n",
       "                [37.761957, -122.435213],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "            var icon_1d73b9ac1bc9482f27066e0661eeab5b = L.AwesomeMarkers.icon(\n",
       "                {&quot;extraClasses&quot;: &quot;fa-rotate-0&quot;, &quot;icon&quot;: &quot;info-sign&quot;, &quot;iconColor&quot;: &quot;white&quot;, &quot;markerColor&quot;: &quot;red&quot;, &quot;prefix&quot;: &quot;glyphicon&quot;}\n",
       "            );\n",
       "            marker_48388f2a4ff46d70c6cad8d514b41477.setIcon(icon_1d73b9ac1bc9482f27066e0661eeab5b);\n",
       "        \n",
       "    \n",
       "        var popup_08eb4f5022114c41ef77aaabc8979276 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_792df7955a84c1ecd87e809a791a2222 = $(`&lt;div id=&quot;html_792df7955a84c1ecd87e809a791a2222&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Cove Cafe 4 stars&lt;/div&gt;`)[0];\n",
       "                popup_08eb4f5022114c41ef77aaabc8979276.setContent(html_792df7955a84c1ecd87e809a791a2222);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_48388f2a4ff46d70c6cad8d514b41477.bindPopup(popup_08eb4f5022114c41ef77aaabc8979276)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_4f3147dfc6fbe5da86f76caea9a7b664 = L.marker(\n",
       "                [37.783914, -122.417772],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "            var icon_c70639b79272077bbd1a2fbbc1fd541f = L.AwesomeMarkers.icon(\n",
       "                {&quot;extraClasses&quot;: &quot;fa-rotate-0&quot;, &quot;icon&quot;: &quot;info-sign&quot;, &quot;iconColor&quot;: &quot;white&quot;, &quot;markerColor&quot;: &quot;red&quot;, &quot;prefix&quot;: &quot;glyphicon&quot;}\n",
       "            );\n",
       "            marker_4f3147dfc6fbe5da86f76caea9a7b664.setIcon(icon_c70639b79272077bbd1a2fbbc1fd541f);\n",
       "        \n",
       "    \n",
       "        var popup_a178a6414157052abbdd0132557a8524 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_e16805e069632ae3ef4a0b4768e768d0 = $(`&lt;div id=&quot;html_e16805e069632ae3ef4a0b4768e768d0&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Pho 2000 4 stars&lt;/div&gt;`)[0];\n",
       "                popup_a178a6414157052abbdd0132557a8524.setContent(html_e16805e069632ae3ef4a0b4768e768d0);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_4f3147dfc6fbe5da86f76caea9a7b664.bindPopup(popup_a178a6414157052abbdd0132557a8524)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_7f23868c7e0f5ba520615c19d1e216f6 = L.marker(\n",
       "                [37.788925, -122.434241],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "            var icon_abb7a46b7ef9aa1bd4f2641c04de34c4 = L.AwesomeMarkers.icon(\n",
       "                {&quot;extraClasses&quot;: &quot;fa-rotate-0&quot;, &quot;icon&quot;: &quot;info-sign&quot;, &quot;iconColor&quot;: &quot;white&quot;, &quot;markerColor&quot;: &quot;red&quot;, &quot;prefix&quot;: &quot;glyphicon&quot;}\n",
       "            );\n",
       "            marker_7f23868c7e0f5ba520615c19d1e216f6.setIcon(icon_abb7a46b7ef9aa1bd4f2641c04de34c4);\n",
       "        \n",
       "    \n",
       "        var popup_8564da4bb5c71aaf8fce5cd472fd2446 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_e4bf2d49ecf58d0348a4164c9adbf8d9 = $(`&lt;div id=&quot;html_e4bf2d49ecf58d0348a4164c9adbf8d9&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Pizzeria Delfina 4.5 stars&lt;/div&gt;`)[0];\n",
       "                popup_8564da4bb5c71aaf8fce5cd472fd2446.setContent(html_e4bf2d49ecf58d0348a4164c9adbf8d9);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_7f23868c7e0f5ba520615c19d1e216f6.bindPopup(popup_8564da4bb5c71aaf8fce5cd472fd2446)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_d8167f11899b3154e356cf6c540dc397 = L.marker(\n",
       "                [37.782187, -122.448613],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "            var icon_4cac2b2ab2785cf64eb232a51c1cc618 = L.AwesomeMarkers.icon(\n",
       "                {&quot;extraClasses&quot;: &quot;fa-rotate-0&quot;, &quot;icon&quot;: &quot;info-sign&quot;, &quot;iconColor&quot;: &quot;white&quot;, &quot;markerColor&quot;: &quot;red&quot;, &quot;prefix&quot;: &quot;glyphicon&quot;}\n",
       "            );\n",
       "            marker_d8167f11899b3154e356cf6c540dc397.setIcon(icon_4cac2b2ab2785cf64eb232a51c1cc618);\n",
       "        \n",
       "    \n",
       "        var popup_c9b657c89a8dd41caea36426611b99f1 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_e4e673fd3371f012ef5fc8636d2feb2f = $(`&lt;div id=&quot;html_e4e673fd3371f012ef5fc8636d2feb2f&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Nanis Coffee 5 stars&lt;/div&gt;`)[0];\n",
       "                popup_c9b657c89a8dd41caea36426611b99f1.setContent(html_e4e673fd3371f012ef5fc8636d2feb2f);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_d8167f11899b3154e356cf6c540dc397.bindPopup(popup_c9b657c89a8dd41caea36426611b99f1)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_5cd175eacd31d23f267f53ec3e55c525 = L.marker(\n",
       "                [37.768755, -122.42914],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "            var icon_25c92b57187f54fd31fcec3012b3c2b1 = L.AwesomeMarkers.icon(\n",
       "                {&quot;extraClasses&quot;: &quot;fa-rotate-0&quot;, &quot;icon&quot;: &quot;info-sign&quot;, &quot;iconColor&quot;: &quot;white&quot;, &quot;markerColor&quot;: &quot;red&quot;, &quot;prefix&quot;: &quot;glyphicon&quot;}\n",
       "            );\n",
       "            marker_5cd175eacd31d23f267f53ec3e55c525.setIcon(icon_25c92b57187f54fd31fcec3012b3c2b1);\n",
       "        \n",
       "    \n",
       "        var popup_0782f876014d387d2cd3f19db55d0f4d = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_fe35ad504e5bf8209111162206b6c300 = $(`&lt;div id=&quot;html_fe35ad504e5bf8209111162206b6c300&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Burgermeister 4 stars&lt;/div&gt;`)[0];\n",
       "                popup_0782f876014d387d2cd3f19db55d0f4d.setContent(html_fe35ad504e5bf8209111162206b6c300);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_5cd175eacd31d23f267f53ec3e55c525.bindPopup(popup_0782f876014d387d2cd3f19db55d0f4d)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_c17ae1249b27be704473bbe93d83afca = L.marker(\n",
       "                [37.777531, -122.424033],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "            var icon_0d89d3942291705073625fb688a8d626 = L.AwesomeMarkers.icon(\n",
       "                {&quot;extraClasses&quot;: &quot;fa-rotate-0&quot;, &quot;icon&quot;: &quot;info-sign&quot;, &quot;iconColor&quot;: &quot;white&quot;, &quot;markerColor&quot;: &quot;red&quot;, &quot;prefix&quot;: &quot;glyphicon&quot;}\n",
       "            );\n",
       "            marker_c17ae1249b27be704473bbe93d83afca.setIcon(icon_0d89d3942291705073625fb688a8d626);\n",
       "        \n",
       "    \n",
       "        var popup_c19a9759bda91a889498407c08618871 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_fdab8e08d433d3e1ccb488c2755c156a = $(`&lt;div id=&quot;html_fdab8e08d433d3e1ccb488c2755c156a&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Double Decker 3.5 stars&lt;/div&gt;`)[0];\n",
       "                popup_c19a9759bda91a889498407c08618871.setContent(html_fdab8e08d433d3e1ccb488c2755c156a);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_c17ae1249b27be704473bbe93d83afca.bindPopup(popup_c19a9759bda91a889498407c08618871)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_acaa51be2dac979e0e46afceac159ca3 = L.marker(\n",
       "                [37.771303, -122.430158],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "            var icon_8de80b85e7f125ad31bc11da3a29aa13 = L.AwesomeMarkers.icon(\n",
       "                {&quot;extraClasses&quot;: &quot;fa-rotate-0&quot;, &quot;icon&quot;: &quot;info-sign&quot;, &quot;iconColor&quot;: &quot;white&quot;, &quot;markerColor&quot;: &quot;red&quot;, &quot;prefix&quot;: &quot;glyphicon&quot;}\n",
       "            );\n",
       "            marker_acaa51be2dac979e0e46afceac159ca3.setIcon(icon_8de80b85e7f125ad31bc11da3a29aa13);\n",
       "        \n",
       "    \n",
       "        var popup_4c00001419cc5a89c210b4f10981b5f2 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_4caa04431e5ebef97cffd3a81f2050b5 = $(`&lt;div id=&quot;html_4caa04431e5ebef97cffd3a81f2050b5&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Cafe Du Soleil 4 stars&lt;/div&gt;`)[0];\n",
       "                popup_4c00001419cc5a89c210b4f10981b5f2.setContent(html_4caa04431e5ebef97cffd3a81f2050b5);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_acaa51be2dac979e0e46afceac159ca3.bindPopup(popup_4c00001419cc5a89c210b4f10981b5f2)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_6dc3a4dd605a0a9c3318851438763613 = L.marker(\n",
       "                [37.770036, -122.44629],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "            var icon_f92d64fdeaa949ccc60f6093cce064ba = L.AwesomeMarkers.icon(\n",
       "                {&quot;extraClasses&quot;: &quot;fa-rotate-0&quot;, &quot;icon&quot;: &quot;info-sign&quot;, &quot;iconColor&quot;: &quot;white&quot;, &quot;markerColor&quot;: &quot;red&quot;, &quot;prefix&quot;: &quot;glyphicon&quot;}\n",
       "            );\n",
       "            marker_6dc3a4dd605a0a9c3318851438763613.setIcon(icon_f92d64fdeaa949ccc60f6093cce064ba);\n",
       "        \n",
       "    \n",
       "        var popup_61f1df319d30d3b3e3f4e1c6e8d54820 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_1619d5d4b0f3cfa219434039ff2ff5d1 = $(`&lt;div id=&quot;html_1619d5d4b0f3cfa219434039ff2ff5d1&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Panini 3.5 stars&lt;/div&gt;`)[0];\n",
       "                popup_61f1df319d30d3b3e3f4e1c6e8d54820.setContent(html_1619d5d4b0f3cfa219434039ff2ff5d1);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_6dc3a4dd605a0a9c3318851438763613.bindPopup(popup_61f1df319d30d3b3e3f4e1c6e8d54820)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_4b41a9fd3a86e08c61e45e6ad8822454 = L.marker(\n",
       "                [37.772058, -122.431702],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "            var icon_9011f76b26dc1c1f2ad2f1d4e1d7c219 = L.AwesomeMarkers.icon(\n",
       "                {&quot;extraClasses&quot;: &quot;fa-rotate-0&quot;, &quot;icon&quot;: &quot;info-sign&quot;, &quot;iconColor&quot;: &quot;white&quot;, &quot;markerColor&quot;: &quot;red&quot;, &quot;prefix&quot;: &quot;glyphicon&quot;}\n",
       "            );\n",
       "            marker_4b41a9fd3a86e08c61e45e6ad8822454.setIcon(icon_9011f76b26dc1c1f2ad2f1d4e1d7c219);\n",
       "        \n",
       "    \n",
       "        var popup_85b89073ee7ab0eae252ccbdb9110f7d = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_431ba841d09f70bd21c2a56480950c86 = $(`&lt;div id=&quot;html_431ba841d09f70bd21c2a56480950c86&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Memphis Minnies BBQ Joint 3.5 stars&lt;/div&gt;`)[0];\n",
       "                popup_85b89073ee7ab0eae252ccbdb9110f7d.setContent(html_431ba841d09f70bd21c2a56480950c86);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_4b41a9fd3a86e08c61e45e6ad8822454.bindPopup(popup_85b89073ee7ab0eae252ccbdb9110f7d)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_cb162f901738f17642100a25d485c432 = L.marker(\n",
       "                [37.764279, -122.433357],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "            var icon_f2920c6e63aceb49c49a6a833625f628 = L.AwesomeMarkers.icon(\n",
       "                {&quot;extraClasses&quot;: &quot;fa-rotate-0&quot;, &quot;icon&quot;: &quot;info-sign&quot;, &quot;iconColor&quot;: &quot;white&quot;, &quot;markerColor&quot;: &quot;red&quot;, &quot;prefix&quot;: &quot;glyphicon&quot;}\n",
       "            );\n",
       "            marker_cb162f901738f17642100a25d485c432.setIcon(icon_f2920c6e63aceb49c49a6a833625f628);\n",
       "        \n",
       "    \n",
       "        var popup_4d8969e8949f271bd5b89359fbccb486 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_ccb223603cc1f40156a924328fbe354b = $(`&lt;div id=&quot;html_ccb223603cc1f40156a924328fbe354b&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Squat and Gobble Cafe 3.5 stars&lt;/div&gt;`)[0];\n",
       "                popup_4d8969e8949f271bd5b89359fbccb486.setContent(html_ccb223603cc1f40156a924328fbe354b);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_cb162f901738f17642100a25d485c432.bindPopup(popup_4d8969e8949f271bd5b89359fbccb486)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_bdb7435509bbb311cec7f1bc8465c533 = L.marker(\n",
       "                [37.782872, -122.419023],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "            var icon_3f4a9c454137fe927b0ac07aca56d0f6 = L.AwesomeMarkers.icon(\n",
       "                {&quot;extraClasses&quot;: &quot;fa-rotate-0&quot;, &quot;icon&quot;: &quot;info-sign&quot;, &quot;iconColor&quot;: &quot;white&quot;, &quot;markerColor&quot;: &quot;red&quot;, &quot;prefix&quot;: &quot;glyphicon&quot;}\n",
       "            );\n",
       "            marker_bdb7435509bbb311cec7f1bc8465c533.setIcon(icon_3f4a9c454137fe927b0ac07aca56d0f6);\n",
       "        \n",
       "    \n",
       "        var popup_4af616a34ad45e304b974a6a628f3d62 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_fbd9e95e593e378bf04604cc4a9fae6e = $(`&lt;div id=&quot;html_fbd9e95e593e378bf04604cc4a9fae6e&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Brenda&#x27;s French Soul Food 4.5 stars&lt;/div&gt;`)[0];\n",
       "                popup_4af616a34ad45e304b974a6a628f3d62.setContent(html_fbd9e95e593e378bf04604cc4a9fae6e);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_bdb7435509bbb311cec7f1bc8465c533.bindPopup(popup_4af616a34ad45e304b974a6a628f3d62)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var marker_3719b487117e60576a7ddda40a803d22 = L.marker(\n",
       "                [37.770276, -122.445238],\n",
       "                {}\n",
       "            ).addTo(map_9cdc89c58cb07ccb06d4c5a7a630999a);\n",
       "        \n",
       "    \n",
       "            var icon_7bdf0390caf91587169002841a157ca4 = L.AwesomeMarkers.icon(\n",
       "                {&quot;extraClasses&quot;: &quot;fa-rotate-0&quot;, &quot;icon&quot;: &quot;info-sign&quot;, &quot;iconColor&quot;: &quot;white&quot;, &quot;markerColor&quot;: &quot;red&quot;, &quot;prefix&quot;: &quot;glyphicon&quot;}\n",
       "            );\n",
       "            marker_3719b487117e60576a7ddda40a803d22.setIcon(icon_7bdf0390caf91587169002841a157ca4);\n",
       "        \n",
       "    \n",
       "        var popup_2615eacf3fd05818c5df896f69c601fe = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_970421ad74265da49b18a306ec1f4ae9 = $(`&lt;div id=&quot;html_970421ad74265da49b18a306ec1f4ae9&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;Magnolia Pub and Brewery 4 stars&lt;/div&gt;`)[0];\n",
       "                popup_2615eacf3fd05818c5df896f69c601fe.setContent(html_970421ad74265da49b18a306ec1f4ae9);\n",
       "            \n",
       "        \n",
       "\n",
       "        marker_3719b487117e60576a7ddda40a803d22.bindPopup(popup_2615eacf3fd05818c5df896f69c601fe)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "&lt;/script&gt;\n",
       "&lt;/html&gt;\" width=\"700\" height=\"600\"style=\"border:none !important;\" \"allowfullscreen\" \"webkitallowfullscreen\" \"mozallowfullscreen\"></iframe>"
      ],
      "text/plain": [
       "<folium.folium.Map at 0x32d71cd90>"
      ]
     },
     "metadata": {},
     "output_type": "display_data"
    }
   ],
   "source": [
    "import folium\n",
    "from IPython.display import display\n",
    "\n",
    "# create a map centered around San Francisco\n",
    "figure = folium.Figure(width=700, height=600)\n",
    "sf_map = folium.Map(location=[37.7749, -122.4194],\n",
    "               zoom_start=13,\n",
    "               max_bounds=True,\n",
    "                min_lat= 37.709 - 0.1,\n",
    "                max_lat= 37.8101 + 0.1,\n",
    "                min_lon= -122.3785 - 0.3,\n",
    "                max_lon= -122.5137 + 0.3,\n",
    "    )\n",
    "\n",
    "sf_map.add_to(figure)\n",
    "\n",
    "# add markers for each restaurant in blue\n",
    "for idx, row in df.iterrows():\n",
    "    lat, lon = map(float, row['location'].split(','))\n",
    "    folium.Marker([lon, lat], popup=row['name']).add_to(sf_map)\n",
    "\n",
    "\n",
    "# get personalized recommendations\n",
    "user = users_df['user_id'].tolist()[42]\n",
    "user_vector = client.json().get(f\"user:{user}\")[\"user_embedding\"]\n",
    "\n",
    "# get a location for this user. Your app may call an API, here we'll set one randomly to within San Francisco\n",
    "# lower corner: (-122.5137, 37.7099) in (longitude, latitude) format\n",
    "# upper corner: (-122.3785, 37.8101)\n",
    "\n",
    "longitude, latitude = -122.439, 37.779\n",
    "num_results = 25\n",
    "radius = 2000\n",
    "\n",
    "# draw a circle centered on our user\n",
    "folium.Circle(\n",
    "    location=[latitude, longitude],\n",
    "    radius=radius,\n",
    "    color=\"green\",\n",
    "    weight=3,\n",
    "    fill=True,\n",
    "    fill_opacity=0.3,\n",
    "    opacity=1,\n",
    ").add_to(sf_map)\n",
    "\n",
    "\n",
    "full_filter = get_filter(user_long=longitude,\n",
    "                         user_lat=latitude,\n",
    "                         radius=radius,\n",
    "                         current_date_time=datetime.datetime.today()\n",
    "                         )\n",
    "\n",
    "query = VectorQuery(vector=user_vector,\n",
    "                    vector_field_name='embedding',\n",
    "                    num_results=num_results,\n",
    "                    return_score=False,\n",
    "                    return_fields=['name', 'address', 'location', 'rating'],\n",
    "                    filter_expression=full_filter,\n",
    "                    )\n",
    "\n",
    "results = restaurant_index.query(query)\n",
    "\n",
    "# now show our recommended places in red\n",
    "for restaurant in results:\n",
    "    lat, lon = map(float, restaurant['location'].split(','))\n",
    "    folium.Marker([lon, lat], popup=restaurant['name'] + ' ' + restaurant['rating'] + ' stars', icon=folium.Icon(color='red')).add_to(sf_map)\n",
    "\n",
    "display(sf_map)\n"
   ]
  },
  {
   "cell_type": "markdown",
   "metadata": {},
   "source": [
    "## Conclusion\n",
    "That's it! You've built a deep learning restaurant recommendation system with Redis. It's personalized, location aware, adaptable, and fast."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 20,
   "metadata": {},
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "Deleted 147 keys\n"
     ]
    },
    {
     "data": {
      "text/plain": [
       "1000"
      ]
     },
     "execution_count": 20,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "# clean up your index\n",
    "while remaining := restaurant_index.clear():\n",
    "    print(f\"Deleted {remaining} keys\")\n",
    "\n",
    "client.delete(*[f\"user:{user_id}\" for user_id in users_df['user_id'].tolist()])"
   ]
  }
 ],
 "metadata": {
  "kernelspec": {
   "display_name": "redis-ai-res",
   "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.11.9"
  }
 },
 "nbformat": 4,
 "nbformat_minor": 2
}