Map.ipynb

{
 "cells": [
  {
   "cell_type": "markdown",
   "id": "170dc0ae",
   "metadata": {},
   "source": [
    "## Libraries"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 1,
   "id": "2e816f7c",
   "metadata": {},
   "outputs": [
    {
     "name": "stderr",
     "output_type": "stream",
     "text": [
      "/usr/lib/python3/dist-packages/scipy/__init__.py:146: UserWarning: A NumPy version >=1.17.3 and <1.25.0 is required for this version of SciPy (detected version 1.26.4\n",
      "  warnings.warn(f\"A NumPy version >={np_minversion} and <{np_maxversion}\"\n"
     ]
    }
   ],
   "source": [
    "import numpy as np\n",
    "import pandas as pd\n",
    "import seaborn as sb\n",
    "import matplotlib.pyplot as plt\n",
    "from datetime import datetime\n",
    "import folium\n",
    "sb.set()"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "6c45b39f",
   "metadata": {},
   "source": [
    "## Dataset"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 2,
   "id": "d632df50",
   "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>month</th>\n",
       "      <th>town</th>\n",
       "      <th>flat_type</th>\n",
       "      <th>block</th>\n",
       "      <th>street_name</th>\n",
       "      <th>storey_range</th>\n",
       "      <th>floor_area_sqm</th>\n",
       "      <th>flat_model</th>\n",
       "      <th>lease_commence_date</th>\n",
       "      <th>resale_price</th>\n",
       "      <th>resale_year</th>\n",
       "    </tr>\n",
       "  </thead>\n",
       "  <tbody>\n",
       "    <tr>\n",
       "      <th>0</th>\n",
       "      <td>1990-01</td>\n",
       "      <td>ANG MO KIO</td>\n",
       "      <td>1 ROOM</td>\n",
       "      <td>309</td>\n",
       "      <td>ANG MO KIO AVE 1</td>\n",
       "      <td>10 TO 12</td>\n",
       "      <td>31.0</td>\n",
       "      <td>IMPROVED</td>\n",
       "      <td>1977</td>\n",
       "      <td>9000.0</td>\n",
       "      <td>1990</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>1</th>\n",
       "      <td>1990-01</td>\n",
       "      <td>ANG MO KIO</td>\n",
       "      <td>1 ROOM</td>\n",
       "      <td>309</td>\n",
       "      <td>ANG MO KIO AVE 1</td>\n",
       "      <td>04 TO 06</td>\n",
       "      <td>31.0</td>\n",
       "      <td>IMPROVED</td>\n",
       "      <td>1977</td>\n",
       "      <td>6000.0</td>\n",
       "      <td>1990</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>2</th>\n",
       "      <td>1990-01</td>\n",
       "      <td>ANG MO KIO</td>\n",
       "      <td>1 ROOM</td>\n",
       "      <td>309</td>\n",
       "      <td>ANG MO KIO AVE 1</td>\n",
       "      <td>10 TO 12</td>\n",
       "      <td>31.0</td>\n",
       "      <td>IMPROVED</td>\n",
       "      <td>1977</td>\n",
       "      <td>8000.0</td>\n",
       "      <td>1990</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>3</th>\n",
       "      <td>1990-01</td>\n",
       "      <td>ANG MO KIO</td>\n",
       "      <td>1 ROOM</td>\n",
       "      <td>309</td>\n",
       "      <td>ANG MO KIO AVE 1</td>\n",
       "      <td>07 TO 09</td>\n",
       "      <td>31.0</td>\n",
       "      <td>IMPROVED</td>\n",
       "      <td>1977</td>\n",
       "      <td>6000.0</td>\n",
       "      <td>1990</td>\n",
       "    </tr>\n",
       "    <tr>\n",
       "      <th>4</th>\n",
       "      <td>1990-01</td>\n",
       "      <td>ANG MO KIO</td>\n",
       "      <td>3 ROOM</td>\n",
       "      <td>216</td>\n",
       "      <td>ANG MO KIO AVE 1</td>\n",
       "      <td>04 TO 06</td>\n",
       "      <td>73.0</td>\n",
       "      <td>NEW GENERATION</td>\n",
       "      <td>1976</td>\n",
       "      <td>47200.0</td>\n",
       "      <td>1990</td>\n",
       "    </tr>\n",
       "  </tbody>\n",
       "</table>\n",
       "</div>"
      ],
      "text/plain": [
       "     month        town flat_type block       street_name storey_range  \\\n",
       "0  1990-01  ANG MO KIO    1 ROOM   309  ANG MO KIO AVE 1     10 TO 12   \n",
       "1  1990-01  ANG MO KIO    1 ROOM   309  ANG MO KIO AVE 1     04 TO 06   \n",
       "2  1990-01  ANG MO KIO    1 ROOM   309  ANG MO KIO AVE 1     10 TO 12   \n",
       "3  1990-01  ANG MO KIO    1 ROOM   309  ANG MO KIO AVE 1     07 TO 09   \n",
       "4  1990-01  ANG MO KIO    3 ROOM   216  ANG MO KIO AVE 1     04 TO 06   \n",
       "\n",
       "   floor_area_sqm      flat_model  lease_commence_date  resale_price  \\\n",
       "0            31.0        IMPROVED                 1977        9000.0   \n",
       "1            31.0        IMPROVED                 1977        6000.0   \n",
       "2            31.0        IMPROVED                 1977        8000.0   \n",
       "3            31.0        IMPROVED                 1977        6000.0   \n",
       "4            73.0  NEW GENERATION                 1976       47200.0   \n",
       "\n",
       "   resale_year  \n",
       "0         1990  \n",
       "1         1990  \n",
       "2         1990  \n",
       "3         1990  \n",
       "4         1990  "
      ]
     },
     "execution_count": 2,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "data = pd.read_csv(\"cleaned-Housing.csv\")\n",
    "data.head()"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 3,
   "id": "20c8bfb5",
   "metadata": {},
   "outputs": [],
   "source": [
    "# Coordinate of each town\n",
    "# Source: database.earth, latlong.info, latitude.to, www.gardencitysingapore.com\n",
    "townCoords = {\n",
    "    \"ANG MO KIO\": [1.3698, 103.8461],\n",
    "    \"BEDOK\": [1.3236, 103.9273],\n",
    "    \"BISHAN\": [1.3499986, 103.8499966],\n",
    "    \"BUKIT BATOK\": [1.3496, 103.7528],\n",
    "    \"BUKIT MERAH\": [1.2858300, 103.8194400],\n",
    "    \"BUKIT PANJANG\": [1.3786, 103.7626],\n",
    "    \"BUKIT TIMAH\": [1.3294, 103.8021],\n",
    "    \"CENTRAL AREA\": [1.2895, 103.8143],\n",
    "    \"CHOA CHU KANG\": [1.3833318, 103.749997],\n",
    "    \"CLEMENTI\": [1.30918042994, 103.75914363],\n",
    "    \"GEYLANG\": [1.3182, 103.8871],\n",
    "    \"HOUGANG\": [1.3736, 103.8867],\n",
    "    \"JURONG EAST\": [1.32399537068, 103.737298717],\n",
    "    \"JURONG WEST\": [1.3396, 103.7073],\n",
    "    \"KALLANG/WHAMPOA\": [1.3106, 103.866],\n",
    "    \"MARINE PARADE\": [1.3030, 103.9072],\n",
    "    \"PASIR RIS\": [1.3739, 103.9493],\n",
    "    \"PUNGGOL\": [1.4051, 103.9023],\n",
    "    \"QUEENSTOWN\": [1.2994400, 103.8058300],\n",
    "    \"SEMBAWANG\": [1.4491, 103.8201],\n",
    "    \"SENGKANG\": [1.3901, 103.8952],\n",
    "    \"SERANGOON\": [1.3496, 103.8737],\n",
    "    \"TAMPINES\": [1.3547, 103.9437],\n",
    "    \"TOA PAYOH\": [1.3354, 103.8497],\n",
    "    \"WOODLANDS\": [1.43801, 103.78877],\n",
    "    \"YISHUN\": [1.4293, 103.8355]\n",
    "}\n"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "d56f98f3",
   "metadata": {},
   "source": [
    "## Map renderer"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 4,
   "id": "2200b3bd",
   "metadata": {},
   "outputs": [],
   "source": [
    "# Render map, can pass in filtered/specific data\n",
    "# Radius based on count of each town\n",
    "# To modify circle size, tweak `radiusScaler` parameter\n",
    "def renderMap(data, radiusScaler=100, color=\"#0000AA\"):\n",
    "    global sgmap\n",
    "    sgmap = folium.Map(location=[1.3666,103.800], zoom_start=12,tiles=\"OpenStreetMap\",double_click_zoom=False)\n",
    "    for townName in townCoords:\n",
    "#         print(townName)\n",
    "        count = 0\n",
    "        for s in data[\"town\"]:\n",
    "            count += townName==s\n",
    "        radius = count / radiusScaler + 0.000001\n",
    "#         radius = data[\"town\"].count(s)/10\n",
    "        popup = townName + \"\\n\" + str(count)\n",
    "        folium.CircleMarker(location=townCoords[townName], radius=radius, color=color, fill=True, popup=popup).add_to(sgmap)"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 5,
   "id": "2c163259",
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<div style=\"width:100%;\"><div style=\"position:relative;width:100%;height:0;padding-bottom:60%;\"><span style=\"color:#565656\">Make this Notebook Trusted to load map: File -> Trust Notebook</span><iframe srcdoc=\"&lt;!DOCTYPE html&gt;\n",
       "&lt;html&gt;\n",
       "&lt;head&gt;\n",
       "    \n",
       "    &lt;meta http-equiv=&quot;content-type&quot; content=&quot;text/html; charset=UTF-8&quot; /&gt;\n",
       "    \n",
       "        &lt;script&gt;\n",
       "            L_NO_TOUCH = false;\n",
       "            L_DISABLE_3D = false;\n",
       "        &lt;/script&gt;\n",
       "    \n",
       "    &lt;style&gt;html, body {width: 100%;height: 100%;margin: 0;padding: 0;}&lt;/style&gt;\n",
       "    &lt;style&gt;#map {position:absolute;top:0;bottom:0;right:0;left:0;}&lt;/style&gt;\n",
       "    &lt;script src=&quot;https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.js&quot;&gt;&lt;/script&gt;\n",
       "    &lt;script src=&quot;https://code.jquery.com/jquery-3.7.1.min.js&quot;&gt;&lt;/script&gt;\n",
       "    &lt;script src=&quot;https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js&quot;&gt;&lt;/script&gt;\n",
       "    &lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.js&quot;&gt;&lt;/script&gt;\n",
       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.css&quot;/&gt;\n",
       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css&quot;/&gt;\n",
       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css&quot;/&gt;\n",
       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.min.css&quot;/&gt;\n",
       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css&quot;/&gt;\n",
       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css&quot;/&gt;\n",
       "    \n",
       "            &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width,\n",
       "                initial-scale=1.0, maximum-scale=1.0, user-scalable=no&quot; /&gt;\n",
       "            &lt;style&gt;\n",
       "                #map_7e933095d2b6be6903db5f4b7912a920 {\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_7e933095d2b6be6903db5f4b7912a920&quot; &gt;&lt;/div&gt;\n",
       "        \n",
       "&lt;/body&gt;\n",
       "&lt;script&gt;\n",
       "    \n",
       "    \n",
       "            var map_7e933095d2b6be6903db5f4b7912a920 = L.map(\n",
       "                &quot;map_7e933095d2b6be6903db5f4b7912a920&quot;,\n",
       "                {\n",
       "                    center: [1.3666, 103.8],\n",
       "                    crs: L.CRS.EPSG3857,\n",
       "                    zoom: 12,\n",
       "                    zoomControl: true,\n",
       "                    preferCanvas: false,\n",
       "                }\n",
       "            );\n",
       "\n",
       "            \n",
       "\n",
       "        \n",
       "    \n",
       "            var tile_layer_22f1778a3c3b38cee7ec6ae59cf212ad = 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_22f1778a3c3b38cee7ec6ae59cf212ad.addTo(map_7e933095d2b6be6903db5f4b7912a920);\n",
       "        \n",
       "    \n",
       "            var circle_marker_3127d38764c1f6af1dc78167617963fa = L.circleMarker(\n",
       "                [1.3698, 103.8461],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#0000AA&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#0000AA&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 10, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_7e933095d2b6be6903db5f4b7912a920);\n",
       "        \n",
       "    \n",
       "        var popup_4f5a68b07a603da8ea6787249086adbd = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_56474cbd8ea31f2e48f9b44886c429ad = $(`&lt;div id=&quot;html_56474cbd8ea31f2e48f9b44886c429ad&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;ANG MO KIO&lt;/div&gt;`)[0];\n",
       "                popup_4f5a68b07a603da8ea6787249086adbd.setContent(html_56474cbd8ea31f2e48f9b44886c429ad);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_3127d38764c1f6af1dc78167617963fa.bindPopup(popup_4f5a68b07a603da8ea6787249086adbd)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_c74a451486665aab06ee1f4a6ad52573 = L.circleMarker(\n",
       "                [1.3236, 103.9273],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#0000AA&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#0000AA&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 10, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_7e933095d2b6be6903db5f4b7912a920);\n",
       "        \n",
       "    \n",
       "        var popup_c0bba04f7e01f192542ffaadac4f10ce = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_d69d2214e803582bf073ac6f3edfc7ef = $(`&lt;div id=&quot;html_d69d2214e803582bf073ac6f3edfc7ef&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;BEDOK&lt;/div&gt;`)[0];\n",
       "                popup_c0bba04f7e01f192542ffaadac4f10ce.setContent(html_d69d2214e803582bf073ac6f3edfc7ef);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_c74a451486665aab06ee1f4a6ad52573.bindPopup(popup_c0bba04f7e01f192542ffaadac4f10ce)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_0227499ac2265f84d83bc3307a723889 = L.circleMarker(\n",
       "                [1.3499986, 103.8499966],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#0000AA&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#0000AA&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 10, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_7e933095d2b6be6903db5f4b7912a920);\n",
       "        \n",
       "    \n",
       "        var popup_fb9aff0eb798ddc8b5236ce70311ab33 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_0dc03e6542ba01fb60a3dc3cfe5b2c7b = $(`&lt;div id=&quot;html_0dc03e6542ba01fb60a3dc3cfe5b2c7b&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;BISHAN&lt;/div&gt;`)[0];\n",
       "                popup_fb9aff0eb798ddc8b5236ce70311ab33.setContent(html_0dc03e6542ba01fb60a3dc3cfe5b2c7b);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_0227499ac2265f84d83bc3307a723889.bindPopup(popup_fb9aff0eb798ddc8b5236ce70311ab33)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_bac66c4e41a384c3ae5692b22b6b7e4c = L.circleMarker(\n",
       "                [1.3496, 103.7528],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#0000AA&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#0000AA&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 10, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_7e933095d2b6be6903db5f4b7912a920);\n",
       "        \n",
       "    \n",
       "        var popup_78f34185cde793a837e8afefb99515d1 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_e427fa250f795c0cb7c55635ebd4680f = $(`&lt;div id=&quot;html_e427fa250f795c0cb7c55635ebd4680f&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;BUKIT BATOK&lt;/div&gt;`)[0];\n",
       "                popup_78f34185cde793a837e8afefb99515d1.setContent(html_e427fa250f795c0cb7c55635ebd4680f);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_bac66c4e41a384c3ae5692b22b6b7e4c.bindPopup(popup_78f34185cde793a837e8afefb99515d1)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_ff8fe38e5d9a2b5c8262f2677e2c02b8 = L.circleMarker(\n",
       "                [1.28583, 103.81944],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#0000AA&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#0000AA&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 10, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_7e933095d2b6be6903db5f4b7912a920);\n",
       "        \n",
       "    \n",
       "        var popup_c8ebfe772fa70d4cc4dad78d77a4e3b8 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_7fb330921cc007c0b7dcac01a5a0b949 = $(`&lt;div id=&quot;html_7fb330921cc007c0b7dcac01a5a0b949&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;BUKIT MERAH&lt;/div&gt;`)[0];\n",
       "                popup_c8ebfe772fa70d4cc4dad78d77a4e3b8.setContent(html_7fb330921cc007c0b7dcac01a5a0b949);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_ff8fe38e5d9a2b5c8262f2677e2c02b8.bindPopup(popup_c8ebfe772fa70d4cc4dad78d77a4e3b8)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_0c1f2fcfaecf34397f4c6ce3b440fd9e = L.circleMarker(\n",
       "                [1.3786, 103.7626],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#0000AA&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#0000AA&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 10, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_7e933095d2b6be6903db5f4b7912a920);\n",
       "        \n",
       "    \n",
       "        var popup_4ba265ae7a714a49489f35976523a764 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_be25593791e787573f96811e8c0b7033 = $(`&lt;div id=&quot;html_be25593791e787573f96811e8c0b7033&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;BUKIT PANJANG&lt;/div&gt;`)[0];\n",
       "                popup_4ba265ae7a714a49489f35976523a764.setContent(html_be25593791e787573f96811e8c0b7033);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_0c1f2fcfaecf34397f4c6ce3b440fd9e.bindPopup(popup_4ba265ae7a714a49489f35976523a764)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_b4d4145e30c15cbba934fbc0a1040130 = L.circleMarker(\n",
       "                [1.3294, 103.8021],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#0000AA&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#0000AA&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 10, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_7e933095d2b6be6903db5f4b7912a920);\n",
       "        \n",
       "    \n",
       "        var popup_f506583769b937403995d52c0a53bb8d = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_3436e02b43b7e8cdbeb03f47fd896683 = $(`&lt;div id=&quot;html_3436e02b43b7e8cdbeb03f47fd896683&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;BUKIT TIMAH&lt;/div&gt;`)[0];\n",
       "                popup_f506583769b937403995d52c0a53bb8d.setContent(html_3436e02b43b7e8cdbeb03f47fd896683);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_b4d4145e30c15cbba934fbc0a1040130.bindPopup(popup_f506583769b937403995d52c0a53bb8d)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_184088d1e8a9d62f9f7539822fdc861a = L.circleMarker(\n",
       "                [1.2895, 103.8143],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#0000AA&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#0000AA&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 10, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_7e933095d2b6be6903db5f4b7912a920);\n",
       "        \n",
       "    \n",
       "        var popup_b15c261c3f883ae57095ff20d079517e = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_afbb7d0377f76c1e4b6470c1cbcf1188 = $(`&lt;div id=&quot;html_afbb7d0377f76c1e4b6470c1cbcf1188&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;CENTRAL AREA&lt;/div&gt;`)[0];\n",
       "                popup_b15c261c3f883ae57095ff20d079517e.setContent(html_afbb7d0377f76c1e4b6470c1cbcf1188);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_184088d1e8a9d62f9f7539822fdc861a.bindPopup(popup_b15c261c3f883ae57095ff20d079517e)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_10c6ad988cfee0c3cdbad00862b45f02 = L.circleMarker(\n",
       "                [1.3833318, 103.749997],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#0000AA&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#0000AA&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 10, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_7e933095d2b6be6903db5f4b7912a920);\n",
       "        \n",
       "    \n",
       "        var popup_941be6fc849098298286a8dd6d24b050 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_b29f40bad9bbfae6fc5aa7f8275fda57 = $(`&lt;div id=&quot;html_b29f40bad9bbfae6fc5aa7f8275fda57&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;CHOA CHU KANG&lt;/div&gt;`)[0];\n",
       "                popup_941be6fc849098298286a8dd6d24b050.setContent(html_b29f40bad9bbfae6fc5aa7f8275fda57);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_10c6ad988cfee0c3cdbad00862b45f02.bindPopup(popup_941be6fc849098298286a8dd6d24b050)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_a3c765eae92346d74897d6f88576a84a = L.circleMarker(\n",
       "                [1.30918042994, 103.75914363],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#0000AA&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#0000AA&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 10, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_7e933095d2b6be6903db5f4b7912a920);\n",
       "        \n",
       "    \n",
       "        var popup_ff656c90280eeedb4fbe319c53f70885 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_0cccb7a9cbadbe5ef94b68a6cd2f7149 = $(`&lt;div id=&quot;html_0cccb7a9cbadbe5ef94b68a6cd2f7149&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;CLEMENTI&lt;/div&gt;`)[0];\n",
       "                popup_ff656c90280eeedb4fbe319c53f70885.setContent(html_0cccb7a9cbadbe5ef94b68a6cd2f7149);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_a3c765eae92346d74897d6f88576a84a.bindPopup(popup_ff656c90280eeedb4fbe319c53f70885)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_01e9e6c4d8f4d541ca1da3a313c5e2ca = L.circleMarker(\n",
       "                [1.3182, 103.8871],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#0000AA&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#0000AA&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 10, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_7e933095d2b6be6903db5f4b7912a920);\n",
       "        \n",
       "    \n",
       "        var popup_497ede99b1466eee50705eec1781b47a = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_418845d1d4c1e9e52c6d88e2f6de3f87 = $(`&lt;div id=&quot;html_418845d1d4c1e9e52c6d88e2f6de3f87&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;GEYLANG&lt;/div&gt;`)[0];\n",
       "                popup_497ede99b1466eee50705eec1781b47a.setContent(html_418845d1d4c1e9e52c6d88e2f6de3f87);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_01e9e6c4d8f4d541ca1da3a313c5e2ca.bindPopup(popup_497ede99b1466eee50705eec1781b47a)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_7f47fac35e42e4f7ad2d55f333b89936 = L.circleMarker(\n",
       "                [1.3736, 103.8867],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#0000AA&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#0000AA&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 10, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_7e933095d2b6be6903db5f4b7912a920);\n",
       "        \n",
       "    \n",
       "        var popup_ea3228d30f09808d2f20caef6c8429c1 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_7fc68d73a0b2f4f290671b249ee9a038 = $(`&lt;div id=&quot;html_7fc68d73a0b2f4f290671b249ee9a038&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;HOUGANG&lt;/div&gt;`)[0];\n",
       "                popup_ea3228d30f09808d2f20caef6c8429c1.setContent(html_7fc68d73a0b2f4f290671b249ee9a038);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_7f47fac35e42e4f7ad2d55f333b89936.bindPopup(popup_ea3228d30f09808d2f20caef6c8429c1)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_47106fcdba8d90444642403f2333dd4c = L.circleMarker(\n",
       "                [1.32399537068, 103.737298717],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#0000AA&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#0000AA&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 10, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_7e933095d2b6be6903db5f4b7912a920);\n",
       "        \n",
       "    \n",
       "        var popup_f6f96eeb19e423b16bea2cb734b3e1f7 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_a5b0e6ae827a8e8d21901d267a1a0a9a = $(`&lt;div id=&quot;html_a5b0e6ae827a8e8d21901d267a1a0a9a&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;JURONG EAST&lt;/div&gt;`)[0];\n",
       "                popup_f6f96eeb19e423b16bea2cb734b3e1f7.setContent(html_a5b0e6ae827a8e8d21901d267a1a0a9a);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_47106fcdba8d90444642403f2333dd4c.bindPopup(popup_f6f96eeb19e423b16bea2cb734b3e1f7)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_5b1c79b180ba9ad0e1d02d999a9bc8e4 = L.circleMarker(\n",
       "                [1.3396, 103.7073],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#0000AA&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#0000AA&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 10, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_7e933095d2b6be6903db5f4b7912a920);\n",
       "        \n",
       "    \n",
       "        var popup_ab146a4113e24dbee832ce3623c58ede = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_c93ad4b0148f288417e097b3b5c0d43a = $(`&lt;div id=&quot;html_c93ad4b0148f288417e097b3b5c0d43a&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;JURONG WEST&lt;/div&gt;`)[0];\n",
       "                popup_ab146a4113e24dbee832ce3623c58ede.setContent(html_c93ad4b0148f288417e097b3b5c0d43a);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_5b1c79b180ba9ad0e1d02d999a9bc8e4.bindPopup(popup_ab146a4113e24dbee832ce3623c58ede)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_3f745fe4d7dcadd5afb1a911a8a7e415 = L.circleMarker(\n",
       "                [1.3106, 103.866],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#0000AA&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#0000AA&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 10, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_7e933095d2b6be6903db5f4b7912a920);\n",
       "        \n",
       "    \n",
       "        var popup_5c4cecb51620c37360f6603af3f49665 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_191929796bc1f44f32b75f8248e96ff2 = $(`&lt;div id=&quot;html_191929796bc1f44f32b75f8248e96ff2&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;KALLANG/WHAMPOA&lt;/div&gt;`)[0];\n",
       "                popup_5c4cecb51620c37360f6603af3f49665.setContent(html_191929796bc1f44f32b75f8248e96ff2);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_3f745fe4d7dcadd5afb1a911a8a7e415.bindPopup(popup_5c4cecb51620c37360f6603af3f49665)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_de26d2454ab73d645018a2505b1bf0e3 = L.circleMarker(\n",
       "                [1.303, 103.9072],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#0000AA&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#0000AA&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 10, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_7e933095d2b6be6903db5f4b7912a920);\n",
       "        \n",
       "    \n",
       "        var popup_caba340728cc12277ac5bec799ec2be5 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_00e97b36e1d342d2ce4b07f4504100f3 = $(`&lt;div id=&quot;html_00e97b36e1d342d2ce4b07f4504100f3&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;MARINE PARADE&lt;/div&gt;`)[0];\n",
       "                popup_caba340728cc12277ac5bec799ec2be5.setContent(html_00e97b36e1d342d2ce4b07f4504100f3);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_de26d2454ab73d645018a2505b1bf0e3.bindPopup(popup_caba340728cc12277ac5bec799ec2be5)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_96811dd7ed941e41ead4f8836011399d = L.circleMarker(\n",
       "                [1.3739, 103.9493],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#0000AA&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#0000AA&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 10, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_7e933095d2b6be6903db5f4b7912a920);\n",
       "        \n",
       "    \n",
       "        var popup_3b10f8b2a44db3a068330dd242e76e5a = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_86773c0b5c596915dae9520b7a891c0b = $(`&lt;div id=&quot;html_86773c0b5c596915dae9520b7a891c0b&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;PASIR RIS&lt;/div&gt;`)[0];\n",
       "                popup_3b10f8b2a44db3a068330dd242e76e5a.setContent(html_86773c0b5c596915dae9520b7a891c0b);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_96811dd7ed941e41ead4f8836011399d.bindPopup(popup_3b10f8b2a44db3a068330dd242e76e5a)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_e2f5fb9da36fe1ebaf954b0d25ccefc6 = L.circleMarker(\n",
       "                [1.4051, 103.9023],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#0000AA&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#0000AA&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 10, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_7e933095d2b6be6903db5f4b7912a920);\n",
       "        \n",
       "    \n",
       "        var popup_53e252f4fb69a834a90499d2e2692b32 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_65494e0f968d8cc1cd878bd6f8a39ddc = $(`&lt;div id=&quot;html_65494e0f968d8cc1cd878bd6f8a39ddc&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;PUNGGOL&lt;/div&gt;`)[0];\n",
       "                popup_53e252f4fb69a834a90499d2e2692b32.setContent(html_65494e0f968d8cc1cd878bd6f8a39ddc);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_e2f5fb9da36fe1ebaf954b0d25ccefc6.bindPopup(popup_53e252f4fb69a834a90499d2e2692b32)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_e690c1911e20137e78f8bfc13617cd06 = L.circleMarker(\n",
       "                [1.29944, 103.80583],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#0000AA&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#0000AA&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 10, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_7e933095d2b6be6903db5f4b7912a920);\n",
       "        \n",
       "    \n",
       "        var popup_7c41f61ea5131750f970107d1a1b59a7 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_a8e0847a1360740d59986ac79e63079b = $(`&lt;div id=&quot;html_a8e0847a1360740d59986ac79e63079b&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;QUEENSTOWN&lt;/div&gt;`)[0];\n",
       "                popup_7c41f61ea5131750f970107d1a1b59a7.setContent(html_a8e0847a1360740d59986ac79e63079b);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_e690c1911e20137e78f8bfc13617cd06.bindPopup(popup_7c41f61ea5131750f970107d1a1b59a7)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_a73757c5436e81161b8546dbb1f66434 = L.circleMarker(\n",
       "                [1.4491, 103.8201],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#0000AA&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#0000AA&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 10, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_7e933095d2b6be6903db5f4b7912a920);\n",
       "        \n",
       "    \n",
       "        var popup_f3ea7b804a414e3957bb42656ba38c05 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_17f5fc7b860c3d2ada71372ec865a79b = $(`&lt;div id=&quot;html_17f5fc7b860c3d2ada71372ec865a79b&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;SEMBAWANG&lt;/div&gt;`)[0];\n",
       "                popup_f3ea7b804a414e3957bb42656ba38c05.setContent(html_17f5fc7b860c3d2ada71372ec865a79b);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_a73757c5436e81161b8546dbb1f66434.bindPopup(popup_f3ea7b804a414e3957bb42656ba38c05)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_ea44f35541d094b96a42e2c46df34a73 = L.circleMarker(\n",
       "                [1.3901, 103.8952],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#0000AA&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#0000AA&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 10, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_7e933095d2b6be6903db5f4b7912a920);\n",
       "        \n",
       "    \n",
       "        var popup_575e98e862437eda412ba470ba2292ce = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_721988a32eac36227a05623cd2a1317a = $(`&lt;div id=&quot;html_721988a32eac36227a05623cd2a1317a&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;SENGKANG&lt;/div&gt;`)[0];\n",
       "                popup_575e98e862437eda412ba470ba2292ce.setContent(html_721988a32eac36227a05623cd2a1317a);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_ea44f35541d094b96a42e2c46df34a73.bindPopup(popup_575e98e862437eda412ba470ba2292ce)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_479f887940fafccb41af350b0d070d9e = L.circleMarker(\n",
       "                [1.3496, 103.8737],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#0000AA&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#0000AA&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 10, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_7e933095d2b6be6903db5f4b7912a920);\n",
       "        \n",
       "    \n",
       "        var popup_839389ea1fff20bbc8b65d0cc0ed2dc4 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_13ae3daf74b13c5f98926b001f714da1 = $(`&lt;div id=&quot;html_13ae3daf74b13c5f98926b001f714da1&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;SERANGOON&lt;/div&gt;`)[0];\n",
       "                popup_839389ea1fff20bbc8b65d0cc0ed2dc4.setContent(html_13ae3daf74b13c5f98926b001f714da1);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_479f887940fafccb41af350b0d070d9e.bindPopup(popup_839389ea1fff20bbc8b65d0cc0ed2dc4)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_c8f722a4cf6f199931fddee05b816aee = L.circleMarker(\n",
       "                [1.3547, 103.9437],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#0000AA&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#0000AA&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 10, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_7e933095d2b6be6903db5f4b7912a920);\n",
       "        \n",
       "    \n",
       "        var popup_bd46ab6543a3af4c03e74404259e3d7b = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_600d8f490a11a4d1a59740ff5394dfe6 = $(`&lt;div id=&quot;html_600d8f490a11a4d1a59740ff5394dfe6&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;TAMPINES&lt;/div&gt;`)[0];\n",
       "                popup_bd46ab6543a3af4c03e74404259e3d7b.setContent(html_600d8f490a11a4d1a59740ff5394dfe6);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_c8f722a4cf6f199931fddee05b816aee.bindPopup(popup_bd46ab6543a3af4c03e74404259e3d7b)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_5d64b65e49d3d3681d08cebac30cc8cf = L.circleMarker(\n",
       "                [1.3354, 103.8497],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#0000AA&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#0000AA&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 10, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_7e933095d2b6be6903db5f4b7912a920);\n",
       "        \n",
       "    \n",
       "        var popup_2551e01bfb2a81eef907dd42e7805b49 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_4b090e2909622f32b530bdcbe1564cbe = $(`&lt;div id=&quot;html_4b090e2909622f32b530bdcbe1564cbe&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;TOA PAYOH&lt;/div&gt;`)[0];\n",
       "                popup_2551e01bfb2a81eef907dd42e7805b49.setContent(html_4b090e2909622f32b530bdcbe1564cbe);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_5d64b65e49d3d3681d08cebac30cc8cf.bindPopup(popup_2551e01bfb2a81eef907dd42e7805b49)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_3bc40afcfbbe9b8114cc82fc0038df8c = L.circleMarker(\n",
       "                [1.43801, 103.78877],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#0000AA&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#0000AA&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 10, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_7e933095d2b6be6903db5f4b7912a920);\n",
       "        \n",
       "    \n",
       "        var popup_303dcfa76e5a6d554aac872baaaaaf9d = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_dbb47ca3549de03d831218564b4efaa8 = $(`&lt;div id=&quot;html_dbb47ca3549de03d831218564b4efaa8&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;WOODLANDS&lt;/div&gt;`)[0];\n",
       "                popup_303dcfa76e5a6d554aac872baaaaaf9d.setContent(html_dbb47ca3549de03d831218564b4efaa8);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_3bc40afcfbbe9b8114cc82fc0038df8c.bindPopup(popup_303dcfa76e5a6d554aac872baaaaaf9d)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_9f7ac2a5d4dbf259dad8a487b338f9be = L.circleMarker(\n",
       "                [1.4293, 103.8355],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#0000AA&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#0000AA&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 10, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_7e933095d2b6be6903db5f4b7912a920);\n",
       "        \n",
       "    \n",
       "        var popup_e563a9490ea58aa59e6d2b098f310e33 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_3d6470a7b9d2afd0c7b51694193aca71 = $(`&lt;div id=&quot;html_3d6470a7b9d2afd0c7b51694193aca71&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;YISHUN&lt;/div&gt;`)[0];\n",
       "                popup_e563a9490ea58aa59e6d2b098f310e33.setContent(html_3d6470a7b9d2afd0c7b51694193aca71);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_9f7ac2a5d4dbf259dad8a487b338f9be.bindPopup(popup_e563a9490ea58aa59e6d2b098f310e33)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            tile_layer_22f1778a3c3b38cee7ec6ae59cf212ad.addTo(map_7e933095d2b6be6903db5f4b7912a920);\n",
       "        \n",
       "&lt;/script&gt;\n",
       "&lt;/html&gt;\" style=\"position:absolute;width:100%;height:100%;left:0;top:0;border:none !important;\" allowfullscreen webkitallowfullscreen mozallowfullscreen></iframe></div></div>"
      ],
      "text/plain": [
       "<folium.folium.Map at 0x7d103b27fca0>"
      ]
     },
     "execution_count": 5,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "sgmap = folium.Map(location=[1.3666,103.800], zoom_start=12, tiles=\"OpenStreetMap\")\n",
    "# folium.CircleMarker(location=townCoords[\"SERANGOON\"]).add_to(sgmap)\n",
    "for s in townCoords:\n",
    "    folium.CircleMarker(location=townCoords[s], radius=10, color=\"#0000AA\", fill=True, popup=s).add_to(sgmap)\n",
    "sgmap.save(\"regular-map.html\")\n",
    "sgmap"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "448dcbde",
   "metadata": {},
   "source": [
    "## Visualization"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "65ce5d62",
   "metadata": {},
   "source": [
    "Let's take a look at how the resales is distributed accross Singapore. The map will be rendered together with orange circles."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 6,
   "id": "5ebceed9",
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<div style=\"width:100%;\"><div style=\"position:relative;width:100%;height:0;padding-bottom:60%;\"><span style=\"color:#565656\">Make this Notebook Trusted to load map: File -> Trust Notebook</span><iframe srcdoc=\"&lt;!DOCTYPE html&gt;\n",
       "&lt;html&gt;\n",
       "&lt;head&gt;\n",
       "    \n",
       "    &lt;meta http-equiv=&quot;content-type&quot; content=&quot;text/html; charset=UTF-8&quot; /&gt;\n",
       "    \n",
       "        &lt;script&gt;\n",
       "            L_NO_TOUCH = false;\n",
       "            L_DISABLE_3D = false;\n",
       "        &lt;/script&gt;\n",
       "    \n",
       "    &lt;style&gt;html, body {width: 100%;height: 100%;margin: 0;padding: 0;}&lt;/style&gt;\n",
       "    &lt;style&gt;#map {position:absolute;top:0;bottom:0;right:0;left:0;}&lt;/style&gt;\n",
       "    &lt;script src=&quot;https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.js&quot;&gt;&lt;/script&gt;\n",
       "    &lt;script src=&quot;https://code.jquery.com/jquery-3.7.1.min.js&quot;&gt;&lt;/script&gt;\n",
       "    &lt;script src=&quot;https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js&quot;&gt;&lt;/script&gt;\n",
       "    &lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.js&quot;&gt;&lt;/script&gt;\n",
       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.css&quot;/&gt;\n",
       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css&quot;/&gt;\n",
       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css&quot;/&gt;\n",
       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.min.css&quot;/&gt;\n",
       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css&quot;/&gt;\n",
       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css&quot;/&gt;\n",
       "    \n",
       "            &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width,\n",
       "                initial-scale=1.0, maximum-scale=1.0, user-scalable=no&quot; /&gt;\n",
       "            &lt;style&gt;\n",
       "                #map_812a9c8654a3836c156910ad76745377 {\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_812a9c8654a3836c156910ad76745377&quot; &gt;&lt;/div&gt;\n",
       "        \n",
       "&lt;/body&gt;\n",
       "&lt;script&gt;\n",
       "    \n",
       "    \n",
       "            var map_812a9c8654a3836c156910ad76745377 = L.map(\n",
       "                &quot;map_812a9c8654a3836c156910ad76745377&quot;,\n",
       "                {\n",
       "                    center: [1.3666, 103.8],\n",
       "                    crs: L.CRS.EPSG3857,\n",
       "                    zoom: 12,\n",
       "                    zoomControl: true,\n",
       "                    preferCanvas: false,\n",
       "                    doubleClickZoom: false,\n",
       "                }\n",
       "            );\n",
       "\n",
       "            \n",
       "\n",
       "        \n",
       "    \n",
       "            var tile_layer_7a417c8b4105bd07f5ee81bd0470ef9c = 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_7a417c8b4105bd07f5ee81bd0470ef9c.addTo(map_812a9c8654a3836c156910ad76745377);\n",
       "        \n",
       "    \n",
       "            var circle_marker_98bb6545d8b6ebf7515cfcabc484c694 = L.circleMarker(\n",
       "                [1.3698, 103.8461],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#cc8400&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#cc8400&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 48.089000999999996, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_812a9c8654a3836c156910ad76745377);\n",
       "        \n",
       "    \n",
       "        var popup_14e5e0b77cdda34eff224327d0c44ae9 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_307f452b3e12cf00b21f23ca05e2090f = $(`&lt;div id=&quot;html_307f452b3e12cf00b21f23ca05e2090f&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;ANG MO KIO 48089&lt;/div&gt;`)[0];\n",
       "                popup_14e5e0b77cdda34eff224327d0c44ae9.setContent(html_307f452b3e12cf00b21f23ca05e2090f);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_98bb6545d8b6ebf7515cfcabc484c694.bindPopup(popup_14e5e0b77cdda34eff224327d0c44ae9)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_3652720e24a959fe5e7cbdc2debf7303 = L.circleMarker(\n",
       "                [1.3236, 103.9273],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#cc8400&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#cc8400&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 61.234001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_812a9c8654a3836c156910ad76745377);\n",
       "        \n",
       "    \n",
       "        var popup_ad0a6f45058925b3ac47efe02ae4c2d4 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_e16bfb776cac065e6d991bd3df4c1e97 = $(`&lt;div id=&quot;html_e16bfb776cac065e6d991bd3df4c1e97&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;BEDOK 61234&lt;/div&gt;`)[0];\n",
       "                popup_ad0a6f45058925b3ac47efe02ae4c2d4.setContent(html_e16bfb776cac065e6d991bd3df4c1e97);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_3652720e24a959fe5e7cbdc2debf7303.bindPopup(popup_ad0a6f45058925b3ac47efe02ae4c2d4)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_cdafe474ccb2a59d15d88e76e8723e36 = L.circleMarker(\n",
       "                [1.3499986, 103.8499966],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#cc8400&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#cc8400&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 19.498001000000002, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_812a9c8654a3836c156910ad76745377);\n",
       "        \n",
       "    \n",
       "        var popup_4cdd663df4e31b505432571b343250ea = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_bec08fd7baea42bd005b6fbf3525a628 = $(`&lt;div id=&quot;html_bec08fd7baea42bd005b6fbf3525a628&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;BISHAN 19498&lt;/div&gt;`)[0];\n",
       "                popup_4cdd663df4e31b505432571b343250ea.setContent(html_bec08fd7baea42bd005b6fbf3525a628);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_cdafe474ccb2a59d15d88e76e8723e36.bindPopup(popup_4cdd663df4e31b505432571b343250ea)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_ce026989e7cba6f6ca1d043c05b8a14e = L.circleMarker(\n",
       "                [1.3496, 103.7528],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#cc8400&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#cc8400&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 40.375001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_812a9c8654a3836c156910ad76745377);\n",
       "        \n",
       "    \n",
       "        var popup_633ad9c3afe9b5154e5143e94c265668 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_cce9b42569bb901967f8f9c2b79967da = $(`&lt;div id=&quot;html_cce9b42569bb901967f8f9c2b79967da&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;BUKIT BATOK 40375&lt;/div&gt;`)[0];\n",
       "                popup_633ad9c3afe9b5154e5143e94c265668.setContent(html_cce9b42569bb901967f8f9c2b79967da);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_ce026989e7cba6f6ca1d043c05b8a14e.bindPopup(popup_633ad9c3afe9b5154e5143e94c265668)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_ef1334d54df490fc6911f2d0a57825f6 = L.circleMarker(\n",
       "                [1.28583, 103.81944],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#cc8400&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#cc8400&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 30.443001000000002, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_812a9c8654a3836c156910ad76745377);\n",
       "        \n",
       "    \n",
       "        var popup_6b4a38d479f6ad963ffbc424bd14c684 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_9ad5156f9fb11754ef108928eca47aa9 = $(`&lt;div id=&quot;html_9ad5156f9fb11754ef108928eca47aa9&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;BUKIT MERAH 30443&lt;/div&gt;`)[0];\n",
       "                popup_6b4a38d479f6ad963ffbc424bd14c684.setContent(html_9ad5156f9fb11754ef108928eca47aa9);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_ef1334d54df490fc6911f2d0a57825f6.bindPopup(popup_6b4a38d479f6ad963ffbc424bd14c684)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_d18a85a7598236455c9cbaffdaa9508a = L.circleMarker(\n",
       "                [1.3786, 103.7626],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#cc8400&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#cc8400&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 24.189001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_812a9c8654a3836c156910ad76745377);\n",
       "        \n",
       "    \n",
       "        var popup_6b557ec85c41873df7c96acd0e8ce83d = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_3d38da0d83a4c3eb940c8e491202d69e = $(`&lt;div id=&quot;html_3d38da0d83a4c3eb940c8e491202d69e&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;BUKIT PANJANG 24189&lt;/div&gt;`)[0];\n",
       "                popup_6b557ec85c41873df7c96acd0e8ce83d.setContent(html_3d38da0d83a4c3eb940c8e491202d69e);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_d18a85a7598236455c9cbaffdaa9508a.bindPopup(popup_6b557ec85c41873df7c96acd0e8ce83d)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_d350038c50d9909ae99c28e41960c27d = L.circleMarker(\n",
       "                [1.3294, 103.8021],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#cc8400&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#cc8400&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 2.283001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_812a9c8654a3836c156910ad76745377);\n",
       "        \n",
       "    \n",
       "        var popup_a8c21674acf36a51f152a77a324d2cf7 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_2911f3c1fd0a5a17a6e3aa53e11dfd0a = $(`&lt;div id=&quot;html_2911f3c1fd0a5a17a6e3aa53e11dfd0a&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;BUKIT TIMAH 2283&lt;/div&gt;`)[0];\n",
       "                popup_a8c21674acf36a51f152a77a324d2cf7.setContent(html_2911f3c1fd0a5a17a6e3aa53e11dfd0a);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_d350038c50d9909ae99c28e41960c27d.bindPopup(popup_a8c21674acf36a51f152a77a324d2cf7)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_9be4250fa2fa472bfcb1a88fed7eb1c9 = L.circleMarker(\n",
       "                [1.2895, 103.8143],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#cc8400&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#cc8400&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 6.337001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_812a9c8654a3836c156910ad76745377);\n",
       "        \n",
       "    \n",
       "        var popup_5792582a63ada8f68b63a63f2b45f201 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_d4893446ab2b4185d15f64e05f96e36d = $(`&lt;div id=&quot;html_d4893446ab2b4185d15f64e05f96e36d&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;CENTRAL AREA 6337&lt;/div&gt;`)[0];\n",
       "                popup_5792582a63ada8f68b63a63f2b45f201.setContent(html_d4893446ab2b4185d15f64e05f96e36d);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_9be4250fa2fa472bfcb1a88fed7eb1c9.bindPopup(popup_5792582a63ada8f68b63a63f2b45f201)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_71d9f86e02470b80975ea004acf5a8b2 = L.circleMarker(\n",
       "                [1.3833318, 103.749997],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#cc8400&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#cc8400&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 33.347001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_812a9c8654a3836c156910ad76745377);\n",
       "        \n",
       "    \n",
       "        var popup_fe08cae611370edb28b52f43c13eccf2 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_abc06c73610f542c10b92face802ccea = $(`&lt;div id=&quot;html_abc06c73610f542c10b92face802ccea&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;CHOA CHU KANG 33347&lt;/div&gt;`)[0];\n",
       "                popup_fe08cae611370edb28b52f43c13eccf2.setContent(html_abc06c73610f542c10b92face802ccea);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_71d9f86e02470b80975ea004acf5a8b2.bindPopup(popup_fe08cae611370edb28b52f43c13eccf2)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_e0d1f33d6886c7186f850dfa77a3e173 = L.circleMarker(\n",
       "                [1.30918042994, 103.75914363],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#cc8400&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#cc8400&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 25.689001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_812a9c8654a3836c156910ad76745377);\n",
       "        \n",
       "    \n",
       "        var popup_894e410bd3bc97bbfae4d644ff264058 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_eb9588061c40c3c354dc669bbdd83baf = $(`&lt;div id=&quot;html_eb9588061c40c3c354dc669bbdd83baf&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;CLEMENTI 25689&lt;/div&gt;`)[0];\n",
       "                popup_894e410bd3bc97bbfae4d644ff264058.setContent(html_eb9588061c40c3c354dc669bbdd83baf);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_e0d1f33d6886c7186f850dfa77a3e173.bindPopup(popup_894e410bd3bc97bbfae4d644ff264058)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_e27388fc86cffdc56d2aa454c0b70070 = L.circleMarker(\n",
       "                [1.3182, 103.8871],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#cc8400&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#cc8400&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 25.615001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_812a9c8654a3836c156910ad76745377);\n",
       "        \n",
       "    \n",
       "        var popup_6dd501104bb35f7ec8af2b72ac928f2a = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_8de06e6230e608d8f4c790e266dc23b6 = $(`&lt;div id=&quot;html_8de06e6230e608d8f4c790e266dc23b6&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;GEYLANG 25615&lt;/div&gt;`)[0];\n",
       "                popup_6dd501104bb35f7ec8af2b72ac928f2a.setContent(html_8de06e6230e608d8f4c790e266dc23b6);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_e27388fc86cffdc56d2aa454c0b70070.bindPopup(popup_6dd501104bb35f7ec8af2b72ac928f2a)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_b5fa14b4d6f3209e464f1014855f9d67 = L.circleMarker(\n",
       "                [1.3736, 103.8867],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#cc8400&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#cc8400&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 45.409000999999996, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_812a9c8654a3836c156910ad76745377);\n",
       "        \n",
       "    \n",
       "        var popup_2202fa9ea95929a76ea258864905a030 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_14e3231b080247c4dd787e85e2543608 = $(`&lt;div id=&quot;html_14e3231b080247c4dd787e85e2543608&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;HOUGANG 45409&lt;/div&gt;`)[0];\n",
       "                popup_2202fa9ea95929a76ea258864905a030.setContent(html_14e3231b080247c4dd787e85e2543608);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_b5fa14b4d6f3209e464f1014855f9d67.bindPopup(popup_2202fa9ea95929a76ea258864905a030)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_c508847379dc8c853bd6c1c7a6fc1abc = L.circleMarker(\n",
       "                [1.32399537068, 103.737298717],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#cc8400&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#cc8400&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 22.815001000000002, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_812a9c8654a3836c156910ad76745377);\n",
       "        \n",
       "    \n",
       "        var popup_eac880e326278d2c620648310e002822 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_bf4626a2569ba49e8d40016915f17624 = $(`&lt;div id=&quot;html_bf4626a2569ba49e8d40016915f17624&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;JURONG EAST 22815&lt;/div&gt;`)[0];\n",
       "                popup_eac880e326278d2c620648310e002822.setContent(html_bf4626a2569ba49e8d40016915f17624);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_c508847379dc8c853bd6c1c7a6fc1abc.bindPopup(popup_eac880e326278d2c620648310e002822)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_bab6d6f6d867bab825ad1bebd55f8ddc = L.circleMarker(\n",
       "                [1.3396, 103.7073],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#cc8400&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#cc8400&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 60.544000999999994, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_812a9c8654a3836c156910ad76745377);\n",
       "        \n",
       "    \n",
       "        var popup_7dbd8b91404a60b4388a2c8913d310ed = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_3bf927d8b76036405df7d2d562e45ffe = $(`&lt;div id=&quot;html_3bf927d8b76036405df7d2d562e45ffe&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;JURONG WEST 60544&lt;/div&gt;`)[0];\n",
       "                popup_7dbd8b91404a60b4388a2c8913d310ed.setContent(html_3bf927d8b76036405df7d2d562e45ffe);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_bab6d6f6d867bab825ad1bebd55f8ddc.bindPopup(popup_7dbd8b91404a60b4388a2c8913d310ed)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_358bb60c1953f28b9a56cd97df695205 = L.circleMarker(\n",
       "                [1.3106, 103.866],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#cc8400&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#cc8400&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 23.965001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_812a9c8654a3836c156910ad76745377);\n",
       "        \n",
       "    \n",
       "        var popup_becde185ee06c856e6bfa2dc7a667f5b = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_fa7acf70b8914459b4cb6363fc6b6cce = $(`&lt;div id=&quot;html_fa7acf70b8914459b4cb6363fc6b6cce&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;KALLANG/WHAMPOA 23965&lt;/div&gt;`)[0];\n",
       "                popup_becde185ee06c856e6bfa2dc7a667f5b.setContent(html_fa7acf70b8914459b4cb6363fc6b6cce);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_358bb60c1953f28b9a56cd97df695205.bindPopup(popup_becde185ee06c856e6bfa2dc7a667f5b)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_85a7eabe5d9df80acdc314e28320396d = L.circleMarker(\n",
       "                [1.303, 103.9072],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#cc8400&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#cc8400&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 7.366001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_812a9c8654a3836c156910ad76745377);\n",
       "        \n",
       "    \n",
       "        var popup_eade9ebbb74f32011ba043a9d1b4541b = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_e8942c92db6ed85256890f923d645397 = $(`&lt;div id=&quot;html_e8942c92db6ed85256890f923d645397&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;MARINE PARADE 7366&lt;/div&gt;`)[0];\n",
       "                popup_eade9ebbb74f32011ba043a9d1b4541b.setContent(html_e8942c92db6ed85256890f923d645397);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_85a7eabe5d9df80acdc314e28320396d.bindPopup(popup_eade9ebbb74f32011ba043a9d1b4541b)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_9b96687778db38e78b8b4b4213579169 = L.circleMarker(\n",
       "                [1.3739, 103.9493],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#cc8400&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#cc8400&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 30.209001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_812a9c8654a3836c156910ad76745377);\n",
       "        \n",
       "    \n",
       "        var popup_b2e346ad54360a08dc22d5c7fb0ede28 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_775ff413e019c85a5f962e25defbb225 = $(`&lt;div id=&quot;html_775ff413e019c85a5f962e25defbb225&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;PASIR RIS 30209&lt;/div&gt;`)[0];\n",
       "                popup_b2e346ad54360a08dc22d5c7fb0ede28.setContent(html_775ff413e019c85a5f962e25defbb225);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_9b96687778db38e78b8b4b4213579169.bindPopup(popup_b2e346ad54360a08dc22d5c7fb0ede28)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_d51114af4733f33aa96a31268dad0f8a = L.circleMarker(\n",
       "                [1.4051, 103.9023],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#cc8400&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#cc8400&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 12.290000999999998, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_812a9c8654a3836c156910ad76745377);\n",
       "        \n",
       "    \n",
       "        var popup_d06a31fbb47154bb1193f71ffbd97e9f = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_2e3cf09f29707fed25727a91b4de9793 = $(`&lt;div id=&quot;html_2e3cf09f29707fed25727a91b4de9793&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;PUNGGOL 12290&lt;/div&gt;`)[0];\n",
       "                popup_d06a31fbb47154bb1193f71ffbd97e9f.setContent(html_2e3cf09f29707fed25727a91b4de9793);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_d51114af4733f33aa96a31268dad0f8a.bindPopup(popup_d06a31fbb47154bb1193f71ffbd97e9f)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_de0dc2326d350f3f6faaac83c57453df = L.circleMarker(\n",
       "                [1.29944, 103.80583],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#cc8400&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#cc8400&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 25.858001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_812a9c8654a3836c156910ad76745377);\n",
       "        \n",
       "    \n",
       "        var popup_5e8d67043ce4f115d0750f7a17ed0161 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_9b91a82be8ea1c5385ffa8edf408a04f = $(`&lt;div id=&quot;html_9b91a82be8ea1c5385ffa8edf408a04f&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;QUEENSTOWN 25858&lt;/div&gt;`)[0];\n",
       "                popup_5e8d67043ce4f115d0750f7a17ed0161.setContent(html_9b91a82be8ea1c5385ffa8edf408a04f);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_de0dc2326d350f3f6faaac83c57453df.bindPopup(popup_5e8d67043ce4f115d0750f7a17ed0161)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_bd26790df2eafcf523e60d07f2617ff0 = L.circleMarker(\n",
       "                [1.4491, 103.8201],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#cc8400&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#cc8400&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 10.999001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_812a9c8654a3836c156910ad76745377);\n",
       "        \n",
       "    \n",
       "        var popup_6595c146a7c68c9c9f32829e7b5760d2 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_2f70ed1215db3475a1b3040ccb89ef63 = $(`&lt;div id=&quot;html_2f70ed1215db3475a1b3040ccb89ef63&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;SEMBAWANG 10999&lt;/div&gt;`)[0];\n",
       "                popup_6595c146a7c68c9c9f32829e7b5760d2.setContent(html_2f70ed1215db3475a1b3040ccb89ef63);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_bd26790df2eafcf523e60d07f2617ff0.bindPopup(popup_6595c146a7c68c9c9f32829e7b5760d2)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_f94ccb11d335ab6c68b5a96068184f98 = L.circleMarker(\n",
       "                [1.3901, 103.8952],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#cc8400&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#cc8400&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 23.840001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_812a9c8654a3836c156910ad76745377);\n",
       "        \n",
       "    \n",
       "        var popup_33eda0a0c7b3564ca3c10ef027428e02 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_6189363bb7d0e4bc504f240c9cd982c5 = $(`&lt;div id=&quot;html_6189363bb7d0e4bc504f240c9cd982c5&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;SENGKANG 23840&lt;/div&gt;`)[0];\n",
       "                popup_33eda0a0c7b3564ca3c10ef027428e02.setContent(html_6189363bb7d0e4bc504f240c9cd982c5);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_f94ccb11d335ab6c68b5a96068184f98.bindPopup(popup_33eda0a0c7b3564ca3c10ef027428e02)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_064146a9a6984b77b4ef73ed35116059 = L.circleMarker(\n",
       "                [1.3496, 103.8737],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#cc8400&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#cc8400&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 21.094001000000002, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_812a9c8654a3836c156910ad76745377);\n",
       "        \n",
       "    \n",
       "        var popup_ac0b4335b804063e7e38f5dc3aa1c17f = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_117058999aac2a0fdd98226952c18420 = $(`&lt;div id=&quot;html_117058999aac2a0fdd98226952c18420&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;SERANGOON 21094&lt;/div&gt;`)[0];\n",
       "                popup_ac0b4335b804063e7e38f5dc3aa1c17f.setContent(html_117058999aac2a0fdd98226952c18420);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_064146a9a6984b77b4ef73ed35116059.bindPopup(popup_ac0b4335b804063e7e38f5dc3aa1c17f)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_59fff42ca49b42229b829d9d49d5cca0 = L.circleMarker(\n",
       "                [1.3547, 103.9437],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#cc8400&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#cc8400&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 72.986001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_812a9c8654a3836c156910ad76745377);\n",
       "        \n",
       "    \n",
       "        var popup_fd77c77b551ba6fe1bca6f801775c084 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_597ca06bd94f7c6c09766bcbcda8f055 = $(`&lt;div id=&quot;html_597ca06bd94f7c6c09766bcbcda8f055&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;TAMPINES 72986&lt;/div&gt;`)[0];\n",
       "                popup_fd77c77b551ba6fe1bca6f801775c084.setContent(html_597ca06bd94f7c6c09766bcbcda8f055);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_59fff42ca49b42229b829d9d49d5cca0.bindPopup(popup_fd77c77b551ba6fe1bca6f801775c084)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_648140002d24598af42de9e4a8c75786 = L.circleMarker(\n",
       "                [1.3354, 103.8497],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#cc8400&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#cc8400&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 28.430001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_812a9c8654a3836c156910ad76745377);\n",
       "        \n",
       "    \n",
       "        var popup_bbafaa5e0cbd9b3e00dd56e6d32e6f7c = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_3ab1a8cbab74d81ea73493832d5c5ed4 = $(`&lt;div id=&quot;html_3ab1a8cbab74d81ea73493832d5c5ed4&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;TOA PAYOH 28430&lt;/div&gt;`)[0];\n",
       "                popup_bbafaa5e0cbd9b3e00dd56e6d32e6f7c.setContent(html_3ab1a8cbab74d81ea73493832d5c5ed4);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_648140002d24598af42de9e4a8c75786.bindPopup(popup_bbafaa5e0cbd9b3e00dd56e6d32e6f7c)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_2be0bebae9c4c1c0bfd207842cd2599f = L.circleMarker(\n",
       "                [1.43801, 103.78877],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#cc8400&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#cc8400&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 58.585001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_812a9c8654a3836c156910ad76745377);\n",
       "        \n",
       "    \n",
       "        var popup_309062cfccf35ecedbb77f90279db306 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_1e519665fa5eb8c1b459aabbce56f6d4 = $(`&lt;div id=&quot;html_1e519665fa5eb8c1b459aabbce56f6d4&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;WOODLANDS 58585&lt;/div&gt;`)[0];\n",
       "                popup_309062cfccf35ecedbb77f90279db306.setContent(html_1e519665fa5eb8c1b459aabbce56f6d4);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_2be0bebae9c4c1c0bfd207842cd2599f.bindPopup(popup_309062cfccf35ecedbb77f90279db306)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_8975ed5202d21cdc39f3bf84e5e791fe = L.circleMarker(\n",
       "                [1.4293, 103.8355],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#cc8400&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#cc8400&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 63.180001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_812a9c8654a3836c156910ad76745377);\n",
       "        \n",
       "    \n",
       "        var popup_e0e4dd67844724b0cbf009194a54502b = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_e6d4d43a54f127326f0fbb5f751d5fba = $(`&lt;div id=&quot;html_e6d4d43a54f127326f0fbb5f751d5fba&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;YISHUN 63180&lt;/div&gt;`)[0];\n",
       "                popup_e0e4dd67844724b0cbf009194a54502b.setContent(html_e6d4d43a54f127326f0fbb5f751d5fba);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_8975ed5202d21cdc39f3bf84e5e791fe.bindPopup(popup_e0e4dd67844724b0cbf009194a54502b)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            tile_layer_7a417c8b4105bd07f5ee81bd0470ef9c.addTo(map_812a9c8654a3836c156910ad76745377);\n",
       "        \n",
       "&lt;/script&gt;\n",
       "&lt;/html&gt;\" style=\"position:absolute;width:100%;height:100%;left:0;top:0;border:none !important;\" allowfullscreen webkitallowfullscreen mozallowfullscreen></iframe></div></div>"
      ],
      "text/plain": [
       "<folium.folium.Map at 0x7d103b27f5b0>"
      ]
     },
     "execution_count": 6,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "renderMap(data, 1000, \"#cc8400\")\n",
    "sgmap.save(\"all-map.html\")\n",
    "sgmap"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "a9305de6",
   "metadata": {},
   "source": [
    "We will split HDB based on the lease_commence_date into 2 categories, before 2000 and after. The maps will be rendered together with cyan circles."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 7,
   "id": "0a863a95",
   "metadata": {
    "scrolled": false
   },
   "outputs": [
    {
     "data": {
      "text/html": [
       "<div style=\"width:100%;\"><div style=\"position:relative;width:100%;height:0;padding-bottom:60%;\"><span style=\"color:#565656\">Make this Notebook Trusted to load map: File -> Trust Notebook</span><iframe srcdoc=\"&lt;!DOCTYPE html&gt;\n",
       "&lt;html&gt;\n",
       "&lt;head&gt;\n",
       "    \n",
       "    &lt;meta http-equiv=&quot;content-type&quot; content=&quot;text/html; charset=UTF-8&quot; /&gt;\n",
       "    \n",
       "        &lt;script&gt;\n",
       "            L_NO_TOUCH = false;\n",
       "            L_DISABLE_3D = false;\n",
       "        &lt;/script&gt;\n",
       "    \n",
       "    &lt;style&gt;html, body {width: 100%;height: 100%;margin: 0;padding: 0;}&lt;/style&gt;\n",
       "    &lt;style&gt;#map {position:absolute;top:0;bottom:0;right:0;left:0;}&lt;/style&gt;\n",
       "    &lt;script src=&quot;https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.js&quot;&gt;&lt;/script&gt;\n",
       "    &lt;script src=&quot;https://code.jquery.com/jquery-3.7.1.min.js&quot;&gt;&lt;/script&gt;\n",
       "    &lt;script src=&quot;https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js&quot;&gt;&lt;/script&gt;\n",
       "    &lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.js&quot;&gt;&lt;/script&gt;\n",
       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.css&quot;/&gt;\n",
       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css&quot;/&gt;\n",
       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css&quot;/&gt;\n",
       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.min.css&quot;/&gt;\n",
       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css&quot;/&gt;\n",
       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css&quot;/&gt;\n",
       "    \n",
       "            &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width,\n",
       "                initial-scale=1.0, maximum-scale=1.0, user-scalable=no&quot; /&gt;\n",
       "            &lt;style&gt;\n",
       "                #map_948c722b9e989df248b42c6de3d97bdd {\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_948c722b9e989df248b42c6de3d97bdd&quot; &gt;&lt;/div&gt;\n",
       "        \n",
       "&lt;/body&gt;\n",
       "&lt;script&gt;\n",
       "    \n",
       "    \n",
       "            var map_948c722b9e989df248b42c6de3d97bdd = L.map(\n",
       "                &quot;map_948c722b9e989df248b42c6de3d97bdd&quot;,\n",
       "                {\n",
       "                    center: [1.3666, 103.8],\n",
       "                    crs: L.CRS.EPSG3857,\n",
       "                    zoom: 12,\n",
       "                    zoomControl: true,\n",
       "                    preferCanvas: false,\n",
       "                    doubleClickZoom: false,\n",
       "                }\n",
       "            );\n",
       "\n",
       "            \n",
       "\n",
       "        \n",
       "    \n",
       "            var tile_layer_d80507bfaf709627850d42e5a69c1a2c = 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_d80507bfaf709627850d42e5a69c1a2c.addTo(map_948c722b9e989df248b42c6de3d97bdd);\n",
       "        \n",
       "    \n",
       "            var circle_marker_7e1c88cd4df92eff9521f7713dd62bd0 = L.circleMarker(\n",
       "                [1.3698, 103.8461],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#1c9c95&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#1c9c95&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 23.961001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_948c722b9e989df248b42c6de3d97bdd);\n",
       "        \n",
       "    \n",
       "        var popup_27fc3f46d7af56fc6c0ec4f85824edee = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_3b7c5736a05922d7991423accb034eea = $(`&lt;div id=&quot;html_3b7c5736a05922d7991423accb034eea&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;ANG MO KIO 23961&lt;/div&gt;`)[0];\n",
       "                popup_27fc3f46d7af56fc6c0ec4f85824edee.setContent(html_3b7c5736a05922d7991423accb034eea);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_7e1c88cd4df92eff9521f7713dd62bd0.bindPopup(popup_27fc3f46d7af56fc6c0ec4f85824edee)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_76c0b305dd5a00010712936f376eb648 = L.circleMarker(\n",
       "                [1.3236, 103.9273],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#1c9c95&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#1c9c95&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 29.598001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_948c722b9e989df248b42c6de3d97bdd);\n",
       "        \n",
       "    \n",
       "        var popup_c46f3267b9e3e3ba60c63158d1e0bf09 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_e83c0dfb9e8fe17a60d55256041b8b21 = $(`&lt;div id=&quot;html_e83c0dfb9e8fe17a60d55256041b8b21&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;BEDOK 29598&lt;/div&gt;`)[0];\n",
       "                popup_c46f3267b9e3e3ba60c63158d1e0bf09.setContent(html_e83c0dfb9e8fe17a60d55256041b8b21);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_76c0b305dd5a00010712936f376eb648.bindPopup(popup_c46f3267b9e3e3ba60c63158d1e0bf09)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_734778fbe1ef09a88aa9644b1610ad9f = L.circleMarker(\n",
       "                [1.3499986, 103.8499966],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#1c9c95&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#1c9c95&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 18.684001000000002, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_948c722b9e989df248b42c6de3d97bdd);\n",
       "        \n",
       "    \n",
       "        var popup_694d93d32e5c4b76614420e3bc9cd9fb = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_b3500378dca7b7553e713dbf10a4cc42 = $(`&lt;div id=&quot;html_b3500378dca7b7553e713dbf10a4cc42&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;BISHAN 18684&lt;/div&gt;`)[0];\n",
       "                popup_694d93d32e5c4b76614420e3bc9cd9fb.setContent(html_b3500378dca7b7553e713dbf10a4cc42);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_734778fbe1ef09a88aa9644b1610ad9f.bindPopup(popup_694d93d32e5c4b76614420e3bc9cd9fb)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_b205408b6ece02c80b83379f7730875e = L.circleMarker(\n",
       "                [1.3496, 103.7528],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#1c9c95&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#1c9c95&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 38.961000999999996, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_948c722b9e989df248b42c6de3d97bdd);\n",
       "        \n",
       "    \n",
       "        var popup_eacc2c152f5f647d8792292780ed724f = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_e08bb0229cfb12913087641cc0d5d1d8 = $(`&lt;div id=&quot;html_e08bb0229cfb12913087641cc0d5d1d8&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;BUKIT BATOK 38961&lt;/div&gt;`)[0];\n",
       "                popup_eacc2c152f5f647d8792292780ed724f.setContent(html_e08bb0229cfb12913087641cc0d5d1d8);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_b205408b6ece02c80b83379f7730875e.bindPopup(popup_eacc2c152f5f647d8792292780ed724f)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_8c58b7836a3e524f840e8adcec16c3ab = L.circleMarker(\n",
       "                [1.28583, 103.81944],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#1c9c95&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#1c9c95&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 8.436001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_948c722b9e989df248b42c6de3d97bdd);\n",
       "        \n",
       "    \n",
       "        var popup_c587ca44bd2f144c16edb9d949f6588e = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_ff4c815e3190048df7acf0513e3dfb15 = $(`&lt;div id=&quot;html_ff4c815e3190048df7acf0513e3dfb15&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;BUKIT MERAH 8436&lt;/div&gt;`)[0];\n",
       "                popup_c587ca44bd2f144c16edb9d949f6588e.setContent(html_ff4c815e3190048df7acf0513e3dfb15);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_8c58b7836a3e524f840e8adcec16c3ab.bindPopup(popup_c587ca44bd2f144c16edb9d949f6588e)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_93f3e5309a866957a7921800efd4b436 = L.circleMarker(\n",
       "                [1.3786, 103.7626],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#1c9c95&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#1c9c95&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 19.093001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_948c722b9e989df248b42c6de3d97bdd);\n",
       "        \n",
       "    \n",
       "        var popup_2b2edede433bdb6ba71dac92184f8545 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_8f4b8e7d2e9ccba630a3d0e0d0193200 = $(`&lt;div id=&quot;html_8f4b8e7d2e9ccba630a3d0e0d0193200&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;BUKIT PANJANG 19093&lt;/div&gt;`)[0];\n",
       "                popup_2b2edede433bdb6ba71dac92184f8545.setContent(html_8f4b8e7d2e9ccba630a3d0e0d0193200);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_93f3e5309a866957a7921800efd4b436.bindPopup(popup_2b2edede433bdb6ba71dac92184f8545)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_f0d41ebd8f5e2af9795f6a76553462ac = L.circleMarker(\n",
       "                [1.3294, 103.8021],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#1c9c95&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#1c9c95&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 1.449001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_948c722b9e989df248b42c6de3d97bdd);\n",
       "        \n",
       "    \n",
       "        var popup_fb7c4af248154c820c0d0a9df667c3b2 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_2e48445a5299d81c3328698ce6ba6734 = $(`&lt;div id=&quot;html_2e48445a5299d81c3328698ce6ba6734&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;BUKIT TIMAH 1449&lt;/div&gt;`)[0];\n",
       "                popup_fb7c4af248154c820c0d0a9df667c3b2.setContent(html_2e48445a5299d81c3328698ce6ba6734);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_f0d41ebd8f5e2af9795f6a76553462ac.bindPopup(popup_fb7c4af248154c820c0d0a9df667c3b2)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_ec0119397bc4e3362005a78732d3d62f = L.circleMarker(\n",
       "                [1.2895, 103.8143],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#1c9c95&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#1c9c95&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 2.697001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_948c722b9e989df248b42c6de3d97bdd);\n",
       "        \n",
       "    \n",
       "        var popup_ea067a99b531a2a786a61c1b28d113a6 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_9d3280484a007b1529a4d170e0d4d002 = $(`&lt;div id=&quot;html_9d3280484a007b1529a4d170e0d4d002&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;CENTRAL AREA 2697&lt;/div&gt;`)[0];\n",
       "                popup_ea067a99b531a2a786a61c1b28d113a6.setContent(html_9d3280484a007b1529a4d170e0d4d002);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_ec0119397bc4e3362005a78732d3d62f.bindPopup(popup_ea067a99b531a2a786a61c1b28d113a6)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_96b95a2ca25f0a10cbc260ba435cc3dd = L.circleMarker(\n",
       "                [1.3833318, 103.749997],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#1c9c95&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#1c9c95&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 28.278001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_948c722b9e989df248b42c6de3d97bdd);\n",
       "        \n",
       "    \n",
       "        var popup_93dab1df02f9802c9b047be1688a01b0 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_c130e5c21c4ab212935f47a9ab98d583 = $(`&lt;div id=&quot;html_c130e5c21c4ab212935f47a9ab98d583&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;CHOA CHU KANG 28278&lt;/div&gt;`)[0];\n",
       "                popup_93dab1df02f9802c9b047be1688a01b0.setContent(html_c130e5c21c4ab212935f47a9ab98d583);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_96b95a2ca25f0a10cbc260ba435cc3dd.bindPopup(popup_93dab1df02f9802c9b047be1688a01b0)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_a2ec451112a63a2ad8bcaab26d65a38f = L.circleMarker(\n",
       "                [1.30918042994, 103.75914363],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#1c9c95&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#1c9c95&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 10.710001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_948c722b9e989df248b42c6de3d97bdd);\n",
       "        \n",
       "    \n",
       "        var popup_e29ac9871c7f427a143090c4057c2c3d = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_4973c9d45428104930eb657d08f1412d = $(`&lt;div id=&quot;html_4973c9d45428104930eb657d08f1412d&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;CLEMENTI 10710&lt;/div&gt;`)[0];\n",
       "                popup_e29ac9871c7f427a143090c4057c2c3d.setContent(html_4973c9d45428104930eb657d08f1412d);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_a2ec451112a63a2ad8bcaab26d65a38f.bindPopup(popup_e29ac9871c7f427a143090c4057c2c3d)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_f75129d2e7e165e4dfe3608c80c123e6 = L.circleMarker(\n",
       "                [1.3182, 103.8871],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#1c9c95&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#1c9c95&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 11.678001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_948c722b9e989df248b42c6de3d97bdd);\n",
       "        \n",
       "    \n",
       "        var popup_7fab7ed1c0030bf34174a65736252be0 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_34dc2c841096506e05294ddf25babc4c = $(`&lt;div id=&quot;html_34dc2c841096506e05294ddf25babc4c&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;GEYLANG 11678&lt;/div&gt;`)[0];\n",
       "                popup_7fab7ed1c0030bf34174a65736252be0.setContent(html_34dc2c841096506e05294ddf25babc4c);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_f75129d2e7e165e4dfe3608c80c123e6.bindPopup(popup_7fab7ed1c0030bf34174a65736252be0)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_ec61eb78052bfb413c145220f5f279d9 = L.circleMarker(\n",
       "                [1.3736, 103.8867],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#1c9c95&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#1c9c95&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 41.823001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_948c722b9e989df248b42c6de3d97bdd);\n",
       "        \n",
       "    \n",
       "        var popup_429bb1f86eff8497b5f52f692113fa21 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_b48552218b516eab3163aa1750759d8f = $(`&lt;div id=&quot;html_b48552218b516eab3163aa1750759d8f&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;HOUGANG 41823&lt;/div&gt;`)[0];\n",
       "                popup_429bb1f86eff8497b5f52f692113fa21.setContent(html_b48552218b516eab3163aa1750759d8f);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_ec61eb78052bfb413c145220f5f279d9.bindPopup(popup_429bb1f86eff8497b5f52f692113fa21)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_f4758c63fe673c8a362698aa8c3b3ae7 = L.circleMarker(\n",
       "                [1.32399537068, 103.737298717],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#1c9c95&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#1c9c95&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 18.925001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_948c722b9e989df248b42c6de3d97bdd);\n",
       "        \n",
       "    \n",
       "        var popup_0cae6b32b8a080b21aa6ef2e7ab85dcb = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_3a27cf55f789817464a6eb0621b01c86 = $(`&lt;div id=&quot;html_3a27cf55f789817464a6eb0621b01c86&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;JURONG EAST 18925&lt;/div&gt;`)[0];\n",
       "                popup_0cae6b32b8a080b21aa6ef2e7ab85dcb.setContent(html_3a27cf55f789817464a6eb0621b01c86);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_f4758c63fe673c8a362698aa8c3b3ae7.bindPopup(popup_0cae6b32b8a080b21aa6ef2e7ab85dcb)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_0ded78b1b29e002ed878ba64cea0a205 = L.circleMarker(\n",
       "                [1.3396, 103.7073],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#1c9c95&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#1c9c95&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 38.484001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_948c722b9e989df248b42c6de3d97bdd);\n",
       "        \n",
       "    \n",
       "        var popup_148da057e77be651331fef0d1b1d5d38 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_f286ae5fb4c2ac4677805c9d1d7e77ac = $(`&lt;div id=&quot;html_f286ae5fb4c2ac4677805c9d1d7e77ac&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;JURONG WEST 38484&lt;/div&gt;`)[0];\n",
       "                popup_148da057e77be651331fef0d1b1d5d38.setContent(html_f286ae5fb4c2ac4677805c9d1d7e77ac);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_0ded78b1b29e002ed878ba64cea0a205.bindPopup(popup_148da057e77be651331fef0d1b1d5d38)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_39e55360a88cd97412bfa52481d2eaef = L.circleMarker(\n",
       "                [1.3106, 103.866],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#1c9c95&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#1c9c95&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 9.935001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_948c722b9e989df248b42c6de3d97bdd);\n",
       "        \n",
       "    \n",
       "        var popup_6b6992b4bf62970037f5408f626c0c2a = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_f06472a1f0fb5a81f146157a17fe2dd2 = $(`&lt;div id=&quot;html_f06472a1f0fb5a81f146157a17fe2dd2&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;KALLANG/WHAMPOA 9935&lt;/div&gt;`)[0];\n",
       "                popup_6b6992b4bf62970037f5408f626c0c2a.setContent(html_f06472a1f0fb5a81f146157a17fe2dd2);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_39e55360a88cd97412bfa52481d2eaef.bindPopup(popup_6b6992b4bf62970037f5408f626c0c2a)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_7bc09982304222e864f1d1ab80bd8f8e = L.circleMarker(\n",
       "                [1.303, 103.9072],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#1c9c95&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#1c9c95&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 1e-06, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_948c722b9e989df248b42c6de3d97bdd);\n",
       "        \n",
       "    \n",
       "        var popup_e26df26a74c7bcd52d939eb43a502ade = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_f155c4c33f551c462494ce43f034acf7 = $(`&lt;div id=&quot;html_f155c4c33f551c462494ce43f034acf7&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;MARINE PARADE 0&lt;/div&gt;`)[0];\n",
       "                popup_e26df26a74c7bcd52d939eb43a502ade.setContent(html_f155c4c33f551c462494ce43f034acf7);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_7bc09982304222e864f1d1ab80bd8f8e.bindPopup(popup_e26df26a74c7bcd52d939eb43a502ade)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_4db6e05cb7bb50bf1c4587d00e99d1c9 = L.circleMarker(\n",
       "                [1.3739, 103.9493],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#1c9c95&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#1c9c95&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 29.986001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_948c722b9e989df248b42c6de3d97bdd);\n",
       "        \n",
       "    \n",
       "        var popup_2482acebba38242f122deb36a61376c3 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_9c266011ac2a4b2423d104bce1a5702f = $(`&lt;div id=&quot;html_9c266011ac2a4b2423d104bce1a5702f&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;PASIR RIS 29986&lt;/div&gt;`)[0];\n",
       "                popup_2482acebba38242f122deb36a61376c3.setContent(html_9c266011ac2a4b2423d104bce1a5702f);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_4db6e05cb7bb50bf1c4587d00e99d1c9.bindPopup(popup_2482acebba38242f122deb36a61376c3)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_cec83e948e6b47d39ba73f28a6dd4af7 = L.circleMarker(\n",
       "                [1.4051, 103.9023],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#1c9c95&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#1c9c95&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 1e-06, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_948c722b9e989df248b42c6de3d97bdd);\n",
       "        \n",
       "    \n",
       "        var popup_d1ace8e50893ab53fe5eabf350d679ee = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_d24a2f7f70234049467c28e71cdb1724 = $(`&lt;div id=&quot;html_d24a2f7f70234049467c28e71cdb1724&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;PUNGGOL 0&lt;/div&gt;`)[0];\n",
       "                popup_d1ace8e50893ab53fe5eabf350d679ee.setContent(html_d24a2f7f70234049467c28e71cdb1724);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_cec83e948e6b47d39ba73f28a6dd4af7.bindPopup(popup_d1ace8e50893ab53fe5eabf350d679ee)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_a679e40867e9832dfcbb19589c882cc0 = L.circleMarker(\n",
       "                [1.29944, 103.80583],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#1c9c95&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#1c9c95&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 2.171001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_948c722b9e989df248b42c6de3d97bdd);\n",
       "        \n",
       "    \n",
       "        var popup_aa831d7a13a7a315c12bb931d3085f2d = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_4739a1c307ff276ae8abbeaca0b1469c = $(`&lt;div id=&quot;html_4739a1c307ff276ae8abbeaca0b1469c&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;QUEENSTOWN 2171&lt;/div&gt;`)[0];\n",
       "                popup_aa831d7a13a7a315c12bb931d3085f2d.setContent(html_4739a1c307ff276ae8abbeaca0b1469c);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_a679e40867e9832dfcbb19589c882cc0.bindPopup(popup_aa831d7a13a7a315c12bb931d3085f2d)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_1837a18d1174a7f904dfd054e7caff3e = L.circleMarker(\n",
       "                [1.4491, 103.8201],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#1c9c95&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#1c9c95&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 2.905001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_948c722b9e989df248b42c6de3d97bdd);\n",
       "        \n",
       "    \n",
       "        var popup_20288a1bcbca46d35db70b3f56392001 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_4ce04a9e47410fe400997f18eb8a49a5 = $(`&lt;div id=&quot;html_4ce04a9e47410fe400997f18eb8a49a5&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;SEMBAWANG 2905&lt;/div&gt;`)[0];\n",
       "                popup_20288a1bcbca46d35db70b3f56392001.setContent(html_4ce04a9e47410fe400997f18eb8a49a5);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_1837a18d1174a7f904dfd054e7caff3e.bindPopup(popup_20288a1bcbca46d35db70b3f56392001)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_2c062cacc6151240c3b4977ebfd6f0df = L.circleMarker(\n",
       "                [1.3901, 103.8952],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#1c9c95&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#1c9c95&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 4.659001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_948c722b9e989df248b42c6de3d97bdd);\n",
       "        \n",
       "    \n",
       "        var popup_8f34918ec476fa75c5cbe610f6c43716 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_48297e45f5faba15bce9642a1637ef9a = $(`&lt;div id=&quot;html_48297e45f5faba15bce9642a1637ef9a&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;SENGKANG 4659&lt;/div&gt;`)[0];\n",
       "                popup_8f34918ec476fa75c5cbe610f6c43716.setContent(html_48297e45f5faba15bce9642a1637ef9a);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_2c062cacc6151240c3b4977ebfd6f0df.bindPopup(popup_8f34918ec476fa75c5cbe610f6c43716)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_f71078943aaa7e84b9c29bd630610289 = L.circleMarker(\n",
       "                [1.3496, 103.8737],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#1c9c95&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#1c9c95&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 20.310001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_948c722b9e989df248b42c6de3d97bdd);\n",
       "        \n",
       "    \n",
       "        var popup_e36576eb5a7a0aac95f9fd06efa435e8 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_56e948910a6de8201a221d080b0c57c6 = $(`&lt;div id=&quot;html_56e948910a6de8201a221d080b0c57c6&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;SERANGOON 20310&lt;/div&gt;`)[0];\n",
       "                popup_e36576eb5a7a0aac95f9fd06efa435e8.setContent(html_56e948910a6de8201a221d080b0c57c6);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_f71078943aaa7e84b9c29bd630610289.bindPopup(popup_e36576eb5a7a0aac95f9fd06efa435e8)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_64d11e945247bd936b999ca138e613de = L.circleMarker(\n",
       "                [1.3547, 103.9437],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#1c9c95&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#1c9c95&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 72.24300099999999, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_948c722b9e989df248b42c6de3d97bdd);\n",
       "        \n",
       "    \n",
       "        var popup_8a9eb8ee766c7c9aaa583497031ff90c = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_10a7cf863581bc9b544bbb9b8c0c7d75 = $(`&lt;div id=&quot;html_10a7cf863581bc9b544bbb9b8c0c7d75&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;TAMPINES 72243&lt;/div&gt;`)[0];\n",
       "                popup_8a9eb8ee766c7c9aaa583497031ff90c.setContent(html_10a7cf863581bc9b544bbb9b8c0c7d75);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_64d11e945247bd936b999ca138e613de.bindPopup(popup_8a9eb8ee766c7c9aaa583497031ff90c)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_06d1745b53d10b3e123874f8f77e62fe = L.circleMarker(\n",
       "                [1.3354, 103.8497],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#1c9c95&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#1c9c95&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 10.083001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_948c722b9e989df248b42c6de3d97bdd);\n",
       "        \n",
       "    \n",
       "        var popup_46b23931decf8b6a1c18af2d750c4ac2 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_ac7ac3c57e07efe849811af02315bf9d = $(`&lt;div id=&quot;html_ac7ac3c57e07efe849811af02315bf9d&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;TOA PAYOH 10083&lt;/div&gt;`)[0];\n",
       "                popup_46b23931decf8b6a1c18af2d750c4ac2.setContent(html_ac7ac3c57e07efe849811af02315bf9d);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_06d1745b53d10b3e123874f8f77e62fe.bindPopup(popup_46b23931decf8b6a1c18af2d750c4ac2)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_9b1da6637a78bce6300f9c1b6be749e3 = L.circleMarker(\n",
       "                [1.43801, 103.78877],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#1c9c95&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#1c9c95&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 45.226001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_948c722b9e989df248b42c6de3d97bdd);\n",
       "        \n",
       "    \n",
       "        var popup_63f061e419d17eb3bcca8da36389459d = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_0e8c1459900a94e435f9a97760b995d5 = $(`&lt;div id=&quot;html_0e8c1459900a94e435f9a97760b995d5&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;WOODLANDS 45226&lt;/div&gt;`)[0];\n",
       "                popup_63f061e419d17eb3bcca8da36389459d.setContent(html_0e8c1459900a94e435f9a97760b995d5);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_9b1da6637a78bce6300f9c1b6be749e3.bindPopup(popup_63f061e419d17eb3bcca8da36389459d)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_c88c478851c3cb4269720ade5b79c6a6 = L.circleMarker(\n",
       "                [1.4293, 103.8355],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#1c9c95&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#1c9c95&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 60.938001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_948c722b9e989df248b42c6de3d97bdd);\n",
       "        \n",
       "    \n",
       "        var popup_ce1f01405ebd55ebe3d94880ec6a5f44 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_cd988c3de20f4d602431f98a549b3d22 = $(`&lt;div id=&quot;html_cd988c3de20f4d602431f98a549b3d22&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;YISHUN 60938&lt;/div&gt;`)[0];\n",
       "                popup_ce1f01405ebd55ebe3d94880ec6a5f44.setContent(html_cd988c3de20f4d602431f98a549b3d22);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_c88c478851c3cb4269720ade5b79c6a6.bindPopup(popup_ce1f01405ebd55ebe3d94880ec6a5f44)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            tile_layer_d80507bfaf709627850d42e5a69c1a2c.addTo(map_948c722b9e989df248b42c6de3d97bdd);\n",
       "        \n",
       "&lt;/script&gt;\n",
       "&lt;/html&gt;\" style=\"position:absolute;width:100%;height:100%;left:0;top:0;border:none !important;\" allowfullscreen webkitallowfullscreen mozallowfullscreen></iframe></div></div>"
      ],
      "text/plain": [
       "<folium.folium.Map at 0x7d103b4dc790>"
      ]
     },
     "execution_count": 7,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "renderMap(data[(1980 <= data['lease_commence_date']) & (data['lease_commence_date'] < 2000)], 1000, \"#1c9c95\")\n",
    "sgmap.save(\"lease-before2000-map.html\")\n",
    "sgmap"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 8,
   "id": "bf5beaaa",
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<div style=\"width:100%;\"><div style=\"position:relative;width:100%;height:0;padding-bottom:60%;\"><span style=\"color:#565656\">Make this Notebook Trusted to load map: File -> Trust Notebook</span><iframe srcdoc=\"&lt;!DOCTYPE html&gt;\n",
       "&lt;html&gt;\n",
       "&lt;head&gt;\n",
       "    \n",
       "    &lt;meta http-equiv=&quot;content-type&quot; content=&quot;text/html; charset=UTF-8&quot; /&gt;\n",
       "    \n",
       "        &lt;script&gt;\n",
       "            L_NO_TOUCH = false;\n",
       "            L_DISABLE_3D = false;\n",
       "        &lt;/script&gt;\n",
       "    \n",
       "    &lt;style&gt;html, body {width: 100%;height: 100%;margin: 0;padding: 0;}&lt;/style&gt;\n",
       "    &lt;style&gt;#map {position:absolute;top:0;bottom:0;right:0;left:0;}&lt;/style&gt;\n",
       "    &lt;script src=&quot;https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.js&quot;&gt;&lt;/script&gt;\n",
       "    &lt;script src=&quot;https://code.jquery.com/jquery-3.7.1.min.js&quot;&gt;&lt;/script&gt;\n",
       "    &lt;script src=&quot;https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js&quot;&gt;&lt;/script&gt;\n",
       "    &lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.js&quot;&gt;&lt;/script&gt;\n",
       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.css&quot;/&gt;\n",
       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css&quot;/&gt;\n",
       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css&quot;/&gt;\n",
       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.min.css&quot;/&gt;\n",
       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css&quot;/&gt;\n",
       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css&quot;/&gt;\n",
       "    \n",
       "            &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width,\n",
       "                initial-scale=1.0, maximum-scale=1.0, user-scalable=no&quot; /&gt;\n",
       "            &lt;style&gt;\n",
       "                #map_ed0f6ddc2da13c0e320036d06828c446 {\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_ed0f6ddc2da13c0e320036d06828c446&quot; &gt;&lt;/div&gt;\n",
       "        \n",
       "&lt;/body&gt;\n",
       "&lt;script&gt;\n",
       "    \n",
       "    \n",
       "            var map_ed0f6ddc2da13c0e320036d06828c446 = L.map(\n",
       "                &quot;map_ed0f6ddc2da13c0e320036d06828c446&quot;,\n",
       "                {\n",
       "                    center: [1.3666, 103.8],\n",
       "                    crs: L.CRS.EPSG3857,\n",
       "                    zoom: 12,\n",
       "                    zoomControl: true,\n",
       "                    preferCanvas: false,\n",
       "                    doubleClickZoom: false,\n",
       "                }\n",
       "            );\n",
       "\n",
       "            \n",
       "\n",
       "        \n",
       "    \n",
       "            var tile_layer_a073a4dec93eda00ccde8bd94f48f458 = 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_a073a4dec93eda00ccde8bd94f48f458.addTo(map_ed0f6ddc2da13c0e320036d06828c446);\n",
       "        \n",
       "    \n",
       "            var circle_marker_d0978b9aa58f455d755e2b31fec89818 = L.circleMarker(\n",
       "                [1.3698, 103.8461],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#1c9c95&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#1c9c95&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 1.5290009999999998, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_ed0f6ddc2da13c0e320036d06828c446);\n",
       "        \n",
       "    \n",
       "        var popup_2d71668557f19a15acd714bf918daa83 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_c836d4cab27471bca4de851af4eb7dcf = $(`&lt;div id=&quot;html_c836d4cab27471bca4de851af4eb7dcf&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;ANG MO KIO 1529&lt;/div&gt;`)[0];\n",
       "                popup_2d71668557f19a15acd714bf918daa83.setContent(html_c836d4cab27471bca4de851af4eb7dcf);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_d0978b9aa58f455d755e2b31fec89818.bindPopup(popup_2d71668557f19a15acd714bf918daa83)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_800578f506af39bf6fadea21337c53c5 = L.circleMarker(\n",
       "                [1.3236, 103.9273],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#1c9c95&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#1c9c95&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 1.718001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_ed0f6ddc2da13c0e320036d06828c446);\n",
       "        \n",
       "    \n",
       "        var popup_a07a627cf8e9f504aa7fac82250b58c8 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_9866f18de0f5a945b482b458e4bd148c = $(`&lt;div id=&quot;html_9866f18de0f5a945b482b458e4bd148c&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;BEDOK 1718&lt;/div&gt;`)[0];\n",
       "                popup_a07a627cf8e9f504aa7fac82250b58c8.setContent(html_9866f18de0f5a945b482b458e4bd148c);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_800578f506af39bf6fadea21337c53c5.bindPopup(popup_a07a627cf8e9f504aa7fac82250b58c8)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_e326cc75f293d184f441ca26538f292c = L.circleMarker(\n",
       "                [1.3499986, 103.8499966],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#1c9c95&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#1c9c95&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 0.137001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_ed0f6ddc2da13c0e320036d06828c446);\n",
       "        \n",
       "    \n",
       "        var popup_ab10d8b3b1e430f2f538618fa566ff8f = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_52bd3ba515e2542407225eadcc35e7f3 = $(`&lt;div id=&quot;html_52bd3ba515e2542407225eadcc35e7f3&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;BISHAN 137&lt;/div&gt;`)[0];\n",
       "                popup_ab10d8b3b1e430f2f538618fa566ff8f.setContent(html_52bd3ba515e2542407225eadcc35e7f3);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_e326cc75f293d184f441ca26538f292c.bindPopup(popup_ab10d8b3b1e430f2f538618fa566ff8f)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_8fd0fcfa0c802713e6c136383fbf48a6 = L.circleMarker(\n",
       "                [1.3496, 103.7528],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#1c9c95&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#1c9c95&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 1.244001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_ed0f6ddc2da13c0e320036d06828c446);\n",
       "        \n",
       "    \n",
       "        var popup_45a7a4c0c00d5149ff2ff2fb52906e5a = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_f14b01fdc7cb4d5b8fd84cace275b26e = $(`&lt;div id=&quot;html_f14b01fdc7cb4d5b8fd84cace275b26e&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;BUKIT BATOK 1244&lt;/div&gt;`)[0];\n",
       "                popup_45a7a4c0c00d5149ff2ff2fb52906e5a.setContent(html_f14b01fdc7cb4d5b8fd84cace275b26e);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_8fd0fcfa0c802713e6c136383fbf48a6.bindPopup(popup_45a7a4c0c00d5149ff2ff2fb52906e5a)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_9fad69d830eaa6e86e3f0eb86f2fe9b3 = L.circleMarker(\n",
       "                [1.28583, 103.81944],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#1c9c95&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#1c9c95&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 4.415001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_ed0f6ddc2da13c0e320036d06828c446);\n",
       "        \n",
       "    \n",
       "        var popup_e1fde4652a81ddd33f19c6ff8eb7dd79 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_596e35f00216e9598895d3502234bcf7 = $(`&lt;div id=&quot;html_596e35f00216e9598895d3502234bcf7&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;BUKIT MERAH 4415&lt;/div&gt;`)[0];\n",
       "                popup_e1fde4652a81ddd33f19c6ff8eb7dd79.setContent(html_596e35f00216e9598895d3502234bcf7);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_9fad69d830eaa6e86e3f0eb86f2fe9b3.bindPopup(popup_e1fde4652a81ddd33f19c6ff8eb7dd79)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_68efc6cc75446832ee609f5fcd04507a = L.circleMarker(\n",
       "                [1.3786, 103.7626],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#1c9c95&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#1c9c95&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 5.096001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_ed0f6ddc2da13c0e320036d06828c446);\n",
       "        \n",
       "    \n",
       "        var popup_7ec9bf5c35f06cc29b4de737bf836559 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_0e9130981b9d9839531c612ea0cdad62 = $(`&lt;div id=&quot;html_0e9130981b9d9839531c612ea0cdad62&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;BUKIT PANJANG 5096&lt;/div&gt;`)[0];\n",
       "                popup_7ec9bf5c35f06cc29b4de737bf836559.setContent(html_0e9130981b9d9839531c612ea0cdad62);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_68efc6cc75446832ee609f5fcd04507a.bindPopup(popup_7ec9bf5c35f06cc29b4de737bf836559)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_0eb25ce9b0f5aadcd4beb9b932255262 = L.circleMarker(\n",
       "                [1.3294, 103.8021],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#1c9c95&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#1c9c95&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 1e-06, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_ed0f6ddc2da13c0e320036d06828c446);\n",
       "        \n",
       "    \n",
       "        var popup_a76745677579d385c4b104484a925d05 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_18a4ebee28e075d98ebb05a1b3153d18 = $(`&lt;div id=&quot;html_18a4ebee28e075d98ebb05a1b3153d18&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;BUKIT TIMAH 0&lt;/div&gt;`)[0];\n",
       "                popup_a76745677579d385c4b104484a925d05.setContent(html_18a4ebee28e075d98ebb05a1b3153d18);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_0eb25ce9b0f5aadcd4beb9b932255262.bindPopup(popup_a76745677579d385c4b104484a925d05)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_3b8b6992a795af62a7a798fcdaf172e5 = L.circleMarker(\n",
       "                [1.2895, 103.8143],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#1c9c95&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#1c9c95&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 0.578001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_ed0f6ddc2da13c0e320036d06828c446);\n",
       "        \n",
       "    \n",
       "        var popup_df11fb62e7de105cfce9ca3b750ea288 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_8e1f0c4a4e66cc3f3bf4991d078a1b58 = $(`&lt;div id=&quot;html_8e1f0c4a4e66cc3f3bf4991d078a1b58&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;CENTRAL AREA 578&lt;/div&gt;`)[0];\n",
       "                popup_df11fb62e7de105cfce9ca3b750ea288.setContent(html_8e1f0c4a4e66cc3f3bf4991d078a1b58);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_3b8b6992a795af62a7a798fcdaf172e5.bindPopup(popup_df11fb62e7de105cfce9ca3b750ea288)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_f22b0fb5d011d087bafe1b61d1f46a6d = L.circleMarker(\n",
       "                [1.3833318, 103.749997],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#1c9c95&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#1c9c95&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 3.5630010000000003, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_ed0f6ddc2da13c0e320036d06828c446);\n",
       "        \n",
       "    \n",
       "        var popup_96c8195428dd62394ed92f607a1794b3 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_276471360b3e4c6fa496e468fac8ddfd = $(`&lt;div id=&quot;html_276471360b3e4c6fa496e468fac8ddfd&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;CHOA CHU KANG 3563&lt;/div&gt;`)[0];\n",
       "                popup_96c8195428dd62394ed92f607a1794b3.setContent(html_276471360b3e4c6fa496e468fac8ddfd);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_f22b0fb5d011d087bafe1b61d1f46a6d.bindPopup(popup_96c8195428dd62394ed92f607a1794b3)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_e892a2327aae2c6f38e9cb40614aff68 = L.circleMarker(\n",
       "                [1.30918042994, 103.75914363],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#1c9c95&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#1c9c95&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 0.848001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_ed0f6ddc2da13c0e320036d06828c446);\n",
       "        \n",
       "    \n",
       "        var popup_28f4269e071bd50f09504bceb42ce1cc = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_b4a9029b227919edd389db2215c0c338 = $(`&lt;div id=&quot;html_b4a9029b227919edd389db2215c0c338&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;CLEMENTI 848&lt;/div&gt;`)[0];\n",
       "                popup_28f4269e071bd50f09504bceb42ce1cc.setContent(html_b4a9029b227919edd389db2215c0c338);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_e892a2327aae2c6f38e9cb40614aff68.bindPopup(popup_28f4269e071bd50f09504bceb42ce1cc)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_87ad9d9c36521d6eaa1220ebcab2e871 = L.circleMarker(\n",
       "                [1.3182, 103.8871],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#1c9c95&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#1c9c95&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 0.941001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_ed0f6ddc2da13c0e320036d06828c446);\n",
       "        \n",
       "    \n",
       "        var popup_b4eb15be7bf8f062c3dbbb96dadce886 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_c54f5f74c9868074dccb900a6bdf18fb = $(`&lt;div id=&quot;html_c54f5f74c9868074dccb900a6bdf18fb&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;GEYLANG 941&lt;/div&gt;`)[0];\n",
       "                popup_b4eb15be7bf8f062c3dbbb96dadce886.setContent(html_c54f5f74c9868074dccb900a6bdf18fb);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_87ad9d9c36521d6eaa1220ebcab2e871.bindPopup(popup_b4eb15be7bf8f062c3dbbb96dadce886)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_b1a73c164d2dc0e629fe6e40259f1d43 = L.circleMarker(\n",
       "                [1.3736, 103.8867],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#1c9c95&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#1c9c95&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 1.474001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_ed0f6ddc2da13c0e320036d06828c446);\n",
       "        \n",
       "    \n",
       "        var popup_24419c717a5025a8332b4f8a7abddae9 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_506079d6f7a3efbaed8f6c697247516d = $(`&lt;div id=&quot;html_506079d6f7a3efbaed8f6c697247516d&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;HOUGANG 1474&lt;/div&gt;`)[0];\n",
       "                popup_24419c717a5025a8332b4f8a7abddae9.setContent(html_506079d6f7a3efbaed8f6c697247516d);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_b1a73c164d2dc0e629fe6e40259f1d43.bindPopup(popup_24419c717a5025a8332b4f8a7abddae9)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_89a18a8d730c986a30dfde6c37905a03 = L.circleMarker(\n",
       "                [1.32399537068, 103.737298717],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#1c9c95&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#1c9c95&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 0.729001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_ed0f6ddc2da13c0e320036d06828c446);\n",
       "        \n",
       "    \n",
       "        var popup_756102383d2442e0896137b390cd8eb3 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_11635cff2e4b63a7b988e666d3c04ffb = $(`&lt;div id=&quot;html_11635cff2e4b63a7b988e666d3c04ffb&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;JURONG EAST 729&lt;/div&gt;`)[0];\n",
       "                popup_756102383d2442e0896137b390cd8eb3.setContent(html_11635cff2e4b63a7b988e666d3c04ffb);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_89a18a8d730c986a30dfde6c37905a03.bindPopup(popup_756102383d2442e0896137b390cd8eb3)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_2a226a211ed7b703631dfe94f7dad9d5 = L.circleMarker(\n",
       "                [1.3396, 103.7073],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#1c9c95&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#1c9c95&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 11.858001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_ed0f6ddc2da13c0e320036d06828c446);\n",
       "        \n",
       "    \n",
       "        var popup_94beaf61b875b0a9f72ab2f347078b9b = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_7fa0583f5850ba0f736334dff70b94ad = $(`&lt;div id=&quot;html_7fa0583f5850ba0f736334dff70b94ad&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;JURONG WEST 11858&lt;/div&gt;`)[0];\n",
       "                popup_94beaf61b875b0a9f72ab2f347078b9b.setContent(html_7fa0583f5850ba0f736334dff70b94ad);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_2a226a211ed7b703631dfe94f7dad9d5.bindPopup(popup_94beaf61b875b0a9f72ab2f347078b9b)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_166ebb39176b68e65076214742f113b9 = L.circleMarker(\n",
       "                [1.3106, 103.866],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#1c9c95&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#1c9c95&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 1.578001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_ed0f6ddc2da13c0e320036d06828c446);\n",
       "        \n",
       "    \n",
       "        var popup_d05ff580e565d4f868197b942c795965 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_c7ac58b6894d87ee4b509e211ef041c9 = $(`&lt;div id=&quot;html_c7ac58b6894d87ee4b509e211ef041c9&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;KALLANG/WHAMPOA 1578&lt;/div&gt;`)[0];\n",
       "                popup_d05ff580e565d4f868197b942c795965.setContent(html_c7ac58b6894d87ee4b509e211ef041c9);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_166ebb39176b68e65076214742f113b9.bindPopup(popup_d05ff580e565d4f868197b942c795965)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_0b96cdea47e39d70d10f14f20e003de5 = L.circleMarker(\n",
       "                [1.303, 103.9072],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#1c9c95&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#1c9c95&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 1e-06, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_ed0f6ddc2da13c0e320036d06828c446);\n",
       "        \n",
       "    \n",
       "        var popup_36c634afc4bf6708cf8d08ee484802e8 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_2133b5ac2d9e074f05fc07478e9eb2ae = $(`&lt;div id=&quot;html_2133b5ac2d9e074f05fc07478e9eb2ae&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;MARINE PARADE 0&lt;/div&gt;`)[0];\n",
       "                popup_36c634afc4bf6708cf8d08ee484802e8.setContent(html_2133b5ac2d9e074f05fc07478e9eb2ae);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_0b96cdea47e39d70d10f14f20e003de5.bindPopup(popup_36c634afc4bf6708cf8d08ee484802e8)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_3db6f54be363f28fd0d67af7da6dd0ca = L.circleMarker(\n",
       "                [1.3739, 103.9493],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#1c9c95&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#1c9c95&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 0.223001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_ed0f6ddc2da13c0e320036d06828c446);\n",
       "        \n",
       "    \n",
       "        var popup_fed359bf435c1c4fd1a1c12e6fa12f47 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_a2a9a043a99e9fe96135924e5345d07c = $(`&lt;div id=&quot;html_a2a9a043a99e9fe96135924e5345d07c&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;PASIR RIS 223&lt;/div&gt;`)[0];\n",
       "                popup_fed359bf435c1c4fd1a1c12e6fa12f47.setContent(html_a2a9a043a99e9fe96135924e5345d07c);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_3db6f54be363f28fd0d67af7da6dd0ca.bindPopup(popup_fed359bf435c1c4fd1a1c12e6fa12f47)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_6f8e73c4aaf39dd2af0b394726d0b9de = L.circleMarker(\n",
       "                [1.4051, 103.9023],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#1c9c95&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#1c9c95&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 12.290000999999998, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_ed0f6ddc2da13c0e320036d06828c446);\n",
       "        \n",
       "    \n",
       "        var popup_810ee986b254950eb15537a6d60e7793 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_c67deeaf8a46a736d50fbacc9a789391 = $(`&lt;div id=&quot;html_c67deeaf8a46a736d50fbacc9a789391&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;PUNGGOL 12290&lt;/div&gt;`)[0];\n",
       "                popup_810ee986b254950eb15537a6d60e7793.setContent(html_c67deeaf8a46a736d50fbacc9a789391);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_6f8e73c4aaf39dd2af0b394726d0b9de.bindPopup(popup_810ee986b254950eb15537a6d60e7793)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_a294ed6523b19a9141bd40d7a88c7a38 = L.circleMarker(\n",
       "                [1.29944, 103.80583],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#1c9c95&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#1c9c95&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 2.274001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_ed0f6ddc2da13c0e320036d06828c446);\n",
       "        \n",
       "    \n",
       "        var popup_0f5162636367b728f402ca6240189e86 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_04bf1dab945c763e1855b57a058245d8 = $(`&lt;div id=&quot;html_04bf1dab945c763e1855b57a058245d8&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;QUEENSTOWN 2274&lt;/div&gt;`)[0];\n",
       "                popup_0f5162636367b728f402ca6240189e86.setContent(html_04bf1dab945c763e1855b57a058245d8);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_a294ed6523b19a9141bd40d7a88c7a38.bindPopup(popup_0f5162636367b728f402ca6240189e86)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_aef9b7ed91f47ca21d8b200a86032993 = L.circleMarker(\n",
       "                [1.4491, 103.8201],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#1c9c95&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#1c9c95&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 8.070001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_ed0f6ddc2da13c0e320036d06828c446);\n",
       "        \n",
       "    \n",
       "        var popup_e58e2ce31a2dc0f0916c8e2d61b5aec5 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_7eac52aacd7729ae65715af05b589cc4 = $(`&lt;div id=&quot;html_7eac52aacd7729ae65715af05b589cc4&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;SEMBAWANG 8070&lt;/div&gt;`)[0];\n",
       "                popup_e58e2ce31a2dc0f0916c8e2d61b5aec5.setContent(html_7eac52aacd7729ae65715af05b589cc4);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_aef9b7ed91f47ca21d8b200a86032993.bindPopup(popup_e58e2ce31a2dc0f0916c8e2d61b5aec5)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_c2c48555fb24cdaf6a5f0c25a2cd01c1 = L.circleMarker(\n",
       "                [1.3901, 103.8952],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#1c9c95&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#1c9c95&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 19.181001000000002, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_ed0f6ddc2da13c0e320036d06828c446);\n",
       "        \n",
       "    \n",
       "        var popup_580a29a81584009b133b3fd7c046c17b = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_6743b74408313a7bd322d049743e1e86 = $(`&lt;div id=&quot;html_6743b74408313a7bd322d049743e1e86&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;SENGKANG 19181&lt;/div&gt;`)[0];\n",
       "                popup_580a29a81584009b133b3fd7c046c17b.setContent(html_6743b74408313a7bd322d049743e1e86);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_c2c48555fb24cdaf6a5f0c25a2cd01c1.bindPopup(popup_580a29a81584009b133b3fd7c046c17b)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_df77e1e0acf243005fcd19ef0b1698db = L.circleMarker(\n",
       "                [1.3496, 103.8737],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#1c9c95&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#1c9c95&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 1e-06, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_ed0f6ddc2da13c0e320036d06828c446);\n",
       "        \n",
       "    \n",
       "        var popup_7fbd4d787065abeb0661055f972015fd = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_2a8523ec5ed8d51b7ac92534cb621729 = $(`&lt;div id=&quot;html_2a8523ec5ed8d51b7ac92534cb621729&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;SERANGOON 0&lt;/div&gt;`)[0];\n",
       "                popup_7fbd4d787065abeb0661055f972015fd.setContent(html_2a8523ec5ed8d51b7ac92534cb621729);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_df77e1e0acf243005fcd19ef0b1698db.bindPopup(popup_7fbd4d787065abeb0661055f972015fd)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_83c375ca2c12b6fc7a750613539492ef = L.circleMarker(\n",
       "                [1.3547, 103.9437],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#1c9c95&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#1c9c95&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 0.743001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_ed0f6ddc2da13c0e320036d06828c446);\n",
       "        \n",
       "    \n",
       "        var popup_39def4e78b5c48b8a05014072c457d2c = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_0951f77525b04e9d34ec8d7146b5c43d = $(`&lt;div id=&quot;html_0951f77525b04e9d34ec8d7146b5c43d&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;TAMPINES 743&lt;/div&gt;`)[0];\n",
       "                popup_39def4e78b5c48b8a05014072c457d2c.setContent(html_0951f77525b04e9d34ec8d7146b5c43d);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_83c375ca2c12b6fc7a750613539492ef.bindPopup(popup_39def4e78b5c48b8a05014072c457d2c)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_f0dfa4301c130fc7ae933a9a49ba55f2 = L.circleMarker(\n",
       "                [1.3354, 103.8497],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#1c9c95&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#1c9c95&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 1.3150009999999999, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_ed0f6ddc2da13c0e320036d06828c446);\n",
       "        \n",
       "    \n",
       "        var popup_0ee784798528e8a64d89a8a107f5c4e8 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_26fca6b7f748c053e403802823cfcf49 = $(`&lt;div id=&quot;html_26fca6b7f748c053e403802823cfcf49&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;TOA PAYOH 1315&lt;/div&gt;`)[0];\n",
       "                popup_0ee784798528e8a64d89a8a107f5c4e8.setContent(html_26fca6b7f748c053e403802823cfcf49);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_f0dfa4301c130fc7ae933a9a49ba55f2.bindPopup(popup_0ee784798528e8a64d89a8a107f5c4e8)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_8ea2dc45262f768cb50f40c81d0f9541 = L.circleMarker(\n",
       "                [1.43801, 103.78877],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#1c9c95&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#1c9c95&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 8.203000999999999, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_ed0f6ddc2da13c0e320036d06828c446);\n",
       "        \n",
       "    \n",
       "        var popup_21c3f57756552aef85e4f33a5c6260b1 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_d822fdb071307f58c5d88f37ff9cbcab = $(`&lt;div id=&quot;html_d822fdb071307f58c5d88f37ff9cbcab&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;WOODLANDS 8203&lt;/div&gt;`)[0];\n",
       "                popup_21c3f57756552aef85e4f33a5c6260b1.setContent(html_d822fdb071307f58c5d88f37ff9cbcab);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_8ea2dc45262f768cb50f40c81d0f9541.bindPopup(popup_21c3f57756552aef85e4f33a5c6260b1)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_a15a6c06801dfb05dc8e4df9a5c3258d = L.circleMarker(\n",
       "                [1.4293, 103.8355],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#1c9c95&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#1c9c95&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 2.028001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_ed0f6ddc2da13c0e320036d06828c446);\n",
       "        \n",
       "    \n",
       "        var popup_91ebfc6c246f179b0c2dda37a1091de0 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_6f539948ab6262f32602527590f95e13 = $(`&lt;div id=&quot;html_6f539948ab6262f32602527590f95e13&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;YISHUN 2028&lt;/div&gt;`)[0];\n",
       "                popup_91ebfc6c246f179b0c2dda37a1091de0.setContent(html_6f539948ab6262f32602527590f95e13);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_a15a6c06801dfb05dc8e4df9a5c3258d.bindPopup(popup_91ebfc6c246f179b0c2dda37a1091de0)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            tile_layer_a073a4dec93eda00ccde8bd94f48f458.addTo(map_ed0f6ddc2da13c0e320036d06828c446);\n",
       "        \n",
       "&lt;/script&gt;\n",
       "&lt;/html&gt;\" style=\"position:absolute;width:100%;height:100%;left:0;top:0;border:none !important;\" allowfullscreen webkitallowfullscreen mozallowfullscreen></iframe></div></div>"
      ],
      "text/plain": [
       "<folium.folium.Map at 0x7d103ae8a830>"
      ]
     },
     "execution_count": 8,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "renderMap(data[(2000 <= data['lease_commence_date']) & (data['lease_commence_date'] <= 2020)], 1000, \"#1c9c95\")\n",
    "sgmap.save(\"lease-after2000-map.html\")\n",
    "sgmap"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "9719a8ab",
   "metadata": {},
   "source": [
    "Comparing this two maps, we see that most resale happens for HDB with lease_commence_year before 2000. This may suggest that people tend to resale older HDB compared to newer ones. It's also possible that older HDB flats have certain advantages that make them more desirable for resale.\n",
    "\n",
    "Another factor could be pricing. Older HDB flats might be priced lower than newer ones, making them more affordable for buyers, especially first-time homeowners or those on a tighter budget. This affordability factor could drive higher resale activity for older flats."
   ]
  },
  {
   "cell_type": "markdown",
   "id": "9102fa6d",
   "metadata": {},
   "source": [
    "Now, we split the resale year into 3 groups, one for each decade. The maps will be rendered together with purple circles."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 9,
   "id": "da80fff7",
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<div style=\"width:100%;\"><div style=\"position:relative;width:100%;height:0;padding-bottom:60%;\"><span style=\"color:#565656\">Make this Notebook Trusted to load map: File -> Trust Notebook</span><iframe srcdoc=\"&lt;!DOCTYPE html&gt;\n",
       "&lt;html&gt;\n",
       "&lt;head&gt;\n",
       "    \n",
       "    &lt;meta http-equiv=&quot;content-type&quot; content=&quot;text/html; charset=UTF-8&quot; /&gt;\n",
       "    \n",
       "        &lt;script&gt;\n",
       "            L_NO_TOUCH = false;\n",
       "            L_DISABLE_3D = false;\n",
       "        &lt;/script&gt;\n",
       "    \n",
       "    &lt;style&gt;html, body {width: 100%;height: 100%;margin: 0;padding: 0;}&lt;/style&gt;\n",
       "    &lt;style&gt;#map {position:absolute;top:0;bottom:0;right:0;left:0;}&lt;/style&gt;\n",
       "    &lt;script src=&quot;https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.js&quot;&gt;&lt;/script&gt;\n",
       "    &lt;script src=&quot;https://code.jquery.com/jquery-3.7.1.min.js&quot;&gt;&lt;/script&gt;\n",
       "    &lt;script src=&quot;https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js&quot;&gt;&lt;/script&gt;\n",
       "    &lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.js&quot;&gt;&lt;/script&gt;\n",
       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.css&quot;/&gt;\n",
       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css&quot;/&gt;\n",
       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css&quot;/&gt;\n",
       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.min.css&quot;/&gt;\n",
       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css&quot;/&gt;\n",
       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css&quot;/&gt;\n",
       "    \n",
       "            &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width,\n",
       "                initial-scale=1.0, maximum-scale=1.0, user-scalable=no&quot; /&gt;\n",
       "            &lt;style&gt;\n",
       "                #map_6c24f8e2196c4e8ec01fc13cf0560c0b {\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_6c24f8e2196c4e8ec01fc13cf0560c0b&quot; &gt;&lt;/div&gt;\n",
       "        \n",
       "&lt;/body&gt;\n",
       "&lt;script&gt;\n",
       "    \n",
       "    \n",
       "            var map_6c24f8e2196c4e8ec01fc13cf0560c0b = L.map(\n",
       "                &quot;map_6c24f8e2196c4e8ec01fc13cf0560c0b&quot;,\n",
       "                {\n",
       "                    center: [1.3666, 103.8],\n",
       "                    crs: L.CRS.EPSG3857,\n",
       "                    zoom: 12,\n",
       "                    zoomControl: true,\n",
       "                    preferCanvas: false,\n",
       "                    doubleClickZoom: false,\n",
       "                }\n",
       "            );\n",
       "\n",
       "            \n",
       "\n",
       "        \n",
       "    \n",
       "            var tile_layer_3bd0d778f7901c6ef67225144cd5171d = 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_3bd0d778f7901c6ef67225144cd5171d.addTo(map_6c24f8e2196c4e8ec01fc13cf0560c0b);\n",
       "        \n",
       "    \n",
       "            var circle_marker_d983a7029c885627424239db47733e67 = L.circleMarker(\n",
       "                [1.3698, 103.8461],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 20.390001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_6c24f8e2196c4e8ec01fc13cf0560c0b);\n",
       "        \n",
       "    \n",
       "        var popup_badb673d2260af62eaf353c0582de9d0 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_ea3d97faa5b239e1d1d85cf12011d70d = $(`&lt;div id=&quot;html_ea3d97faa5b239e1d1d85cf12011d70d&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;ANG MO KIO 20390&lt;/div&gt;`)[0];\n",
       "                popup_badb673d2260af62eaf353c0582de9d0.setContent(html_ea3d97faa5b239e1d1d85cf12011d70d);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_d983a7029c885627424239db47733e67.bindPopup(popup_badb673d2260af62eaf353c0582de9d0)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_57d1becfd3e7c462ea21fed8d9527716 = L.circleMarker(\n",
       "                [1.3236, 103.9273],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 27.072001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_6c24f8e2196c4e8ec01fc13cf0560c0b);\n",
       "        \n",
       "    \n",
       "        var popup_6f0c842c2fa5b024603e05e720652bdf = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_bc531234762a3c8dd0dbdc82dec41129 = $(`&lt;div id=&quot;html_bc531234762a3c8dd0dbdc82dec41129&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;BEDOK 27072&lt;/div&gt;`)[0];\n",
       "                popup_6f0c842c2fa5b024603e05e720652bdf.setContent(html_bc531234762a3c8dd0dbdc82dec41129);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_57d1becfd3e7c462ea21fed8d9527716.bindPopup(popup_6f0c842c2fa5b024603e05e720652bdf)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_ea8292291e2865de939b358fb919bed3 = L.circleMarker(\n",
       "                [1.3499986, 103.8499966],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 8.325000999999999, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_6c24f8e2196c4e8ec01fc13cf0560c0b);\n",
       "        \n",
       "    \n",
       "        var popup_ef529c5d550a0fdb188d442f8b5c0af6 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_9115c060279ad7a6c875ff4c69f8bf8b = $(`&lt;div id=&quot;html_9115c060279ad7a6c875ff4c69f8bf8b&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;BISHAN 8325&lt;/div&gt;`)[0];\n",
       "                popup_ef529c5d550a0fdb188d442f8b5c0af6.setContent(html_9115c060279ad7a6c875ff4c69f8bf8b);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_ea8292291e2865de939b358fb919bed3.bindPopup(popup_ef529c5d550a0fdb188d442f8b5c0af6)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_0b0f46482a78fc8a44e7215d8f248dd4 = L.circleMarker(\n",
       "                [1.3496, 103.7528],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 16.331001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_6c24f8e2196c4e8ec01fc13cf0560c0b);\n",
       "        \n",
       "    \n",
       "        var popup_4c9f968ef5d7de2b1fd1540024949b81 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_b6aa9cedcb1bcbc2a1c1ded3f3bd0ef9 = $(`&lt;div id=&quot;html_b6aa9cedcb1bcbc2a1c1ded3f3bd0ef9&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;BUKIT BATOK 16331&lt;/div&gt;`)[0];\n",
       "                popup_4c9f968ef5d7de2b1fd1540024949b81.setContent(html_b6aa9cedcb1bcbc2a1c1ded3f3bd0ef9);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_0b0f46482a78fc8a44e7215d8f248dd4.bindPopup(popup_4c9f968ef5d7de2b1fd1540024949b81)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_1f4027a3f9a0cb0a640374e3c524dd8b = L.circleMarker(\n",
       "                [1.28583, 103.81944],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 10.577001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_6c24f8e2196c4e8ec01fc13cf0560c0b);\n",
       "        \n",
       "    \n",
       "        var popup_53841ea7593f7abaf22d4e7adb02f8fc = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_7c94dc2525374de5e207ba2ee0100e29 = $(`&lt;div id=&quot;html_7c94dc2525374de5e207ba2ee0100e29&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;BUKIT MERAH 10577&lt;/div&gt;`)[0];\n",
       "                popup_53841ea7593f7abaf22d4e7adb02f8fc.setContent(html_7c94dc2525374de5e207ba2ee0100e29);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_1f4027a3f9a0cb0a640374e3c524dd8b.bindPopup(popup_53841ea7593f7abaf22d4e7adb02f8fc)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_dc3a9c90208aedd8a8cf570fe56c6a85 = L.circleMarker(\n",
       "                [1.3786, 103.7626],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 5.605001000000001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_6c24f8e2196c4e8ec01fc13cf0560c0b);\n",
       "        \n",
       "    \n",
       "        var popup_a6efc8f16ff86e1d135679a28b1c75e2 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_1df87dc5b3b5ca19232bbfd373bf0a0d = $(`&lt;div id=&quot;html_1df87dc5b3b5ca19232bbfd373bf0a0d&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;BUKIT PANJANG 5605&lt;/div&gt;`)[0];\n",
       "                popup_a6efc8f16ff86e1d135679a28b1c75e2.setContent(html_1df87dc5b3b5ca19232bbfd373bf0a0d);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_dc3a9c90208aedd8a8cf570fe56c6a85.bindPopup(popup_a6efc8f16ff86e1d135679a28b1c75e2)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_1335c859aa145d7209377ae5d00e2b1b = L.circleMarker(\n",
       "                [1.3294, 103.8021],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 0.938001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_6c24f8e2196c4e8ec01fc13cf0560c0b);\n",
       "        \n",
       "    \n",
       "        var popup_fb6e472e0a426e6556589ea9c363763d = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_4971acaff70207d967c9c6ccfc0cc5e2 = $(`&lt;div id=&quot;html_4971acaff70207d967c9c6ccfc0cc5e2&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;BUKIT TIMAH 938&lt;/div&gt;`)[0];\n",
       "                popup_fb6e472e0a426e6556589ea9c363763d.setContent(html_4971acaff70207d967c9c6ccfc0cc5e2);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_1335c859aa145d7209377ae5d00e2b1b.bindPopup(popup_fb6e472e0a426e6556589ea9c363763d)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_f5294f643197fc3b0a8ae252eefe2840 = L.circleMarker(\n",
       "                [1.2895, 103.8143],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 2.489001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_6c24f8e2196c4e8ec01fc13cf0560c0b);\n",
       "        \n",
       "    \n",
       "        var popup_b41ccf1ea2a0ed3fc525fc0a70321ddf = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_7d8c28eef985d69f8e240f1b2bee7949 = $(`&lt;div id=&quot;html_7d8c28eef985d69f8e240f1b2bee7949&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;CENTRAL AREA 2489&lt;/div&gt;`)[0];\n",
       "                popup_b41ccf1ea2a0ed3fc525fc0a70321ddf.setContent(html_7d8c28eef985d69f8e240f1b2bee7949);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_f5294f643197fc3b0a8ae252eefe2840.bindPopup(popup_b41ccf1ea2a0ed3fc525fc0a70321ddf)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_b83ffaef84995042fbdf84cac7d4dce7 = L.circleMarker(\n",
       "                [1.3833318, 103.749997],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 8.637001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_6c24f8e2196c4e8ec01fc13cf0560c0b);\n",
       "        \n",
       "    \n",
       "        var popup_a37786eacffa4a6c172a3325fe7c6df0 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_8e36b20d7dc0f50e24de590f7b8e98f6 = $(`&lt;div id=&quot;html_8e36b20d7dc0f50e24de590f7b8e98f6&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;CHOA CHU KANG 8637&lt;/div&gt;`)[0];\n",
       "                popup_a37786eacffa4a6c172a3325fe7c6df0.setContent(html_8e36b20d7dc0f50e24de590f7b8e98f6);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_b83ffaef84995042fbdf84cac7d4dce7.bindPopup(popup_a37786eacffa4a6c172a3325fe7c6df0)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_cf272ad0094eab560797f2e8c34e0eba = L.circleMarker(\n",
       "                [1.30918042994, 103.75914363],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 11.305000999999999, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_6c24f8e2196c4e8ec01fc13cf0560c0b);\n",
       "        \n",
       "    \n",
       "        var popup_ad2c6f182dc625bab3b093d811458c88 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_d2d0b493b606a1087565136796b1c1fa = $(`&lt;div id=&quot;html_d2d0b493b606a1087565136796b1c1fa&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;CLEMENTI 11305&lt;/div&gt;`)[0];\n",
       "                popup_ad2c6f182dc625bab3b093d811458c88.setContent(html_d2d0b493b606a1087565136796b1c1fa);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_cf272ad0094eab560797f2e8c34e0eba.bindPopup(popup_ad2c6f182dc625bab3b093d811458c88)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_7f959e2d9d65b5c44db444f62fa889d3 = L.circleMarker(\n",
       "                [1.3182, 103.8871],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 10.445001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_6c24f8e2196c4e8ec01fc13cf0560c0b);\n",
       "        \n",
       "    \n",
       "        var popup_ca75e11a31c9c6953785f5b53c3fe385 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_37dc60ea2a3fb699ff44ef89f3c33c91 = $(`&lt;div id=&quot;html_37dc60ea2a3fb699ff44ef89f3c33c91&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;GEYLANG 10445&lt;/div&gt;`)[0];\n",
       "                popup_ca75e11a31c9c6953785f5b53c3fe385.setContent(html_37dc60ea2a3fb699ff44ef89f3c33c91);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_7f959e2d9d65b5c44db444f62fa889d3.bindPopup(popup_ca75e11a31c9c6953785f5b53c3fe385)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_c79ab43456522c72d17780774ba2d3a2 = L.circleMarker(\n",
       "                [1.3736, 103.8867],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 15.900001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_6c24f8e2196c4e8ec01fc13cf0560c0b);\n",
       "        \n",
       "    \n",
       "        var popup_bbd6f8ba994bc12f87697b5eecc1a3ea = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_b16f0e556410c74b3ed0e7d0523c5271 = $(`&lt;div id=&quot;html_b16f0e556410c74b3ed0e7d0523c5271&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;HOUGANG 15900&lt;/div&gt;`)[0];\n",
       "                popup_bbd6f8ba994bc12f87697b5eecc1a3ea.setContent(html_b16f0e556410c74b3ed0e7d0523c5271);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_c79ab43456522c72d17780774ba2d3a2.bindPopup(popup_bbd6f8ba994bc12f87697b5eecc1a3ea)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_6f35735b06e09d5767995bca08b197b3 = L.circleMarker(\n",
       "                [1.32399537068, 103.737298717],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 9.027000999999998, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_6c24f8e2196c4e8ec01fc13cf0560c0b);\n",
       "        \n",
       "    \n",
       "        var popup_3bbdbe2a36ba45a5b58809f31b3fce98 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_fa03624735d1f52393d708ab176de59d = $(`&lt;div id=&quot;html_fa03624735d1f52393d708ab176de59d&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;JURONG EAST 9027&lt;/div&gt;`)[0];\n",
       "                popup_3bbdbe2a36ba45a5b58809f31b3fce98.setContent(html_fa03624735d1f52393d708ab176de59d);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_6f35735b06e09d5767995bca08b197b3.bindPopup(popup_3bbdbe2a36ba45a5b58809f31b3fce98)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_619a72c3b62849d757e52f97918713b6 = L.circleMarker(\n",
       "                [1.3396, 103.7073],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 19.114001000000002, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_6c24f8e2196c4e8ec01fc13cf0560c0b);\n",
       "        \n",
       "    \n",
       "        var popup_5aa390ba1c6aebe91c3d033b1afa24d8 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_f76a4ec3cbb7a3cd8e2b209bea00bec2 = $(`&lt;div id=&quot;html_f76a4ec3cbb7a3cd8e2b209bea00bec2&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;JURONG WEST 19114&lt;/div&gt;`)[0];\n",
       "                popup_5aa390ba1c6aebe91c3d033b1afa24d8.setContent(html_f76a4ec3cbb7a3cd8e2b209bea00bec2);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_619a72c3b62849d757e52f97918713b6.bindPopup(popup_5aa390ba1c6aebe91c3d033b1afa24d8)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_75a2625b95450e2809c1b218ebb960d7 = L.circleMarker(\n",
       "                [1.3106, 103.866],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 8.677000999999999, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_6c24f8e2196c4e8ec01fc13cf0560c0b);\n",
       "        \n",
       "    \n",
       "        var popup_12dd55f3a11cfc766de871c35b6c5223 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_34777154082866669180fa99ebffdd26 = $(`&lt;div id=&quot;html_34777154082866669180fa99ebffdd26&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;KALLANG/WHAMPOA 8677&lt;/div&gt;`)[0];\n",
       "                popup_12dd55f3a11cfc766de871c35b6c5223.setContent(html_34777154082866669180fa99ebffdd26);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_75a2625b95450e2809c1b218ebb960d7.bindPopup(popup_12dd55f3a11cfc766de871c35b6c5223)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_e594a455c879ac07f47a261c8078eb9d = L.circleMarker(\n",
       "                [1.303, 103.9072],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 3.322001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_6c24f8e2196c4e8ec01fc13cf0560c0b);\n",
       "        \n",
       "    \n",
       "        var popup_8471214e50cdf6d38edfdbbd3a378324 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_35a31342276d07b5b4bddb321417134e = $(`&lt;div id=&quot;html_35a31342276d07b5b4bddb321417134e&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;MARINE PARADE 3322&lt;/div&gt;`)[0];\n",
       "                popup_8471214e50cdf6d38edfdbbd3a378324.setContent(html_35a31342276d07b5b4bddb321417134e);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_e594a455c879ac07f47a261c8078eb9d.bindPopup(popup_8471214e50cdf6d38edfdbbd3a378324)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_70779388b7d8b707ea9984b46b70286e = L.circleMarker(\n",
       "                [1.3739, 103.9493],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 10.895000999999999, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_6c24f8e2196c4e8ec01fc13cf0560c0b);\n",
       "        \n",
       "    \n",
       "        var popup_47f25dd0ae934ddc4e9f8747aff57d0b = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_e663c7ff0fc7260a80d69d01f6a8b1fc = $(`&lt;div id=&quot;html_e663c7ff0fc7260a80d69d01f6a8b1fc&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;PASIR RIS 10895&lt;/div&gt;`)[0];\n",
       "                popup_47f25dd0ae934ddc4e9f8747aff57d0b.setContent(html_e663c7ff0fc7260a80d69d01f6a8b1fc);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_70779388b7d8b707ea9984b46b70286e.bindPopup(popup_47f25dd0ae934ddc4e9f8747aff57d0b)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_4d3a1843c12cf3ce7a9c44693d432449 = L.circleMarker(\n",
       "                [1.4051, 103.9023],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 1e-06, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_6c24f8e2196c4e8ec01fc13cf0560c0b);\n",
       "        \n",
       "    \n",
       "        var popup_777420c7af3cf0e5384f7b4992b3348e = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_602891eed946a5802628528db7e0fd63 = $(`&lt;div id=&quot;html_602891eed946a5802628528db7e0fd63&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;PUNGGOL 0&lt;/div&gt;`)[0];\n",
       "                popup_777420c7af3cf0e5384f7b4992b3348e.setContent(html_602891eed946a5802628528db7e0fd63);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_4d3a1843c12cf3ce7a9c44693d432449.bindPopup(popup_777420c7af3cf0e5384f7b4992b3348e)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_262d9fadc58ebcf934377f376f479d90 = L.circleMarker(\n",
       "                [1.29944, 103.80583],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 9.733001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_6c24f8e2196c4e8ec01fc13cf0560c0b);\n",
       "        \n",
       "    \n",
       "        var popup_145ec3c2d97ce7a479666765e0887687 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_bbe7d8f8ccfcdb59e72946f0a46f1771 = $(`&lt;div id=&quot;html_bbe7d8f8ccfcdb59e72946f0a46f1771&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;QUEENSTOWN 9733&lt;/div&gt;`)[0];\n",
       "                popup_145ec3c2d97ce7a479666765e0887687.setContent(html_bbe7d8f8ccfcdb59e72946f0a46f1771);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_262d9fadc58ebcf934377f376f479d90.bindPopup(popup_145ec3c2d97ce7a479666765e0887687)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_5db674dde744bfb8d48cfbeb74740aa7 = L.circleMarker(\n",
       "                [1.4491, 103.8201],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 0.024001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_6c24f8e2196c4e8ec01fc13cf0560c0b);\n",
       "        \n",
       "    \n",
       "        var popup_a610eb6cb521f4d2ad396686add5b133 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_2ea40de0c69369e2cca53ddd80498fa4 = $(`&lt;div id=&quot;html_2ea40de0c69369e2cca53ddd80498fa4&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;SEMBAWANG 24&lt;/div&gt;`)[0];\n",
       "                popup_a610eb6cb521f4d2ad396686add5b133.setContent(html_2ea40de0c69369e2cca53ddd80498fa4);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_5db674dde744bfb8d48cfbeb74740aa7.bindPopup(popup_a610eb6cb521f4d2ad396686add5b133)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_3d37a357e355a69353a615cb7602343f = L.circleMarker(\n",
       "                [1.3901, 103.8952],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 0.123001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_6c24f8e2196c4e8ec01fc13cf0560c0b);\n",
       "        \n",
       "    \n",
       "        var popup_f6293c65376d219e39e9ba74a8530e7a = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_b110eea1da1b361f565fce95f4d80796 = $(`&lt;div id=&quot;html_b110eea1da1b361f565fce95f4d80796&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;SENGKANG 123&lt;/div&gt;`)[0];\n",
       "                popup_f6293c65376d219e39e9ba74a8530e7a.setContent(html_b110eea1da1b361f565fce95f4d80796);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_3d37a357e355a69353a615cb7602343f.bindPopup(popup_f6293c65376d219e39e9ba74a8530e7a)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_5efbe4bd57048c8883166055ac069eaf = L.circleMarker(\n",
       "                [1.3496, 103.8737],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 8.511000999999998, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_6c24f8e2196c4e8ec01fc13cf0560c0b);\n",
       "        \n",
       "    \n",
       "        var popup_384c6c49c52221a699e2ff6f56c86fed = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_c17eaae8a4fe28caa80e22e7ae134e6d = $(`&lt;div id=&quot;html_c17eaae8a4fe28caa80e22e7ae134e6d&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;SERANGOON 8511&lt;/div&gt;`)[0];\n",
       "                popup_384c6c49c52221a699e2ff6f56c86fed.setContent(html_c17eaae8a4fe28caa80e22e7ae134e6d);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_5efbe4bd57048c8883166055ac069eaf.bindPopup(popup_384c6c49c52221a699e2ff6f56c86fed)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_d7eecc40f70827bfcac8a48cf2fecb69 = L.circleMarker(\n",
       "                [1.3547, 103.9437],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 30.628001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_6c24f8e2196c4e8ec01fc13cf0560c0b);\n",
       "        \n",
       "    \n",
       "        var popup_88c90e649900438033a568c0d6865183 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_6f1ef6e86a6ff69f209b595425fde079 = $(`&lt;div id=&quot;html_6f1ef6e86a6ff69f209b595425fde079&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;TAMPINES 30628&lt;/div&gt;`)[0];\n",
       "                popup_88c90e649900438033a568c0d6865183.setContent(html_6f1ef6e86a6ff69f209b595425fde079);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_d7eecc40f70827bfcac8a48cf2fecb69.bindPopup(popup_88c90e649900438033a568c0d6865183)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_6e01486a1b6300f2394faab1fc3c157f = L.circleMarker(\n",
       "                [1.3354, 103.8497],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 10.878001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_6c24f8e2196c4e8ec01fc13cf0560c0b);\n",
       "        \n",
       "    \n",
       "        var popup_76b9510bbe88b40d61c342be35409ec1 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_d0359dbb3069fb87b01d72c177c0f2d3 = $(`&lt;div id=&quot;html_d0359dbb3069fb87b01d72c177c0f2d3&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;TOA PAYOH 10878&lt;/div&gt;`)[0];\n",
       "                popup_76b9510bbe88b40d61c342be35409ec1.setContent(html_d0359dbb3069fb87b01d72c177c0f2d3);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_6e01486a1b6300f2394faab1fc3c157f.bindPopup(popup_76b9510bbe88b40d61c342be35409ec1)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_9bcb7858d78f14637a1eedeaa18db607 = L.circleMarker(\n",
       "                [1.43801, 103.78877],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 9.644001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_6c24f8e2196c4e8ec01fc13cf0560c0b);\n",
       "        \n",
       "    \n",
       "        var popup_a8e0448e17febd10b04dedbda653c549 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_cf943cc4398e2f1d8c926f0a7d43856d = $(`&lt;div id=&quot;html_cf943cc4398e2f1d8c926f0a7d43856d&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;WOODLANDS 9644&lt;/div&gt;`)[0];\n",
       "                popup_a8e0448e17febd10b04dedbda653c549.setContent(html_cf943cc4398e2f1d8c926f0a7d43856d);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_9bcb7858d78f14637a1eedeaa18db607.bindPopup(popup_a8e0448e17febd10b04dedbda653c549)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_2c1f906c7d93d7511952d85ca8969f3f = L.circleMarker(\n",
       "                [1.4293, 103.8355],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 27.721001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_6c24f8e2196c4e8ec01fc13cf0560c0b);\n",
       "        \n",
       "    \n",
       "        var popup_52b1afec74d8b9b3bd53751b44bc0db3 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_12ddc84eef2d41390faaee47b28f4436 = $(`&lt;div id=&quot;html_12ddc84eef2d41390faaee47b28f4436&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;YISHUN 27721&lt;/div&gt;`)[0];\n",
       "                popup_52b1afec74d8b9b3bd53751b44bc0db3.setContent(html_12ddc84eef2d41390faaee47b28f4436);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_2c1f906c7d93d7511952d85ca8969f3f.bindPopup(popup_52b1afec74d8b9b3bd53751b44bc0db3)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            tile_layer_3bd0d778f7901c6ef67225144cd5171d.addTo(map_6c24f8e2196c4e8ec01fc13cf0560c0b);\n",
       "        \n",
       "&lt;/script&gt;\n",
       "&lt;/html&gt;\" style=\"position:absolute;width:100%;height:100%;left:0;top:0;border:none !important;\" allowfullscreen webkitallowfullscreen mozallowfullscreen></iframe></div></div>"
      ],
      "text/plain": [
       "<folium.folium.Map at 0x7d103b27f250>"
      ]
     },
     "execution_count": 9,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "renderMap(data[(1990 <= data['resale_year']) & (data['resale_year'] < 2000)], 1000, \"#8a2be2\")\n",
    "sgmap.save(\"resale-199X-map.html\")\n",
    "sgmap"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 10,
   "id": "b8ef2796",
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<div style=\"width:100%;\"><div style=\"position:relative;width:100%;height:0;padding-bottom:60%;\"><span style=\"color:#565656\">Make this Notebook Trusted to load map: File -> Trust Notebook</span><iframe srcdoc=\"&lt;!DOCTYPE html&gt;\n",
       "&lt;html&gt;\n",
       "&lt;head&gt;\n",
       "    \n",
       "    &lt;meta http-equiv=&quot;content-type&quot; content=&quot;text/html; charset=UTF-8&quot; /&gt;\n",
       "    \n",
       "        &lt;script&gt;\n",
       "            L_NO_TOUCH = false;\n",
       "            L_DISABLE_3D = false;\n",
       "        &lt;/script&gt;\n",
       "    \n",
       "    &lt;style&gt;html, body {width: 100%;height: 100%;margin: 0;padding: 0;}&lt;/style&gt;\n",
       "    &lt;style&gt;#map {position:absolute;top:0;bottom:0;right:0;left:0;}&lt;/style&gt;\n",
       "    &lt;script src=&quot;https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.js&quot;&gt;&lt;/script&gt;\n",
       "    &lt;script src=&quot;https://code.jquery.com/jquery-3.7.1.min.js&quot;&gt;&lt;/script&gt;\n",
       "    &lt;script src=&quot;https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js&quot;&gt;&lt;/script&gt;\n",
       "    &lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.js&quot;&gt;&lt;/script&gt;\n",
       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.css&quot;/&gt;\n",
       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css&quot;/&gt;\n",
       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css&quot;/&gt;\n",
       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.min.css&quot;/&gt;\n",
       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css&quot;/&gt;\n",
       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css&quot;/&gt;\n",
       "    \n",
       "            &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width,\n",
       "                initial-scale=1.0, maximum-scale=1.0, user-scalable=no&quot; /&gt;\n",
       "            &lt;style&gt;\n",
       "                #map_3e51850f71a481bcd7607f6277fe8276 {\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_3e51850f71a481bcd7607f6277fe8276&quot; &gt;&lt;/div&gt;\n",
       "        \n",
       "&lt;/body&gt;\n",
       "&lt;script&gt;\n",
       "    \n",
       "    \n",
       "            var map_3e51850f71a481bcd7607f6277fe8276 = L.map(\n",
       "                &quot;map_3e51850f71a481bcd7607f6277fe8276&quot;,\n",
       "                {\n",
       "                    center: [1.3666, 103.8],\n",
       "                    crs: L.CRS.EPSG3857,\n",
       "                    zoom: 12,\n",
       "                    zoomControl: true,\n",
       "                    preferCanvas: false,\n",
       "                    doubleClickZoom: false,\n",
       "                }\n",
       "            );\n",
       "\n",
       "            \n",
       "\n",
       "        \n",
       "    \n",
       "            var tile_layer_720a22f83af37411c67175670286e31f = 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_720a22f83af37411c67175670286e31f.addTo(map_3e51850f71a481bcd7607f6277fe8276);\n",
       "        \n",
       "    \n",
       "            var circle_marker_74e91485522a41a5eabae9dd5ad97091 = L.circleMarker(\n",
       "                [1.3698, 103.8461],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 16.707001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_3e51850f71a481bcd7607f6277fe8276);\n",
       "        \n",
       "    \n",
       "        var popup_62409f3f4ef6fd2580f97304db5deb34 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_924b543bcab7e6a2058fd03e8bb8c746 = $(`&lt;div id=&quot;html_924b543bcab7e6a2058fd03e8bb8c746&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;ANG MO KIO 16707&lt;/div&gt;`)[0];\n",
       "                popup_62409f3f4ef6fd2580f97304db5deb34.setContent(html_924b543bcab7e6a2058fd03e8bb8c746);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_74e91485522a41a5eabae9dd5ad97091.bindPopup(popup_62409f3f4ef6fd2580f97304db5deb34)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_8324d698eaa33862b64277fcb11f3710 = L.circleMarker(\n",
       "                [1.3236, 103.9273],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 20.292001000000003, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_3e51850f71a481bcd7607f6277fe8276);\n",
       "        \n",
       "    \n",
       "        var popup_0ed6624fea19e434b38c106bf1004a4a = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_be0ac39148ce7d8541d0e055e27eb3dd = $(`&lt;div id=&quot;html_be0ac39148ce7d8541d0e055e27eb3dd&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;BEDOK 20292&lt;/div&gt;`)[0];\n",
       "                popup_0ed6624fea19e434b38c106bf1004a4a.setContent(html_be0ac39148ce7d8541d0e055e27eb3dd);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_8324d698eaa33862b64277fcb11f3710.bindPopup(popup_0ed6624fea19e434b38c106bf1004a4a)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_6063d3489bf7311cb90cecf0884e8efe = L.circleMarker(\n",
       "                [1.3499986, 103.8499966],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 6.811001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_3e51850f71a481bcd7607f6277fe8276);\n",
       "        \n",
       "    \n",
       "        var popup_302a125101d0e42317d1f6da2b472a16 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_af5dbf21f2695c20b5877f4eec22059a = $(`&lt;div id=&quot;html_af5dbf21f2695c20b5877f4eec22059a&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;BISHAN 6811&lt;/div&gt;`)[0];\n",
       "                popup_302a125101d0e42317d1f6da2b472a16.setContent(html_af5dbf21f2695c20b5877f4eec22059a);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_6063d3489bf7311cb90cecf0884e8efe.bindPopup(popup_302a125101d0e42317d1f6da2b472a16)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_a071c35e37a89f2c24b35405d71c72b0 = L.circleMarker(\n",
       "                [1.3496, 103.7528],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 14.847000999999999, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_3e51850f71a481bcd7607f6277fe8276);\n",
       "        \n",
       "    \n",
       "        var popup_ef92455854864c56f6b94084ff7a1854 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_35ba4e00ecef1781c9d24d28227ce0e5 = $(`&lt;div id=&quot;html_35ba4e00ecef1781c9d24d28227ce0e5&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;BUKIT BATOK 14847&lt;/div&gt;`)[0];\n",
       "                popup_ef92455854864c56f6b94084ff7a1854.setContent(html_35ba4e00ecef1781c9d24d28227ce0e5);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_a071c35e37a89f2c24b35405d71c72b0.bindPopup(popup_ef92455854864c56f6b94084ff7a1854)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_616047463ce1f6784d3e1e303c481687 = L.circleMarker(\n",
       "                [1.28583, 103.81944],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 10.964001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_3e51850f71a481bcd7607f6277fe8276);\n",
       "        \n",
       "    \n",
       "        var popup_2557dc688b4c68568ad7f6af9f2b3f21 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_cd0271925b61db1a4bdce395a16efdf5 = $(`&lt;div id=&quot;html_cd0271925b61db1a4bdce395a16efdf5&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;BUKIT MERAH 10964&lt;/div&gt;`)[0];\n",
       "                popup_2557dc688b4c68568ad7f6af9f2b3f21.setContent(html_cd0271925b61db1a4bdce395a16efdf5);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_616047463ce1f6784d3e1e303c481687.bindPopup(popup_2557dc688b4c68568ad7f6af9f2b3f21)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_579e864e163bd2f4cebed4908c7146ad = L.circleMarker(\n",
       "                [1.3786, 103.7626],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 10.096001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_3e51850f71a481bcd7607f6277fe8276);\n",
       "        \n",
       "    \n",
       "        var popup_7d495eda030c97175db5831b40ab50bf = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_52a86009d32936aa564110455d952edf = $(`&lt;div id=&quot;html_52a86009d32936aa564110455d952edf&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;BUKIT PANJANG 10096&lt;/div&gt;`)[0];\n",
       "                popup_7d495eda030c97175db5831b40ab50bf.setContent(html_52a86009d32936aa564110455d952edf);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_579e864e163bd2f4cebed4908c7146ad.bindPopup(popup_7d495eda030c97175db5831b40ab50bf)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_1cb065507ec20ea25b7e622e6d40adef = L.circleMarker(\n",
       "                [1.3294, 103.8021],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 0.8090010000000001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_3e51850f71a481bcd7607f6277fe8276);\n",
       "        \n",
       "    \n",
       "        var popup_d8cec5dc2213b72e3881427f4691be7d = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_80b969e3640c7a183d1e043054e6fa3d = $(`&lt;div id=&quot;html_80b969e3640c7a183d1e043054e6fa3d&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;BUKIT TIMAH 809&lt;/div&gt;`)[0];\n",
       "                popup_d8cec5dc2213b72e3881427f4691be7d.setContent(html_80b969e3640c7a183d1e043054e6fa3d);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_1cb065507ec20ea25b7e622e6d40adef.bindPopup(popup_d8cec5dc2213b72e3881427f4691be7d)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_a83b9959ca10eaa83e2d35ed3db84d2c = L.circleMarker(\n",
       "                [1.2895, 103.8143],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 2.032001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_3e51850f71a481bcd7607f6277fe8276);\n",
       "        \n",
       "    \n",
       "        var popup_af682f795a5871f28176055533a982c7 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_d5c55389bf8c9aedadee9777592030b0 = $(`&lt;div id=&quot;html_d5c55389bf8c9aedadee9777592030b0&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;CENTRAL AREA 2032&lt;/div&gt;`)[0];\n",
       "                popup_af682f795a5871f28176055533a982c7.setContent(html_d5c55389bf8c9aedadee9777592030b0);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_a83b9959ca10eaa83e2d35ed3db84d2c.bindPopup(popup_af682f795a5871f28176055533a982c7)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_1fc696978f3337fa83e984647d1f8691 = L.circleMarker(\n",
       "                [1.3833318, 103.749997],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 14.916001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_3e51850f71a481bcd7607f6277fe8276);\n",
       "        \n",
       "    \n",
       "        var popup_168097ae49da99f72e66fdd7fb7b100d = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_8fdc94f5b71d937138609b447134abf4 = $(`&lt;div id=&quot;html_8fdc94f5b71d937138609b447134abf4&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;CHOA CHU KANG 14916&lt;/div&gt;`)[0];\n",
       "                popup_168097ae49da99f72e66fdd7fb7b100d.setContent(html_8fdc94f5b71d937138609b447134abf4);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_1fc696978f3337fa83e984647d1f8691.bindPopup(popup_168097ae49da99f72e66fdd7fb7b100d)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_10cacea95a3f8c7bd7d7e6a05e6823e0 = L.circleMarker(\n",
       "                [1.30918042994, 103.75914363],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 8.933000999999999, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_3e51850f71a481bcd7607f6277fe8276);\n",
       "        \n",
       "    \n",
       "        var popup_f8c1b5fad9d4ad5bc8d081c3e1723ba2 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_708fbc97ce95e622ea4c699458ec6546 = $(`&lt;div id=&quot;html_708fbc97ce95e622ea4c699458ec6546&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;CLEMENTI 8933&lt;/div&gt;`)[0];\n",
       "                popup_f8c1b5fad9d4ad5bc8d081c3e1723ba2.setContent(html_708fbc97ce95e622ea4c699458ec6546);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_10cacea95a3f8c7bd7d7e6a05e6823e0.bindPopup(popup_f8c1b5fad9d4ad5bc8d081c3e1723ba2)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_4d3bc451473bd1150c41a84842265a54 = L.circleMarker(\n",
       "                [1.3182, 103.8871],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 8.802000999999999, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_3e51850f71a481bcd7607f6277fe8276);\n",
       "        \n",
       "    \n",
       "        var popup_314b93ed1b9eed680f94170fed1ca12a = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_e4740a96381f5e64cb43b748ab5c5e06 = $(`&lt;div id=&quot;html_e4740a96381f5e64cb43b748ab5c5e06&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;GEYLANG 8802&lt;/div&gt;`)[0];\n",
       "                popup_314b93ed1b9eed680f94170fed1ca12a.setContent(html_e4740a96381f5e64cb43b748ab5c5e06);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_4d3bc451473bd1150c41a84842265a54.bindPopup(popup_314b93ed1b9eed680f94170fed1ca12a)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_8dd1f5d67d8b9505ea6775e97b184c2b = L.circleMarker(\n",
       "                [1.3736, 103.8867],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 17.922001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_3e51850f71a481bcd7607f6277fe8276);\n",
       "        \n",
       "    \n",
       "        var popup_2a7eb622f561defbc79383bc9924fcc6 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_13812b65d641a9182751c2f2118f5e86 = $(`&lt;div id=&quot;html_13812b65d641a9182751c2f2118f5e86&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;HOUGANG 17922&lt;/div&gt;`)[0];\n",
       "                popup_2a7eb622f561defbc79383bc9924fcc6.setContent(html_13812b65d641a9182751c2f2118f5e86);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_8dd1f5d67d8b9505ea6775e97b184c2b.bindPopup(popup_2a7eb622f561defbc79383bc9924fcc6)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_63bb0dbe5efac4d9c2cc53d4f9fe1b31 = L.circleMarker(\n",
       "                [1.32399537068, 103.737298717],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 8.552000999999999, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_3e51850f71a481bcd7607f6277fe8276);\n",
       "        \n",
       "    \n",
       "        var popup_da1f5e0c9e38edf7d5ec1b4d3047a9fc = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_e40981468388112714fc29ec2f29b435 = $(`&lt;div id=&quot;html_e40981468388112714fc29ec2f29b435&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;JURONG EAST 8552&lt;/div&gt;`)[0];\n",
       "                popup_da1f5e0c9e38edf7d5ec1b4d3047a9fc.setContent(html_e40981468388112714fc29ec2f29b435);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_63bb0dbe5efac4d9c2cc53d4f9fe1b31.bindPopup(popup_da1f5e0c9e38edf7d5ec1b4d3047a9fc)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_76a87a8f9d5f5282769b8c1d20b0a4ae = L.circleMarker(\n",
       "                [1.3396, 103.7073],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 23.160001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_3e51850f71a481bcd7607f6277fe8276);\n",
       "        \n",
       "    \n",
       "        var popup_35f26d1cbcad991e1006a973f8aa764b = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_d3786bccdb4910226fab28845caba124 = $(`&lt;div id=&quot;html_d3786bccdb4910226fab28845caba124&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;JURONG WEST 23160&lt;/div&gt;`)[0];\n",
       "                popup_35f26d1cbcad991e1006a973f8aa764b.setContent(html_d3786bccdb4910226fab28845caba124);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_76a87a8f9d5f5282769b8c1d20b0a4ae.bindPopup(popup_35f26d1cbcad991e1006a973f8aa764b)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_5b76e9ff5420d79bdaae892d36164e9a = L.circleMarker(\n",
       "                [1.3106, 103.866],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 8.592001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_3e51850f71a481bcd7607f6277fe8276);\n",
       "        \n",
       "    \n",
       "        var popup_e64c33499dbf263828e6c48b3a502675 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_37bcd06961b96102ba53afcf91c2c49c = $(`&lt;div id=&quot;html_37bcd06961b96102ba53afcf91c2c49c&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;KALLANG/WHAMPOA 8592&lt;/div&gt;`)[0];\n",
       "                popup_e64c33499dbf263828e6c48b3a502675.setContent(html_37bcd06961b96102ba53afcf91c2c49c);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_5b76e9ff5420d79bdaae892d36164e9a.bindPopup(popup_e64c33499dbf263828e6c48b3a502675)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_325dab310115975bd66a0d92f9ffb79a = L.circleMarker(\n",
       "                [1.303, 103.9072],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 2.5150010000000003, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_3e51850f71a481bcd7607f6277fe8276);\n",
       "        \n",
       "    \n",
       "        var popup_e2ad1f3a6b7ebe837d2b41a7f0e8eb27 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_8438bbdd158d883cf00e84712b1e9e10 = $(`&lt;div id=&quot;html_8438bbdd158d883cf00e84712b1e9e10&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;MARINE PARADE 2515&lt;/div&gt;`)[0];\n",
       "                popup_e2ad1f3a6b7ebe837d2b41a7f0e8eb27.setContent(html_8438bbdd158d883cf00e84712b1e9e10);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_325dab310115975bd66a0d92f9ffb79a.bindPopup(popup_e2ad1f3a6b7ebe837d2b41a7f0e8eb27)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_87da047df1e0e81f451b221447faa74e = L.circleMarker(\n",
       "                [1.3739, 103.9493],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 11.841000999999999, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_3e51850f71a481bcd7607f6277fe8276);\n",
       "        \n",
       "    \n",
       "        var popup_e9b52ed50ba12f96dbbcfbe507f6e8dc = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_abda7b1c28510a96a0ff8c6527fd1b3b = $(`&lt;div id=&quot;html_abda7b1c28510a96a0ff8c6527fd1b3b&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;PASIR RIS 11841&lt;/div&gt;`)[0];\n",
       "                popup_e9b52ed50ba12f96dbbcfbe507f6e8dc.setContent(html_abda7b1c28510a96a0ff8c6527fd1b3b);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_87da047df1e0e81f451b221447faa74e.bindPopup(popup_e9b52ed50ba12f96dbbcfbe507f6e8dc)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_5ce18daec127eb2a2655319064010b8e = L.circleMarker(\n",
       "                [1.4051, 103.9023],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 2.709001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_3e51850f71a481bcd7607f6277fe8276);\n",
       "        \n",
       "    \n",
       "        var popup_fba3ac5c21e76ae9018bb656bc22777a = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_c8e73c9bc41e86633fa48d6562fb29d1 = $(`&lt;div id=&quot;html_c8e73c9bc41e86633fa48d6562fb29d1&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;PUNGGOL 2709&lt;/div&gt;`)[0];\n",
       "                popup_fba3ac5c21e76ae9018bb656bc22777a.setContent(html_c8e73c9bc41e86633fa48d6562fb29d1);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_5ce18daec127eb2a2655319064010b8e.bindPopup(popup_fba3ac5c21e76ae9018bb656bc22777a)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_cc01e1324769b0a0a395acebfc96b507 = L.circleMarker(\n",
       "                [1.29944, 103.80583],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 9.880001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_3e51850f71a481bcd7607f6277fe8276);\n",
       "        \n",
       "    \n",
       "        var popup_06b23bd1f999c012fa4b77079ddd7c13 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_b63593955d18d50b7b196f13eacff30a = $(`&lt;div id=&quot;html_b63593955d18d50b7b196f13eacff30a&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;QUEENSTOWN 9880&lt;/div&gt;`)[0];\n",
       "                popup_06b23bd1f999c012fa4b77079ddd7c13.setContent(html_b63593955d18d50b7b196f13eacff30a);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_cc01e1324769b0a0a395acebfc96b507.bindPopup(popup_06b23bd1f999c012fa4b77079ddd7c13)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_f675a6009a71e4db5094c26bc6a70393 = L.circleMarker(\n",
       "                [1.4491, 103.8201],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 5.188001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_3e51850f71a481bcd7607f6277fe8276);\n",
       "        \n",
       "    \n",
       "        var popup_b1fce2ce029083bb4e331cfc3d6530dd = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_3cf5322abc719002d14bf5bda3b06516 = $(`&lt;div id=&quot;html_3cf5322abc719002d14bf5bda3b06516&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;SEMBAWANG 5188&lt;/div&gt;`)[0];\n",
       "                popup_b1fce2ce029083bb4e331cfc3d6530dd.setContent(html_3cf5322abc719002d14bf5bda3b06516);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_f675a6009a71e4db5094c26bc6a70393.bindPopup(popup_b1fce2ce029083bb4e331cfc3d6530dd)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_585ce52b11c0f44ac685274e9469d732 = L.circleMarker(\n",
       "                [1.3901, 103.8952],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 8.202001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_3e51850f71a481bcd7607f6277fe8276);\n",
       "        \n",
       "    \n",
       "        var popup_356413c4e6d53dc24bc83c3957b91a37 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_810cdaa038423ff41ca376501e6d4eb7 = $(`&lt;div id=&quot;html_810cdaa038423ff41ca376501e6d4eb7&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;SENGKANG 8202&lt;/div&gt;`)[0];\n",
       "                popup_356413c4e6d53dc24bc83c3957b91a37.setContent(html_810cdaa038423ff41ca376501e6d4eb7);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_585ce52b11c0f44ac685274e9469d732.bindPopup(popup_356413c4e6d53dc24bc83c3957b91a37)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_b66ea789249f8492de67694f80503ad3 = L.circleMarker(\n",
       "                [1.3496, 103.8737],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 7.717001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_3e51850f71a481bcd7607f6277fe8276);\n",
       "        \n",
       "    \n",
       "        var popup_d1c89f099e4fa9aee65e8594f61f31b6 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_5fcdcfaf91660978d5d7e0c0785c3c5f = $(`&lt;div id=&quot;html_5fcdcfaf91660978d5d7e0c0785c3c5f&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;SERANGOON 7717&lt;/div&gt;`)[0];\n",
       "                popup_d1c89f099e4fa9aee65e8594f61f31b6.setContent(html_5fcdcfaf91660978d5d7e0c0785c3c5f);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_b66ea789249f8492de67694f80503ad3.bindPopup(popup_d1c89f099e4fa9aee65e8594f61f31b6)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_e7d92af677e4d775bb6b2b20ea00310f = L.circleMarker(\n",
       "                [1.3547, 103.9437],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 26.530001000000002, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_3e51850f71a481bcd7607f6277fe8276);\n",
       "        \n",
       "    \n",
       "        var popup_e14d33c19d553fa231dbd4b4636c88d1 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_d4dece66a17281c10f230ffc98c87088 = $(`&lt;div id=&quot;html_d4dece66a17281c10f230ffc98c87088&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;TAMPINES 26530&lt;/div&gt;`)[0];\n",
       "                popup_e14d33c19d553fa231dbd4b4636c88d1.setContent(html_d4dece66a17281c10f230ffc98c87088);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_e7d92af677e4d775bb6b2b20ea00310f.bindPopup(popup_e14d33c19d553fa231dbd4b4636c88d1)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_e9ba3924c5618eff7c0d5693793ccb58 = L.circleMarker(\n",
       "                [1.3354, 103.8497],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 10.204001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_3e51850f71a481bcd7607f6277fe8276);\n",
       "        \n",
       "    \n",
       "        var popup_e4b048f596970c8c7174c816fa0b0f8a = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_95cfb2fc561ef798f4d65057ed5a3152 = $(`&lt;div id=&quot;html_95cfb2fc561ef798f4d65057ed5a3152&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;TOA PAYOH 10204&lt;/div&gt;`)[0];\n",
       "                popup_e4b048f596970c8c7174c816fa0b0f8a.setContent(html_95cfb2fc561ef798f4d65057ed5a3152);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_e9ba3924c5618eff7c0d5693793ccb58.bindPopup(popup_e4b048f596970c8c7174c816fa0b0f8a)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_0fdce5839d9c11fcef89fcd6f461b057 = L.circleMarker(\n",
       "                [1.43801, 103.78877],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 30.351001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_3e51850f71a481bcd7607f6277fe8276);\n",
       "        \n",
       "    \n",
       "        var popup_6e6415d6e02e2cc89bef405b93f4c6e7 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_c41d35b4944459dc1cfb69d6a95b8c11 = $(`&lt;div id=&quot;html_c41d35b4944459dc1cfb69d6a95b8c11&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;WOODLANDS 30351&lt;/div&gt;`)[0];\n",
       "                popup_6e6415d6e02e2cc89bef405b93f4c6e7.setContent(html_c41d35b4944459dc1cfb69d6a95b8c11);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_0fdce5839d9c11fcef89fcd6f461b057.bindPopup(popup_6e6415d6e02e2cc89bef405b93f4c6e7)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_348193334391a7fff967e5617f76c361 = L.circleMarker(\n",
       "                [1.4293, 103.8355],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 20.301001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_3e51850f71a481bcd7607f6277fe8276);\n",
       "        \n",
       "    \n",
       "        var popup_b4829aaec71e7c441d37955a3823a6cc = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_0b34f90315c14ac002cf95f133bee6e8 = $(`&lt;div id=&quot;html_0b34f90315c14ac002cf95f133bee6e8&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;YISHUN 20301&lt;/div&gt;`)[0];\n",
       "                popup_b4829aaec71e7c441d37955a3823a6cc.setContent(html_0b34f90315c14ac002cf95f133bee6e8);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_348193334391a7fff967e5617f76c361.bindPopup(popup_b4829aaec71e7c441d37955a3823a6cc)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            tile_layer_720a22f83af37411c67175670286e31f.addTo(map_3e51850f71a481bcd7607f6277fe8276);\n",
       "        \n",
       "&lt;/script&gt;\n",
       "&lt;/html&gt;\" style=\"position:absolute;width:100%;height:100%;left:0;top:0;border:none !important;\" allowfullscreen webkitallowfullscreen mozallowfullscreen></iframe></div></div>"
      ],
      "text/plain": [
       "<folium.folium.Map at 0x7d10c238e830>"
      ]
     },
     "execution_count": 10,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "renderMap(data[(2000 <= data['resale_year']) & (data['resale_year'] < 2010)], 1000, \"#8a2be2\")\n",
    "sgmap.save(\"resale-200X-map.html\")\n",
    "sgmap"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 11,
   "id": "8b7c5e89",
   "metadata": {},
   "outputs": [
    {
     "data": {
      "text/html": [
       "<div style=\"width:100%;\"><div style=\"position:relative;width:100%;height:0;padding-bottom:60%;\"><span style=\"color:#565656\">Make this Notebook Trusted to load map: File -> Trust Notebook</span><iframe srcdoc=\"&lt;!DOCTYPE html&gt;\n",
       "&lt;html&gt;\n",
       "&lt;head&gt;\n",
       "    \n",
       "    &lt;meta http-equiv=&quot;content-type&quot; content=&quot;text/html; charset=UTF-8&quot; /&gt;\n",
       "    \n",
       "        &lt;script&gt;\n",
       "            L_NO_TOUCH = false;\n",
       "            L_DISABLE_3D = false;\n",
       "        &lt;/script&gt;\n",
       "    \n",
       "    &lt;style&gt;html, body {width: 100%;height: 100%;margin: 0;padding: 0;}&lt;/style&gt;\n",
       "    &lt;style&gt;#map {position:absolute;top:0;bottom:0;right:0;left:0;}&lt;/style&gt;\n",
       "    &lt;script src=&quot;https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.js&quot;&gt;&lt;/script&gt;\n",
       "    &lt;script src=&quot;https://code.jquery.com/jquery-3.7.1.min.js&quot;&gt;&lt;/script&gt;\n",
       "    &lt;script src=&quot;https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js&quot;&gt;&lt;/script&gt;\n",
       "    &lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.js&quot;&gt;&lt;/script&gt;\n",
       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.css&quot;/&gt;\n",
       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css&quot;/&gt;\n",
       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css&quot;/&gt;\n",
       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.min.css&quot;/&gt;\n",
       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css&quot;/&gt;\n",
       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css&quot;/&gt;\n",
       "    \n",
       "            &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width,\n",
       "                initial-scale=1.0, maximum-scale=1.0, user-scalable=no&quot; /&gt;\n",
       "            &lt;style&gt;\n",
       "                #map_e02221f8bec012c69c0ca2deac32ec0e {\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_e02221f8bec012c69c0ca2deac32ec0e&quot; &gt;&lt;/div&gt;\n",
       "        \n",
       "&lt;/body&gt;\n",
       "&lt;script&gt;\n",
       "    \n",
       "    \n",
       "            var map_e02221f8bec012c69c0ca2deac32ec0e = L.map(\n",
       "                &quot;map_e02221f8bec012c69c0ca2deac32ec0e&quot;,\n",
       "                {\n",
       "                    center: [1.3666, 103.8],\n",
       "                    crs: L.CRS.EPSG3857,\n",
       "                    zoom: 12,\n",
       "                    zoomControl: true,\n",
       "                    preferCanvas: false,\n",
       "                    doubleClickZoom: false,\n",
       "                }\n",
       "            );\n",
       "\n",
       "            \n",
       "\n",
       "        \n",
       "    \n",
       "            var tile_layer_898c0591797d1f508845507404c71374 = 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_898c0591797d1f508845507404c71374.addTo(map_e02221f8bec012c69c0ca2deac32ec0e);\n",
       "        \n",
       "    \n",
       "            var circle_marker_0f016fb176a37d7cb65b30030c1337c6 = L.circleMarker(\n",
       "                [1.3698, 103.8461],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 10.992001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_e02221f8bec012c69c0ca2deac32ec0e);\n",
       "        \n",
       "    \n",
       "        var popup_0d23f0243accd639da26b82137c29706 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_58adbf077f50772e91ac8178e8e9f52c = $(`&lt;div id=&quot;html_58adbf077f50772e91ac8178e8e9f52c&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;ANG MO KIO 10992&lt;/div&gt;`)[0];\n",
       "                popup_0d23f0243accd639da26b82137c29706.setContent(html_58adbf077f50772e91ac8178e8e9f52c);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_0f016fb176a37d7cb65b30030c1337c6.bindPopup(popup_0d23f0243accd639da26b82137c29706)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_46333cfdacc7dd41bc703174e26c02c7 = L.circleMarker(\n",
       "                [1.3236, 103.9273],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 13.870000999999998, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_e02221f8bec012c69c0ca2deac32ec0e);\n",
       "        \n",
       "    \n",
       "        var popup_293c48361168bc7bde96789a05b7d831 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_676b079c85d57b4343a0a6183884c251 = $(`&lt;div id=&quot;html_676b079c85d57b4343a0a6183884c251&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;BEDOK 13870&lt;/div&gt;`)[0];\n",
       "                popup_293c48361168bc7bde96789a05b7d831.setContent(html_676b079c85d57b4343a0a6183884c251);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_46333cfdacc7dd41bc703174e26c02c7.bindPopup(popup_293c48361168bc7bde96789a05b7d831)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_432088fdc4e46a375da805f1e0411ab1 = L.circleMarker(\n",
       "                [1.3499986, 103.8499966],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 4.362001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_e02221f8bec012c69c0ca2deac32ec0e);\n",
       "        \n",
       "    \n",
       "        var popup_3cd36fb40028b6117d5ab569ec6a6097 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_e63962627abd7d2b66bca3f7851600c4 = $(`&lt;div id=&quot;html_e63962627abd7d2b66bca3f7851600c4&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;BISHAN 4362&lt;/div&gt;`)[0];\n",
       "                popup_3cd36fb40028b6117d5ab569ec6a6097.setContent(html_e63962627abd7d2b66bca3f7851600c4);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_432088fdc4e46a375da805f1e0411ab1.bindPopup(popup_3cd36fb40028b6117d5ab569ec6a6097)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_9734db197e0db795496ef39e00516320 = L.circleMarker(\n",
       "                [1.3496, 103.7528],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 9.197000999999998, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_e02221f8bec012c69c0ca2deac32ec0e);\n",
       "        \n",
       "    \n",
       "        var popup_388407722c57436e3795526180d7d7d1 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_d72ef8dd3f5c442b8aa5c84bfcde48ed = $(`&lt;div id=&quot;html_d72ef8dd3f5c442b8aa5c84bfcde48ed&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;BUKIT BATOK 9197&lt;/div&gt;`)[0];\n",
       "                popup_388407722c57436e3795526180d7d7d1.setContent(html_d72ef8dd3f5c442b8aa5c84bfcde48ed);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_9734db197e0db795496ef39e00516320.bindPopup(popup_388407722c57436e3795526180d7d7d1)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_83e5e6724690e7210708793f62ed6e55 = L.circleMarker(\n",
       "                [1.28583, 103.81944],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 8.902000999999998, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_e02221f8bec012c69c0ca2deac32ec0e);\n",
       "        \n",
       "    \n",
       "        var popup_3f35d48b00563764ccb48a2da06084ad = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_741f096f0df6c8edeec2970f46a44cf5 = $(`&lt;div id=&quot;html_741f096f0df6c8edeec2970f46a44cf5&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;BUKIT MERAH 8902&lt;/div&gt;`)[0];\n",
       "                popup_3f35d48b00563764ccb48a2da06084ad.setContent(html_741f096f0df6c8edeec2970f46a44cf5);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_83e5e6724690e7210708793f62ed6e55.bindPopup(popup_3f35d48b00563764ccb48a2da06084ad)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_f33d4c3972c0656ad7264e1009b1fc5e = L.circleMarker(\n",
       "                [1.3786, 103.7626],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 8.488000999999999, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_e02221f8bec012c69c0ca2deac32ec0e);\n",
       "        \n",
       "    \n",
       "        var popup_ae5f1602d9fadb390c83e6bcbaec77ef = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_54424ed46203e79c6dd719ae967e9c78 = $(`&lt;div id=&quot;html_54424ed46203e79c6dd719ae967e9c78&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;BUKIT PANJANG 8488&lt;/div&gt;`)[0];\n",
       "                popup_ae5f1602d9fadb390c83e6bcbaec77ef.setContent(html_54424ed46203e79c6dd719ae967e9c78);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_f33d4c3972c0656ad7264e1009b1fc5e.bindPopup(popup_ae5f1602d9fadb390c83e6bcbaec77ef)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_db8a16b25f1c78d8365aad68cb1434f9 = L.circleMarker(\n",
       "                [1.3294, 103.8021],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 0.5360010000000001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_e02221f8bec012c69c0ca2deac32ec0e);\n",
       "        \n",
       "    \n",
       "        var popup_96a2e3e76815dbc94d962d75bbf91632 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_570b4a0a2a6ac6ceec82020b65e701fa = $(`&lt;div id=&quot;html_570b4a0a2a6ac6ceec82020b65e701fa&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;BUKIT TIMAH 536&lt;/div&gt;`)[0];\n",
       "                popup_96a2e3e76815dbc94d962d75bbf91632.setContent(html_570b4a0a2a6ac6ceec82020b65e701fa);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_db8a16b25f1c78d8365aad68cb1434f9.bindPopup(popup_96a2e3e76815dbc94d962d75bbf91632)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_822bb313858d717c6e728cd927759ebb = L.circleMarker(\n",
       "                [1.2895, 103.8143],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 1.816001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_e02221f8bec012c69c0ca2deac32ec0e);\n",
       "        \n",
       "    \n",
       "        var popup_7f63859281f9c030cd9c63b80e58f669 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_34118cc2da238fda6f7028e00f92ab36 = $(`&lt;div id=&quot;html_34118cc2da238fda6f7028e00f92ab36&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;CENTRAL AREA 1816&lt;/div&gt;`)[0];\n",
       "                popup_7f63859281f9c030cd9c63b80e58f669.setContent(html_34118cc2da238fda6f7028e00f92ab36);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_822bb313858d717c6e728cd927759ebb.bindPopup(popup_7f63859281f9c030cd9c63b80e58f669)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_1c5ae5aac7fe236164e5cfa580f2b0ae = L.circleMarker(\n",
       "                [1.3833318, 103.749997],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 9.794001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_e02221f8bec012c69c0ca2deac32ec0e);\n",
       "        \n",
       "    \n",
       "        var popup_a44f5e1931f5b0d9de8be17d1202dd6b = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_4aa326368ca6401ea89048c2aca9003d = $(`&lt;div id=&quot;html_4aa326368ca6401ea89048c2aca9003d&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;CHOA CHU KANG 9794&lt;/div&gt;`)[0];\n",
       "                popup_a44f5e1931f5b0d9de8be17d1202dd6b.setContent(html_4aa326368ca6401ea89048c2aca9003d);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_1c5ae5aac7fe236164e5cfa580f2b0ae.bindPopup(popup_a44f5e1931f5b0d9de8be17d1202dd6b)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_0543b1c5112f6f30490d933a72244986 = L.circleMarker(\n",
       "                [1.30918042994, 103.75914363],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 5.451001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_e02221f8bec012c69c0ca2deac32ec0e);\n",
       "        \n",
       "    \n",
       "        var popup_0dc6234eb0f9b798b588644c96dc127a = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_affafa0ade4bef69e5c1eb62c2675f60 = $(`&lt;div id=&quot;html_affafa0ade4bef69e5c1eb62c2675f60&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;CLEMENTI 5451&lt;/div&gt;`)[0];\n",
       "                popup_0dc6234eb0f9b798b588644c96dc127a.setContent(html_affafa0ade4bef69e5c1eb62c2675f60);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_0543b1c5112f6f30490d933a72244986.bindPopup(popup_0dc6234eb0f9b798b588644c96dc127a)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_c644357368ca8226d678c270d9fde046 = L.circleMarker(\n",
       "                [1.3182, 103.8871],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 6.3680010000000005, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_e02221f8bec012c69c0ca2deac32ec0e);\n",
       "        \n",
       "    \n",
       "        var popup_cf96880ce34a532a2d474e76db345e28 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_53fb339504597b2df26c328bb7c39214 = $(`&lt;div id=&quot;html_53fb339504597b2df26c328bb7c39214&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;GEYLANG 6368&lt;/div&gt;`)[0];\n",
       "                popup_cf96880ce34a532a2d474e76db345e28.setContent(html_53fb339504597b2df26c328bb7c39214);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_c644357368ca8226d678c270d9fde046.bindPopup(popup_cf96880ce34a532a2d474e76db345e28)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_5ffd1cc3cebfcb2e8c5f73cd77f3a3f2 = L.circleMarker(\n",
       "                [1.3736, 103.8867],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 11.587000999999999, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_e02221f8bec012c69c0ca2deac32ec0e);\n",
       "        \n",
       "    \n",
       "        var popup_6ae33105ab1e8b74e5dd04a6304e3d2b = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_e03cbb582b744d9522b6767de79d6a49 = $(`&lt;div id=&quot;html_e03cbb582b744d9522b6767de79d6a49&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;HOUGANG 11587&lt;/div&gt;`)[0];\n",
       "                popup_6ae33105ab1e8b74e5dd04a6304e3d2b.setContent(html_e03cbb582b744d9522b6767de79d6a49);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_5ffd1cc3cebfcb2e8c5f73cd77f3a3f2.bindPopup(popup_6ae33105ab1e8b74e5dd04a6304e3d2b)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_283cc26428c9a2fa41dcd8d1eb7f7132 = L.circleMarker(\n",
       "                [1.32399537068, 103.737298717],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 5.236001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_e02221f8bec012c69c0ca2deac32ec0e);\n",
       "        \n",
       "    \n",
       "        var popup_f80d9608f8c04a6d921f3f19be5576c1 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_a616e494b22fe3e0634fe2e92068f88b = $(`&lt;div id=&quot;html_a616e494b22fe3e0634fe2e92068f88b&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;JURONG EAST 5236&lt;/div&gt;`)[0];\n",
       "                popup_f80d9608f8c04a6d921f3f19be5576c1.setContent(html_a616e494b22fe3e0634fe2e92068f88b);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_283cc26428c9a2fa41dcd8d1eb7f7132.bindPopup(popup_f80d9608f8c04a6d921f3f19be5576c1)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_a37ebe472a3b9ddcf6a6d1ac75725ea1 = L.circleMarker(\n",
       "                [1.3396, 103.7073],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 18.270001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_e02221f8bec012c69c0ca2deac32ec0e);\n",
       "        \n",
       "    \n",
       "        var popup_c1b8caf73ed109d1a9cabf0c8e0bba1f = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_8835690d39fbad55284863c6a427c4b2 = $(`&lt;div id=&quot;html_8835690d39fbad55284863c6a427c4b2&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;JURONG WEST 18270&lt;/div&gt;`)[0];\n",
       "                popup_c1b8caf73ed109d1a9cabf0c8e0bba1f.setContent(html_8835690d39fbad55284863c6a427c4b2);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_a37ebe472a3b9ddcf6a6d1ac75725ea1.bindPopup(popup_c1b8caf73ed109d1a9cabf0c8e0bba1f)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_d302920e6d416e8202e9e6c145102e1f = L.circleMarker(\n",
       "                [1.3106, 103.866],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 6.696001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_e02221f8bec012c69c0ca2deac32ec0e);\n",
       "        \n",
       "    \n",
       "        var popup_4a54c35dad1790b6856176ea1f4a3833 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_d5d916a00f99b270f3589882f93f7e28 = $(`&lt;div id=&quot;html_d5d916a00f99b270f3589882f93f7e28&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;KALLANG/WHAMPOA 6696&lt;/div&gt;`)[0];\n",
       "                popup_4a54c35dad1790b6856176ea1f4a3833.setContent(html_d5d916a00f99b270f3589882f93f7e28);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_d302920e6d416e8202e9e6c145102e1f.bindPopup(popup_4a54c35dad1790b6856176ea1f4a3833)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_afd194cac5f751d48403d7bbf5ee628e = L.circleMarker(\n",
       "                [1.303, 103.9072],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 1.5290009999999998, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_e02221f8bec012c69c0ca2deac32ec0e);\n",
       "        \n",
       "    \n",
       "        var popup_a75c94fab2fc64b03c4b135254c6e25d = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_dae456fde719fb213bf1a9f792a7026b = $(`&lt;div id=&quot;html_dae456fde719fb213bf1a9f792a7026b&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;MARINE PARADE 1529&lt;/div&gt;`)[0];\n",
       "                popup_a75c94fab2fc64b03c4b135254c6e25d.setContent(html_dae456fde719fb213bf1a9f792a7026b);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_afd194cac5f751d48403d7bbf5ee628e.bindPopup(popup_a75c94fab2fc64b03c4b135254c6e25d)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_4b812737359c3ebd8c78b3504e135063 = L.circleMarker(\n",
       "                [1.3739, 103.9493],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 7.473001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_e02221f8bec012c69c0ca2deac32ec0e);\n",
       "        \n",
       "    \n",
       "        var popup_84216860c70e44a281eed541d9f24a31 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_0cdc76b412efe8306b2ab3b0e6dc928d = $(`&lt;div id=&quot;html_0cdc76b412efe8306b2ab3b0e6dc928d&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;PASIR RIS 7473&lt;/div&gt;`)[0];\n",
       "                popup_84216860c70e44a281eed541d9f24a31.setContent(html_0cdc76b412efe8306b2ab3b0e6dc928d);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_4b812737359c3ebd8c78b3504e135063.bindPopup(popup_84216860c70e44a281eed541d9f24a31)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_e0da1c25377a63c4693d0d6588225007 = L.circleMarker(\n",
       "                [1.4051, 103.9023],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 9.581000999999999, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_e02221f8bec012c69c0ca2deac32ec0e);\n",
       "        \n",
       "    \n",
       "        var popup_7957b3ad9f23eaa3670158a8541eb1f1 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_d2be0dcc2d95a08986c7ea82fd77d419 = $(`&lt;div id=&quot;html_d2be0dcc2d95a08986c7ea82fd77d419&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;PUNGGOL 9581&lt;/div&gt;`)[0];\n",
       "                popup_7957b3ad9f23eaa3670158a8541eb1f1.setContent(html_d2be0dcc2d95a08986c7ea82fd77d419);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_e0da1c25377a63c4693d0d6588225007.bindPopup(popup_7957b3ad9f23eaa3670158a8541eb1f1)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_f36260baedc968fb26c4e6ee21aab52f = L.circleMarker(\n",
       "                [1.29944, 103.80583],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 6.245001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_e02221f8bec012c69c0ca2deac32ec0e);\n",
       "        \n",
       "    \n",
       "        var popup_ceb54f66a3cbf2721d0c76e93401c097 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_0bd6a51d84e817cd2fcd8593dfda4124 = $(`&lt;div id=&quot;html_0bd6a51d84e817cd2fcd8593dfda4124&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;QUEENSTOWN 6245&lt;/div&gt;`)[0];\n",
       "                popup_ceb54f66a3cbf2721d0c76e93401c097.setContent(html_0bd6a51d84e817cd2fcd8593dfda4124);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_f36260baedc968fb26c4e6ee21aab52f.bindPopup(popup_ceb54f66a3cbf2721d0c76e93401c097)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_a8c2619a160958db2e62345066b85e3a = L.circleMarker(\n",
       "                [1.4491, 103.8201],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 5.787001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_e02221f8bec012c69c0ca2deac32ec0e);\n",
       "        \n",
       "    \n",
       "        var popup_ab9281e65a08a854453220ea9229ba22 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_5efe21fba99b909d351dcb0d857756f1 = $(`&lt;div id=&quot;html_5efe21fba99b909d351dcb0d857756f1&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;SEMBAWANG 5787&lt;/div&gt;`)[0];\n",
       "                popup_ab9281e65a08a854453220ea9229ba22.setContent(html_5efe21fba99b909d351dcb0d857756f1);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_a8c2619a160958db2e62345066b85e3a.bindPopup(popup_ab9281e65a08a854453220ea9229ba22)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_f31c1862b43fd8e59d650ccea2609c33 = L.circleMarker(\n",
       "                [1.3901, 103.8952],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 15.515001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_e02221f8bec012c69c0ca2deac32ec0e);\n",
       "        \n",
       "    \n",
       "        var popup_f44c5cccd96837e50920decf7da7b05a = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_746c59f4a94b0597fadfa5d0b601aadd = $(`&lt;div id=&quot;html_746c59f4a94b0597fadfa5d0b601aadd&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;SENGKANG 15515&lt;/div&gt;`)[0];\n",
       "                popup_f44c5cccd96837e50920decf7da7b05a.setContent(html_746c59f4a94b0597fadfa5d0b601aadd);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_f31c1862b43fd8e59d650ccea2609c33.bindPopup(popup_f44c5cccd96837e50920decf7da7b05a)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_d218347bbb9b5219c967f3c17b3ba5c5 = L.circleMarker(\n",
       "                [1.3496, 103.8737],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 4.866001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_e02221f8bec012c69c0ca2deac32ec0e);\n",
       "        \n",
       "    \n",
       "        var popup_9b7050ec257efedc617184ecea1e064a = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_579e66d4299758fa36a405f04f4844bc = $(`&lt;div id=&quot;html_579e66d4299758fa36a405f04f4844bc&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;SERANGOON 4866&lt;/div&gt;`)[0];\n",
       "                popup_9b7050ec257efedc617184ecea1e064a.setContent(html_579e66d4299758fa36a405f04f4844bc);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_d218347bbb9b5219c967f3c17b3ba5c5.bindPopup(popup_9b7050ec257efedc617184ecea1e064a)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_7e87c312bbb47101585b0a2ac3d6c0c7 = L.circleMarker(\n",
       "                [1.3547, 103.9437],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 15.828000999999999, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_e02221f8bec012c69c0ca2deac32ec0e);\n",
       "        \n",
       "    \n",
       "        var popup_64876e2d1ee109d3d4fda52cb78f50b1 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_e7ba043ad6b01d3173f9e3200706a72e = $(`&lt;div id=&quot;html_e7ba043ad6b01d3173f9e3200706a72e&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;TAMPINES 15828&lt;/div&gt;`)[0];\n",
       "                popup_64876e2d1ee109d3d4fda52cb78f50b1.setContent(html_e7ba043ad6b01d3173f9e3200706a72e);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_7e87c312bbb47101585b0a2ac3d6c0c7.bindPopup(popup_64876e2d1ee109d3d4fda52cb78f50b1)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_1285ca2b0f246eabdff937c24d2845e3 = L.circleMarker(\n",
       "                [1.3354, 103.8497],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 7.348001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_e02221f8bec012c69c0ca2deac32ec0e);\n",
       "        \n",
       "    \n",
       "        var popup_29e0862ab16f3bc544716ab0a07e9ba3 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_151acd3cf16326a0c27015ed8a8cde3b = $(`&lt;div id=&quot;html_151acd3cf16326a0c27015ed8a8cde3b&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;TOA PAYOH 7348&lt;/div&gt;`)[0];\n",
       "                popup_29e0862ab16f3bc544716ab0a07e9ba3.setContent(html_151acd3cf16326a0c27015ed8a8cde3b);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_1285ca2b0f246eabdff937c24d2845e3.bindPopup(popup_29e0862ab16f3bc544716ab0a07e9ba3)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_c5410de0e331539acec016e82a0acca2 = L.circleMarker(\n",
       "                [1.43801, 103.78877],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 18.590001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_e02221f8bec012c69c0ca2deac32ec0e);\n",
       "        \n",
       "    \n",
       "        var popup_0a7603c161c8fa47d0fc607dd768df1d = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_97bd4f7d2b21e9e3d5f9ec29915e8a3d = $(`&lt;div id=&quot;html_97bd4f7d2b21e9e3d5f9ec29915e8a3d&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;WOODLANDS 18590&lt;/div&gt;`)[0];\n",
       "                popup_0a7603c161c8fa47d0fc607dd768df1d.setContent(html_97bd4f7d2b21e9e3d5f9ec29915e8a3d);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_c5410de0e331539acec016e82a0acca2.bindPopup(popup_0a7603c161c8fa47d0fc607dd768df1d)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_96bc79ee0534d39ff5d13693900c4fe2 = L.circleMarker(\n",
       "                [1.4293, 103.8355],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#8a2be2&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#8a2be2&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 15.158000999999999, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_e02221f8bec012c69c0ca2deac32ec0e);\n",
       "        \n",
       "    \n",
       "        var popup_3438bd7ec30094d0f04641fd9255b408 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_70fc72c60f4ebb19497c58e8c1ebc40b = $(`&lt;div id=&quot;html_70fc72c60f4ebb19497c58e8c1ebc40b&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;YISHUN 15158&lt;/div&gt;`)[0];\n",
       "                popup_3438bd7ec30094d0f04641fd9255b408.setContent(html_70fc72c60f4ebb19497c58e8c1ebc40b);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_96bc79ee0534d39ff5d13693900c4fe2.bindPopup(popup_3438bd7ec30094d0f04641fd9255b408)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            tile_layer_898c0591797d1f508845507404c71374.addTo(map_e02221f8bec012c69c0ca2deac32ec0e);\n",
       "        \n",
       "&lt;/script&gt;\n",
       "&lt;/html&gt;\" style=\"position:absolute;width:100%;height:100%;left:0;top:0;border:none !important;\" allowfullscreen webkitallowfullscreen mozallowfullscreen></iframe></div></div>"
      ],
      "text/plain": [
       "<folium.folium.Map at 0x7d103af0ab60>"
      ]
     },
     "execution_count": 11,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "renderMap(data[(2010 <= data['resale_year']) & (data['resale_year'] <= 2020)], 1000, \"#8a2be2\")\n",
    "sgmap.save(\"resale-201X-map.html\")\n",
    "sgmap"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "f7ce6c62",
   "metadata": {},
   "source": [
    "Here we can see that for most towns, they tend to decrease in terms of number of resale. There could be several reasons contributing to this trend.\n",
    "\n",
    "One possible reason is changing demographics and preferences. Certain towns or areas may become less attractive to buyers over time due to shifts in population demographics or changes in lifestyle trends.\n",
    "\n",
    "Infrastructure and development can also play a significant role. Towns that receive more investment in terms of facilities tend to attract more buyers, leading to higher resale activity. Conversely, towns that lack these amenities may experience a decline in demand for resale flats."
   ]
  },
  {
   "cell_type": "markdown",
   "id": "bf0afbd4",
   "metadata": {},
   "source": [
    "Next, we only present HDB resales that lies on the lower and higher ends of the price range. The first map present the resales occured from 2005-2020 with price greater than SGD 800,000. The second map shows the resales since 2005-2020 with price less than SGD 150,000. The maps will be rendered with red circles."
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 12,
   "id": "3d520ade",
   "metadata": {
    "scrolled": false
   },
   "outputs": [
    {
     "data": {
      "text/html": [
       "<div style=\"width:100%;\"><div style=\"position:relative;width:100%;height:0;padding-bottom:60%;\"><span style=\"color:#565656\">Make this Notebook Trusted to load map: File -> Trust Notebook</span><iframe srcdoc=\"&lt;!DOCTYPE html&gt;\n",
       "&lt;html&gt;\n",
       "&lt;head&gt;\n",
       "    \n",
       "    &lt;meta http-equiv=&quot;content-type&quot; content=&quot;text/html; charset=UTF-8&quot; /&gt;\n",
       "    \n",
       "        &lt;script&gt;\n",
       "            L_NO_TOUCH = false;\n",
       "            L_DISABLE_3D = false;\n",
       "        &lt;/script&gt;\n",
       "    \n",
       "    &lt;style&gt;html, body {width: 100%;height: 100%;margin: 0;padding: 0;}&lt;/style&gt;\n",
       "    &lt;style&gt;#map {position:absolute;top:0;bottom:0;right:0;left:0;}&lt;/style&gt;\n",
       "    &lt;script src=&quot;https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.js&quot;&gt;&lt;/script&gt;\n",
       "    &lt;script src=&quot;https://code.jquery.com/jquery-3.7.1.min.js&quot;&gt;&lt;/script&gt;\n",
       "    &lt;script src=&quot;https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js&quot;&gt;&lt;/script&gt;\n",
       "    &lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.js&quot;&gt;&lt;/script&gt;\n",
       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.css&quot;/&gt;\n",
       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css&quot;/&gt;\n",
       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css&quot;/&gt;\n",
       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.min.css&quot;/&gt;\n",
       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css&quot;/&gt;\n",
       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css&quot;/&gt;\n",
       "    \n",
       "            &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width,\n",
       "                initial-scale=1.0, maximum-scale=1.0, user-scalable=no&quot; /&gt;\n",
       "            &lt;style&gt;\n",
       "                #map_1cc377d1557ec0dddb3a8a13d5dcf244 {\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_1cc377d1557ec0dddb3a8a13d5dcf244&quot; &gt;&lt;/div&gt;\n",
       "        \n",
       "&lt;/body&gt;\n",
       "&lt;script&gt;\n",
       "    \n",
       "    \n",
       "            var map_1cc377d1557ec0dddb3a8a13d5dcf244 = L.map(\n",
       "                &quot;map_1cc377d1557ec0dddb3a8a13d5dcf244&quot;,\n",
       "                {\n",
       "                    center: [1.3666, 103.8],\n",
       "                    crs: L.CRS.EPSG3857,\n",
       "                    zoom: 12,\n",
       "                    zoomControl: true,\n",
       "                    preferCanvas: false,\n",
       "                    doubleClickZoom: false,\n",
       "                }\n",
       "            );\n",
       "\n",
       "            \n",
       "\n",
       "        \n",
       "    \n",
       "            var tile_layer_e11387fe80f3304170dba7507b40043d = 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_e11387fe80f3304170dba7507b40043d.addTo(map_1cc377d1557ec0dddb3a8a13d5dcf244);\n",
       "        \n",
       "    \n",
       "            var circle_marker_db52c1b7a8373821cd6326decc40df77 = L.circleMarker(\n",
       "                [1.3698, 103.8461],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#AA0000&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#AA0000&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 10.350000999999999, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_1cc377d1557ec0dddb3a8a13d5dcf244);\n",
       "        \n",
       "    \n",
       "        var popup_8a8f2dd209211968e38b23c6ba4114e7 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_32171ff6e6ae3175c7b2b5292fcba7c8 = $(`&lt;div id=&quot;html_32171ff6e6ae3175c7b2b5292fcba7c8&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;ANG MO KIO 207&lt;/div&gt;`)[0];\n",
       "                popup_8a8f2dd209211968e38b23c6ba4114e7.setContent(html_32171ff6e6ae3175c7b2b5292fcba7c8);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_db52c1b7a8373821cd6326decc40df77.bindPopup(popup_8a8f2dd209211968e38b23c6ba4114e7)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_1a43e5ba73ca16bfe1ff9552abd0e6af = L.circleMarker(\n",
       "                [1.3236, 103.9273],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#AA0000&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#AA0000&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 4.550001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_1cc377d1557ec0dddb3a8a13d5dcf244);\n",
       "        \n",
       "    \n",
       "        var popup_8e5a72c208647090400c96ae5d4447a2 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_e9ea7353b230ec7eb29889031a60bbbe = $(`&lt;div id=&quot;html_e9ea7353b230ec7eb29889031a60bbbe&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;BEDOK 91&lt;/div&gt;`)[0];\n",
       "                popup_8e5a72c208647090400c96ae5d4447a2.setContent(html_e9ea7353b230ec7eb29889031a60bbbe);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_1a43e5ba73ca16bfe1ff9552abd0e6af.bindPopup(popup_8e5a72c208647090400c96ae5d4447a2)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_799044120dfbec13601c2a6c8a4c3c85 = L.circleMarker(\n",
       "                [1.3499986, 103.8499966],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#AA0000&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#AA0000&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 25.600001000000002, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_1cc377d1557ec0dddb3a8a13d5dcf244);\n",
       "        \n",
       "    \n",
       "        var popup_1d533d6dbee3a2a6fe9300e8dc10c23d = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_2ce0a43eca96120e990dce28ffe597e6 = $(`&lt;div id=&quot;html_2ce0a43eca96120e990dce28ffe597e6&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;BISHAN 512&lt;/div&gt;`)[0];\n",
       "                popup_1d533d6dbee3a2a6fe9300e8dc10c23d.setContent(html_2ce0a43eca96120e990dce28ffe597e6);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_799044120dfbec13601c2a6c8a4c3c85.bindPopup(popup_1d533d6dbee3a2a6fe9300e8dc10c23d)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_2bc521341fd4842349c0d6f9d1f036c5 = L.circleMarker(\n",
       "                [1.3496, 103.7528],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#AA0000&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#AA0000&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 0.35000099999999995, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_1cc377d1557ec0dddb3a8a13d5dcf244);\n",
       "        \n",
       "    \n",
       "        var popup_9a8ece1ba213fab05ceb5d62b06aa1c6 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_8f19d84d87ffe05934be550880799f52 = $(`&lt;div id=&quot;html_8f19d84d87ffe05934be550880799f52&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;BUKIT BATOK 7&lt;/div&gt;`)[0];\n",
       "                popup_9a8ece1ba213fab05ceb5d62b06aa1c6.setContent(html_8f19d84d87ffe05934be550880799f52);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_2bc521341fd4842349c0d6f9d1f036c5.bindPopup(popup_9a8ece1ba213fab05ceb5d62b06aa1c6)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_7842c711e3679bf3f2bfebe5e39bf264 = L.circleMarker(\n",
       "                [1.28583, 103.81944],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#AA0000&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#AA0000&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 39.200001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_1cc377d1557ec0dddb3a8a13d5dcf244);\n",
       "        \n",
       "    \n",
       "        var popup_a949497166614634e8cce6d6a4e9f7e0 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_2ee2eb861a78b2f53835a3a6bbba4cec = $(`&lt;div id=&quot;html_2ee2eb861a78b2f53835a3a6bbba4cec&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;BUKIT MERAH 784&lt;/div&gt;`)[0];\n",
       "                popup_a949497166614634e8cce6d6a4e9f7e0.setContent(html_2ee2eb861a78b2f53835a3a6bbba4cec);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_7842c711e3679bf3f2bfebe5e39bf264.bindPopup(popup_a949497166614634e8cce6d6a4e9f7e0)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_061c5564f89d7698a073a6ce9298ff1f = L.circleMarker(\n",
       "                [1.3786, 103.7626],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#AA0000&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#AA0000&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 0.100001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_1cc377d1557ec0dddb3a8a13d5dcf244);\n",
       "        \n",
       "    \n",
       "        var popup_abfdfc236d3d6d8b4bd73b542291c307 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_d793063ae3eaa864a5aa34ddd5bc7497 = $(`&lt;div id=&quot;html_d793063ae3eaa864a5aa34ddd5bc7497&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;BUKIT PANJANG 2&lt;/div&gt;`)[0];\n",
       "                popup_abfdfc236d3d6d8b4bd73b542291c307.setContent(html_d793063ae3eaa864a5aa34ddd5bc7497);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_061c5564f89d7698a073a6ce9298ff1f.bindPopup(popup_abfdfc236d3d6d8b4bd73b542291c307)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_b242c4903d396bf52f2f3ed0fa7906d6 = L.circleMarker(\n",
       "                [1.3294, 103.8021],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#AA0000&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#AA0000&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 7.250001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_1cc377d1557ec0dddb3a8a13d5dcf244);\n",
       "        \n",
       "    \n",
       "        var popup_c40ab7bd9f6a8b83171a2a5e8d1c73b7 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_ff705c5a30d738713fbc62bb89c49eb5 = $(`&lt;div id=&quot;html_ff705c5a30d738713fbc62bb89c49eb5&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;BUKIT TIMAH 145&lt;/div&gt;`)[0];\n",
       "                popup_c40ab7bd9f6a8b83171a2a5e8d1c73b7.setContent(html_ff705c5a30d738713fbc62bb89c49eb5);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_b242c4903d396bf52f2f3ed0fa7906d6.bindPopup(popup_c40ab7bd9f6a8b83171a2a5e8d1c73b7)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_4a1d69e4130f4c8aa1db40ae2aeeb66a = L.circleMarker(\n",
       "                [1.2895, 103.8143],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#AA0000&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#AA0000&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 19.650001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_1cc377d1557ec0dddb3a8a13d5dcf244);\n",
       "        \n",
       "    \n",
       "        var popup_3ca6b8a423295a7b12b4ca26b24df86f = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_6cee3d459ffcafe69589e8859a8eb3ee = $(`&lt;div id=&quot;html_6cee3d459ffcafe69589e8859a8eb3ee&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;CENTRAL AREA 393&lt;/div&gt;`)[0];\n",
       "                popup_3ca6b8a423295a7b12b4ca26b24df86f.setContent(html_6cee3d459ffcafe69589e8859a8eb3ee);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_4a1d69e4130f4c8aa1db40ae2aeeb66a.bindPopup(popup_3ca6b8a423295a7b12b4ca26b24df86f)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_53528eac73fcb45bd365b7aa7342731f = L.circleMarker(\n",
       "                [1.3833318, 103.749997],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#AA0000&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#AA0000&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 0.200001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_1cc377d1557ec0dddb3a8a13d5dcf244);\n",
       "        \n",
       "    \n",
       "        var popup_a37aad0e4b754820df80ac315aba424c = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_6c1f5c6ee4c095a24e62f3ee0dda4dfa = $(`&lt;div id=&quot;html_6c1f5c6ee4c095a24e62f3ee0dda4dfa&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;CHOA CHU KANG 4&lt;/div&gt;`)[0];\n",
       "                popup_a37aad0e4b754820df80ac315aba424c.setContent(html_6c1f5c6ee4c095a24e62f3ee0dda4dfa);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_53528eac73fcb45bd365b7aa7342731f.bindPopup(popup_a37aad0e4b754820df80ac315aba424c)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_7b6a9c2cc5608805157248f9bddca84f = L.circleMarker(\n",
       "                [1.30918042994, 103.75914363],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#AA0000&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#AA0000&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 10.000001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_1cc377d1557ec0dddb3a8a13d5dcf244);\n",
       "        \n",
       "    \n",
       "        var popup_de4d890260b031eaf81be430fab32181 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_1916cefab82394e18dad447233fb35b2 = $(`&lt;div id=&quot;html_1916cefab82394e18dad447233fb35b2&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;CLEMENTI 200&lt;/div&gt;`)[0];\n",
       "                popup_de4d890260b031eaf81be430fab32181.setContent(html_1916cefab82394e18dad447233fb35b2);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_7b6a9c2cc5608805157248f9bddca84f.bindPopup(popup_de4d890260b031eaf81be430fab32181)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_eed5be6a995157ca5479711c9fcf1e4d = L.circleMarker(\n",
       "                [1.3182, 103.8871],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#AA0000&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#AA0000&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 7.250001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_1cc377d1557ec0dddb3a8a13d5dcf244);\n",
       "        \n",
       "    \n",
       "        var popup_6db323ca89e58bec779a8df8201888a7 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_a90167900f2a2c20af23e675778e69c8 = $(`&lt;div id=&quot;html_a90167900f2a2c20af23e675778e69c8&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;GEYLANG 145&lt;/div&gt;`)[0];\n",
       "                popup_6db323ca89e58bec779a8df8201888a7.setContent(html_a90167900f2a2c20af23e675778e69c8);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_eed5be6a995157ca5479711c9fcf1e4d.bindPopup(popup_6db323ca89e58bec779a8df8201888a7)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_b365b73caa9310797cb4f1d9ef857c81 = L.circleMarker(\n",
       "                [1.3736, 103.8867],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#AA0000&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#AA0000&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 4.050001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_1cc377d1557ec0dddb3a8a13d5dcf244);\n",
       "        \n",
       "    \n",
       "        var popup_a37b15f2510bf69dacebffcd191a1754 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_495a42fe7ec4d600e99c4c5f9db3825e = $(`&lt;div id=&quot;html_495a42fe7ec4d600e99c4c5f9db3825e&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;HOUGANG 81&lt;/div&gt;`)[0];\n",
       "                popup_a37b15f2510bf69dacebffcd191a1754.setContent(html_495a42fe7ec4d600e99c4c5f9db3825e);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_b365b73caa9310797cb4f1d9ef857c81.bindPopup(popup_a37b15f2510bf69dacebffcd191a1754)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_9fb9695187d94f47f4e4a82524f8ce15 = L.circleMarker(\n",
       "                [1.32399537068, 103.737298717],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#AA0000&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#AA0000&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 1.9000009999999998, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_1cc377d1557ec0dddb3a8a13d5dcf244);\n",
       "        \n",
       "    \n",
       "        var popup_fc657499ff8397288f6b8cba75ae4a40 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_17d15bbda52df71a7e4123f4025d7457 = $(`&lt;div id=&quot;html_17d15bbda52df71a7e4123f4025d7457&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;JURONG EAST 38&lt;/div&gt;`)[0];\n",
       "                popup_fc657499ff8397288f6b8cba75ae4a40.setContent(html_17d15bbda52df71a7e4123f4025d7457);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_9fb9695187d94f47f4e4a82524f8ce15.bindPopup(popup_fc657499ff8397288f6b8cba75ae4a40)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_69785fda320c32abec0ac319b630d5d6 = L.circleMarker(\n",
       "                [1.3396, 103.7073],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#AA0000&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#AA0000&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 1e-06, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_1cc377d1557ec0dddb3a8a13d5dcf244);\n",
       "        \n",
       "    \n",
       "        var popup_f26a5aab7d363c9138d6e6579e3721a6 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_ae5329a57b3213a0ad295e0c18aa820d = $(`&lt;div id=&quot;html_ae5329a57b3213a0ad295e0c18aa820d&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;JURONG WEST 0&lt;/div&gt;`)[0];\n",
       "                popup_f26a5aab7d363c9138d6e6579e3721a6.setContent(html_ae5329a57b3213a0ad295e0c18aa820d);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_69785fda320c32abec0ac319b630d5d6.bindPopup(popup_f26a5aab7d363c9138d6e6579e3721a6)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_28596b40121f1c91f59ed53feb6357f5 = L.circleMarker(\n",
       "                [1.3106, 103.866],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#AA0000&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#AA0000&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 17.150001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_1cc377d1557ec0dddb3a8a13d5dcf244);\n",
       "        \n",
       "    \n",
       "        var popup_f15138f0f9e414e5cc9fc86224104da4 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_3fb07754fcda483e7b34869d0432622f = $(`&lt;div id=&quot;html_3fb07754fcda483e7b34869d0432622f&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;KALLANG/WHAMPOA 343&lt;/div&gt;`)[0];\n",
       "                popup_f15138f0f9e414e5cc9fc86224104da4.setContent(html_3fb07754fcda483e7b34869d0432622f);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_28596b40121f1c91f59ed53feb6357f5.bindPopup(popup_f15138f0f9e414e5cc9fc86224104da4)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_dbe3b0e613f1fc4c9b86a7e85abc44b3 = L.circleMarker(\n",
       "                [1.303, 103.9072],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#AA0000&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#AA0000&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 8.050001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_1cc377d1557ec0dddb3a8a13d5dcf244);\n",
       "        \n",
       "    \n",
       "        var popup_35cec7d99bed671ba014b8115ce02871 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_939dae3f82074bb4af7dcbfe931cbed6 = $(`&lt;div id=&quot;html_939dae3f82074bb4af7dcbfe931cbed6&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;MARINE PARADE 161&lt;/div&gt;`)[0];\n",
       "                popup_35cec7d99bed671ba014b8115ce02871.setContent(html_939dae3f82074bb4af7dcbfe931cbed6);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_dbe3b0e613f1fc4c9b86a7e85abc44b3.bindPopup(popup_35cec7d99bed671ba014b8115ce02871)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_b6d9f1b7f03fc43433263f3f076c9c60 = L.circleMarker(\n",
       "                [1.3739, 103.9493],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#AA0000&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#AA0000&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 0.450001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_1cc377d1557ec0dddb3a8a13d5dcf244);\n",
       "        \n",
       "    \n",
       "        var popup_d8ed26b605f86f47320d0b9b1571a8e9 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_0db38c6e5a900413bf7aed83e995d4c2 = $(`&lt;div id=&quot;html_0db38c6e5a900413bf7aed83e995d4c2&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;PASIR RIS 9&lt;/div&gt;`)[0];\n",
       "                popup_d8ed26b605f86f47320d0b9b1571a8e9.setContent(html_0db38c6e5a900413bf7aed83e995d4c2);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_b6d9f1b7f03fc43433263f3f076c9c60.bindPopup(popup_d8ed26b605f86f47320d0b9b1571a8e9)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_f84cd81dd3177bfcbbebf2bd269cddf9 = L.circleMarker(\n",
       "                [1.4051, 103.9023],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#AA0000&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#AA0000&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 0.450001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_1cc377d1557ec0dddb3a8a13d5dcf244);\n",
       "        \n",
       "    \n",
       "        var popup_9ce7a3d62fa9a58ee9366be60ef5913f = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_3aa267f6e1da3e8ef989699703bca6e6 = $(`&lt;div id=&quot;html_3aa267f6e1da3e8ef989699703bca6e6&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;PUNGGOL 9&lt;/div&gt;`)[0];\n",
       "                popup_9ce7a3d62fa9a58ee9366be60ef5913f.setContent(html_3aa267f6e1da3e8ef989699703bca6e6);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_f84cd81dd3177bfcbbebf2bd269cddf9.bindPopup(popup_9ce7a3d62fa9a58ee9366be60ef5913f)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_8e9e063bd3416321d2f83a9b186d3223 = L.circleMarker(\n",
       "                [1.29944, 103.80583],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#AA0000&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#AA0000&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 30.750001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_1cc377d1557ec0dddb3a8a13d5dcf244);\n",
       "        \n",
       "    \n",
       "        var popup_06b0eea0d4598ce312c9bc735f211e6b = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_a7127da985d7b0e33399fca9bbc94b0f = $(`&lt;div id=&quot;html_a7127da985d7b0e33399fca9bbc94b0f&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;QUEENSTOWN 615&lt;/div&gt;`)[0];\n",
       "                popup_06b0eea0d4598ce312c9bc735f211e6b.setContent(html_a7127da985d7b0e33399fca9bbc94b0f);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_8e9e063bd3416321d2f83a9b186d3223.bindPopup(popup_06b0eea0d4598ce312c9bc735f211e6b)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_6398ff4bea45e395288512ba65c5a9ca = L.circleMarker(\n",
       "                [1.4491, 103.8201],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#AA0000&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#AA0000&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 1e-06, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_1cc377d1557ec0dddb3a8a13d5dcf244);\n",
       "        \n",
       "    \n",
       "        var popup_d0bd283506579f1abe70aa53a7725644 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_2c3342c0d07650a3ccd51f5e1d549356 = $(`&lt;div id=&quot;html_2c3342c0d07650a3ccd51f5e1d549356&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;SEMBAWANG 0&lt;/div&gt;`)[0];\n",
       "                popup_d0bd283506579f1abe70aa53a7725644.setContent(html_2c3342c0d07650a3ccd51f5e1d549356);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_6398ff4bea45e395288512ba65c5a9ca.bindPopup(popup_d0bd283506579f1abe70aa53a7725644)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_ab8ef198dc974e5386774bc7afd9fc6e = L.circleMarker(\n",
       "                [1.3901, 103.8952],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#AA0000&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#AA0000&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 1e-06, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_1cc377d1557ec0dddb3a8a13d5dcf244);\n",
       "        \n",
       "    \n",
       "        var popup_1cc1e44835c80a8b307b41f4620d8024 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_ffde9a9cc25eff0404fe44749d85d562 = $(`&lt;div id=&quot;html_ffde9a9cc25eff0404fe44749d85d562&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;SENGKANG 0&lt;/div&gt;`)[0];\n",
       "                popup_1cc1e44835c80a8b307b41f4620d8024.setContent(html_ffde9a9cc25eff0404fe44749d85d562);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_ab8ef198dc974e5386774bc7afd9fc6e.bindPopup(popup_1cc1e44835c80a8b307b41f4620d8024)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_b5cac478d6236995118cb58a8f9057c8 = L.circleMarker(\n",
       "                [1.3496, 103.8737],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#AA0000&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#AA0000&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 6.450001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_1cc377d1557ec0dddb3a8a13d5dcf244);\n",
       "        \n",
       "    \n",
       "        var popup_1af59236fb2dd534cf9c969613f736c6 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_c760ca8e0f96f83b7460b956dbf6ef5a = $(`&lt;div id=&quot;html_c760ca8e0f96f83b7460b956dbf6ef5a&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;SERANGOON 129&lt;/div&gt;`)[0];\n",
       "                popup_1af59236fb2dd534cf9c969613f736c6.setContent(html_c760ca8e0f96f83b7460b956dbf6ef5a);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_b5cac478d6236995118cb58a8f9057c8.bindPopup(popup_1af59236fb2dd534cf9c969613f736c6)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_d05a3704829880cd92475e303420fef3 = L.circleMarker(\n",
       "                [1.3547, 103.9437],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#AA0000&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#AA0000&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 3.250001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_1cc377d1557ec0dddb3a8a13d5dcf244);\n",
       "        \n",
       "    \n",
       "        var popup_f71e782709a0af4c5301952da6845d75 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_82ab0817d9b1fb9764723d347c7224ed = $(`&lt;div id=&quot;html_82ab0817d9b1fb9764723d347c7224ed&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;TAMPINES 65&lt;/div&gt;`)[0];\n",
       "                popup_f71e782709a0af4c5301952da6845d75.setContent(html_82ab0817d9b1fb9764723d347c7224ed);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_d05a3704829880cd92475e303420fef3.bindPopup(popup_f71e782709a0af4c5301952da6845d75)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_d06595f4de49e825e7be6d563ba7b8d5 = L.circleMarker(\n",
       "                [1.3354, 103.8497],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#AA0000&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#AA0000&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 24.700001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_1cc377d1557ec0dddb3a8a13d5dcf244);\n",
       "        \n",
       "    \n",
       "        var popup_59d6c0139518700a5e4223cc88ff10a2 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_9c4663ab3985e30e848f62ceb914a56b = $(`&lt;div id=&quot;html_9c4663ab3985e30e848f62ceb914a56b&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;TOA PAYOH 494&lt;/div&gt;`)[0];\n",
       "                popup_59d6c0139518700a5e4223cc88ff10a2.setContent(html_9c4663ab3985e30e848f62ceb914a56b);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_d06595f4de49e825e7be6d563ba7b8d5.bindPopup(popup_59d6c0139518700a5e4223cc88ff10a2)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_b04234d3c4ba488aeb137e97a14adc2d = L.circleMarker(\n",
       "                [1.43801, 103.78877],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#AA0000&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#AA0000&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 0.950001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_1cc377d1557ec0dddb3a8a13d5dcf244);\n",
       "        \n",
       "    \n",
       "        var popup_7e3990b543fea622cc252b11b4bc1c43 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_814492baf3cfc95b69d4f1fc683f8878 = $(`&lt;div id=&quot;html_814492baf3cfc95b69d4f1fc683f8878&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;WOODLANDS 19&lt;/div&gt;`)[0];\n",
       "                popup_7e3990b543fea622cc252b11b4bc1c43.setContent(html_814492baf3cfc95b69d4f1fc683f8878);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_b04234d3c4ba488aeb137e97a14adc2d.bindPopup(popup_7e3990b543fea622cc252b11b4bc1c43)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_86e7c33f11a87f134d50d1c0b2840c20 = L.circleMarker(\n",
       "                [1.4293, 103.8355],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#AA0000&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#AA0000&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 0.250001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_1cc377d1557ec0dddb3a8a13d5dcf244);\n",
       "        \n",
       "    \n",
       "        var popup_2a8c1d0cd87fb3704f4c3939d3ec0b5d = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_e6f9e7eee1530fc2cdf78bbbe59208b0 = $(`&lt;div id=&quot;html_e6f9e7eee1530fc2cdf78bbbe59208b0&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;YISHUN 5&lt;/div&gt;`)[0];\n",
       "                popup_2a8c1d0cd87fb3704f4c3939d3ec0b5d.setContent(html_e6f9e7eee1530fc2cdf78bbbe59208b0);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_86e7c33f11a87f134d50d1c0b2840c20.bindPopup(popup_2a8c1d0cd87fb3704f4c3939d3ec0b5d)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            tile_layer_e11387fe80f3304170dba7507b40043d.addTo(map_1cc377d1557ec0dddb3a8a13d5dcf244);\n",
       "        \n",
       "&lt;/script&gt;\n",
       "&lt;/html&gt;\" style=\"position:absolute;width:100%;height:100%;left:0;top:0;border:none !important;\" allowfullscreen webkitallowfullscreen mozallowfullscreen></iframe></div></div>"
      ],
      "text/plain": [
       "<folium.folium.Map at 0x7d103aedd300>"
      ]
     },
     "execution_count": 12,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "renderMap(data[(data['resale_year']>2005) & (data['resale_price'] > 800000)], 20, \"#AA0000\")\n",
    "sgmap.save(\"resale-highprice-map.html\")\n",
    "sgmap"
   ]
  },
  {
   "cell_type": "code",
   "execution_count": 13,
   "id": "52729758",
   "metadata": {
    "scrolled": false
   },
   "outputs": [
    {
     "data": {
      "text/html": [
       "<div style=\"width:100%;\"><div style=\"position:relative;width:100%;height:0;padding-bottom:60%;\"><span style=\"color:#565656\">Make this Notebook Trusted to load map: File -> Trust Notebook</span><iframe srcdoc=\"&lt;!DOCTYPE html&gt;\n",
       "&lt;html&gt;\n",
       "&lt;head&gt;\n",
       "    \n",
       "    &lt;meta http-equiv=&quot;content-type&quot; content=&quot;text/html; charset=UTF-8&quot; /&gt;\n",
       "    \n",
       "        &lt;script&gt;\n",
       "            L_NO_TOUCH = false;\n",
       "            L_DISABLE_3D = false;\n",
       "        &lt;/script&gt;\n",
       "    \n",
       "    &lt;style&gt;html, body {width: 100%;height: 100%;margin: 0;padding: 0;}&lt;/style&gt;\n",
       "    &lt;style&gt;#map {position:absolute;top:0;bottom:0;right:0;left:0;}&lt;/style&gt;\n",
       "    &lt;script src=&quot;https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.js&quot;&gt;&lt;/script&gt;\n",
       "    &lt;script src=&quot;https://code.jquery.com/jquery-3.7.1.min.js&quot;&gt;&lt;/script&gt;\n",
       "    &lt;script src=&quot;https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js&quot;&gt;&lt;/script&gt;\n",
       "    &lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.js&quot;&gt;&lt;/script&gt;\n",
       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.css&quot;/&gt;\n",
       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css&quot;/&gt;\n",
       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css&quot;/&gt;\n",
       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.min.css&quot;/&gt;\n",
       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css&quot;/&gt;\n",
       "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css&quot;/&gt;\n",
       "    \n",
       "            &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width,\n",
       "                initial-scale=1.0, maximum-scale=1.0, user-scalable=no&quot; /&gt;\n",
       "            &lt;style&gt;\n",
       "                #map_43947aeb49563338e76b8ccf5ba3f6e3 {\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_43947aeb49563338e76b8ccf5ba3f6e3&quot; &gt;&lt;/div&gt;\n",
       "        \n",
       "&lt;/body&gt;\n",
       "&lt;script&gt;\n",
       "    \n",
       "    \n",
       "            var map_43947aeb49563338e76b8ccf5ba3f6e3 = L.map(\n",
       "                &quot;map_43947aeb49563338e76b8ccf5ba3f6e3&quot;,\n",
       "                {\n",
       "                    center: [1.3666, 103.8],\n",
       "                    crs: L.CRS.EPSG3857,\n",
       "                    zoom: 12,\n",
       "                    zoomControl: true,\n",
       "                    preferCanvas: false,\n",
       "                    doubleClickZoom: false,\n",
       "                }\n",
       "            );\n",
       "\n",
       "            \n",
       "\n",
       "        \n",
       "    \n",
       "            var tile_layer_4bf50684eb81664f01b2053a1e2ead3a = 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_4bf50684eb81664f01b2053a1e2ead3a.addTo(map_43947aeb49563338e76b8ccf5ba3f6e3);\n",
       "        \n",
       "    \n",
       "            var circle_marker_3688f24b926ccd3ffc7f1b2be6473771 = L.circleMarker(\n",
       "                [1.3698, 103.8461],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#AA0000&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#AA0000&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 8.000001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_43947aeb49563338e76b8ccf5ba3f6e3);\n",
       "        \n",
       "    \n",
       "        var popup_e5aee908cd246d149ee67fcc2a2156d8 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_f85d03b415027feb282de929da60fe70 = $(`&lt;div id=&quot;html_f85d03b415027feb282de929da60fe70&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;ANG MO KIO 160&lt;/div&gt;`)[0];\n",
       "                popup_e5aee908cd246d149ee67fcc2a2156d8.setContent(html_f85d03b415027feb282de929da60fe70);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_3688f24b926ccd3ffc7f1b2be6473771.bindPopup(popup_e5aee908cd246d149ee67fcc2a2156d8)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_279144513b43890f8389627585601ff0 = L.circleMarker(\n",
       "                [1.3236, 103.9273],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#AA0000&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#AA0000&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 12.000001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_43947aeb49563338e76b8ccf5ba3f6e3);\n",
       "        \n",
       "    \n",
       "        var popup_a9bfe0f73c6096ae1a5980c4cda6456f = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_15b616432c5222d5fa00823371946417 = $(`&lt;div id=&quot;html_15b616432c5222d5fa00823371946417&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;BEDOK 240&lt;/div&gt;`)[0];\n",
       "                popup_a9bfe0f73c6096ae1a5980c4cda6456f.setContent(html_15b616432c5222d5fa00823371946417);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_279144513b43890f8389627585601ff0.bindPopup(popup_a9bfe0f73c6096ae1a5980c4cda6456f)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_a7b1729b26259c63f567be17b1768dd5 = L.circleMarker(\n",
       "                [1.3499986, 103.8499966],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#AA0000&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#AA0000&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 1.850001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_43947aeb49563338e76b8ccf5ba3f6e3);\n",
       "        \n",
       "    \n",
       "        var popup_478b4514d319ce884345d6d9ecdaaabf = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_9e653f61232f6efb082ba6a60ebd2046 = $(`&lt;div id=&quot;html_9e653f61232f6efb082ba6a60ebd2046&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;BISHAN 37&lt;/div&gt;`)[0];\n",
       "                popup_478b4514d319ce884345d6d9ecdaaabf.setContent(html_9e653f61232f6efb082ba6a60ebd2046);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_a7b1729b26259c63f567be17b1768dd5.bindPopup(popup_478b4514d319ce884345d6d9ecdaaabf)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_04f989595673a975785b7295fb48a442 = L.circleMarker(\n",
       "                [1.3496, 103.7528],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#AA0000&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#AA0000&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 13.400001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_43947aeb49563338e76b8ccf5ba3f6e3);\n",
       "        \n",
       "    \n",
       "        var popup_b4946f797c69560abd053796b2d40b2b = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_2ea868e7eaa2c8319bd27da6a093eae3 = $(`&lt;div id=&quot;html_2ea868e7eaa2c8319bd27da6a093eae3&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;BUKIT BATOK 268&lt;/div&gt;`)[0];\n",
       "                popup_b4946f797c69560abd053796b2d40b2b.setContent(html_2ea868e7eaa2c8319bd27da6a093eae3);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_04f989595673a975785b7295fb48a442.bindPopup(popup_b4946f797c69560abd053796b2d40b2b)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_ac089528495a0bae491db03c88aa4327 = L.circleMarker(\n",
       "                [1.28583, 103.81944],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#AA0000&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#AA0000&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 10.200000999999999, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_43947aeb49563338e76b8ccf5ba3f6e3);\n",
       "        \n",
       "    \n",
       "        var popup_98ebd9ce623ebff01c1c92cc2a8d1497 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_79decc1fc7560cef2c01d829ddf4e404 = $(`&lt;div id=&quot;html_79decc1fc7560cef2c01d829ddf4e404&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;BUKIT MERAH 204&lt;/div&gt;`)[0];\n",
       "                popup_98ebd9ce623ebff01c1c92cc2a8d1497.setContent(html_79decc1fc7560cef2c01d829ddf4e404);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_ac089528495a0bae491db03c88aa4327.bindPopup(popup_98ebd9ce623ebff01c1c92cc2a8d1497)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_9b0127a885e5b1deadbc2b9fa63bc646 = L.circleMarker(\n",
       "                [1.3786, 103.7626],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#AA0000&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#AA0000&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 3.150001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_43947aeb49563338e76b8ccf5ba3f6e3);\n",
       "        \n",
       "    \n",
       "        var popup_8402dde1d562916549864791d7177d86 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_32f3d25d426c88cf010f89a4e5ef007b = $(`&lt;div id=&quot;html_32f3d25d426c88cf010f89a4e5ef007b&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;BUKIT PANJANG 63&lt;/div&gt;`)[0];\n",
       "                popup_8402dde1d562916549864791d7177d86.setContent(html_32f3d25d426c88cf010f89a4e5ef007b);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_9b0127a885e5b1deadbc2b9fa63bc646.bindPopup(popup_8402dde1d562916549864791d7177d86)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_6dadacaade77d1568e793b04c13de963 = L.circleMarker(\n",
       "                [1.3294, 103.8021],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#AA0000&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#AA0000&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 0.200001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_43947aeb49563338e76b8ccf5ba3f6e3);\n",
       "        \n",
       "    \n",
       "        var popup_52457ac68aadea9edbe5fd2572118ce8 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_a6889b350f10af116e0762de6d83985e = $(`&lt;div id=&quot;html_a6889b350f10af116e0762de6d83985e&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;BUKIT TIMAH 4&lt;/div&gt;`)[0];\n",
       "                popup_52457ac68aadea9edbe5fd2572118ce8.setContent(html_a6889b350f10af116e0762de6d83985e);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_6dadacaade77d1568e793b04c13de963.bindPopup(popup_52457ac68aadea9edbe5fd2572118ce8)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_794ec1c10ff92eda4ddb693c298f2d57 = L.circleMarker(\n",
       "                [1.2895, 103.8143],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#AA0000&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#AA0000&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 0.950001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_43947aeb49563338e76b8ccf5ba3f6e3);\n",
       "        \n",
       "    \n",
       "        var popup_d2b7cd0438b85b2783b54cf244348e64 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_fb46f1e40019f220c79e8e79f4377b5b = $(`&lt;div id=&quot;html_fb46f1e40019f220c79e8e79f4377b5b&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;CENTRAL AREA 19&lt;/div&gt;`)[0];\n",
       "                popup_d2b7cd0438b85b2783b54cf244348e64.setContent(html_fb46f1e40019f220c79e8e79f4377b5b);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_794ec1c10ff92eda4ddb693c298f2d57.bindPopup(popup_d2b7cd0438b85b2783b54cf244348e64)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_7b371ea1949b548200cd4ac987657b3c = L.circleMarker(\n",
       "                [1.3833318, 103.749997],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#AA0000&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#AA0000&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 1.6500009999999998, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_43947aeb49563338e76b8ccf5ba3f6e3);\n",
       "        \n",
       "    \n",
       "        var popup_541c20a0c9459d72bb7dd6141706f865 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_39ab8afc7b87984bc570e3038fd7bf27 = $(`&lt;div id=&quot;html_39ab8afc7b87984bc570e3038fd7bf27&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;CHOA CHU KANG 33&lt;/div&gt;`)[0];\n",
       "                popup_541c20a0c9459d72bb7dd6141706f865.setContent(html_39ab8afc7b87984bc570e3038fd7bf27);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_7b371ea1949b548200cd4ac987657b3c.bindPopup(popup_541c20a0c9459d72bb7dd6141706f865)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_5d55a2c8d7db01af72da2f0a4556bbf8 = L.circleMarker(\n",
       "                [1.30918042994, 103.75914363],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#AA0000&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#AA0000&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 1.1500009999999998, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_43947aeb49563338e76b8ccf5ba3f6e3);\n",
       "        \n",
       "    \n",
       "        var popup_12bf44e0dad00e94b61725b3f7004c58 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_d01bd863734079e0c85625c6ae1b9c89 = $(`&lt;div id=&quot;html_d01bd863734079e0c85625c6ae1b9c89&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;CLEMENTI 23&lt;/div&gt;`)[0];\n",
       "                popup_12bf44e0dad00e94b61725b3f7004c58.setContent(html_d01bd863734079e0c85625c6ae1b9c89);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_5d55a2c8d7db01af72da2f0a4556bbf8.bindPopup(popup_12bf44e0dad00e94b61725b3f7004c58)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_0888c2d2c1dda91f182bceabbf2650d3 = L.circleMarker(\n",
       "                [1.3182, 103.8871],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#AA0000&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#AA0000&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 21.450001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_43947aeb49563338e76b8ccf5ba3f6e3);\n",
       "        \n",
       "    \n",
       "        var popup_c010d898198584e1878acc02608f7f47 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_467f34e698f09fb52b01d1a6c2401d77 = $(`&lt;div id=&quot;html_467f34e698f09fb52b01d1a6c2401d77&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;GEYLANG 429&lt;/div&gt;`)[0];\n",
       "                popup_c010d898198584e1878acc02608f7f47.setContent(html_467f34e698f09fb52b01d1a6c2401d77);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_0888c2d2c1dda91f182bceabbf2650d3.bindPopup(popup_c010d898198584e1878acc02608f7f47)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_4304c9caf665b9d282e5934deb8dbbd0 = L.circleMarker(\n",
       "                [1.3736, 103.8867],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#AA0000&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#AA0000&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 8.400001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_43947aeb49563338e76b8ccf5ba3f6e3);\n",
       "        \n",
       "    \n",
       "        var popup_ec9fbab9d9c76fec709d767805277b04 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_20dc8bfe590ae992b0e2d0a69866f3f9 = $(`&lt;div id=&quot;html_20dc8bfe590ae992b0e2d0a69866f3f9&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;HOUGANG 168&lt;/div&gt;`)[0];\n",
       "                popup_ec9fbab9d9c76fec709d767805277b04.setContent(html_20dc8bfe590ae992b0e2d0a69866f3f9);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_4304c9caf665b9d282e5934deb8dbbd0.bindPopup(popup_ec9fbab9d9c76fec709d767805277b04)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_0cd815b23a4ba4eebdeed19e70f1c328 = L.circleMarker(\n",
       "                [1.32399537068, 103.737298717],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#AA0000&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#AA0000&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 6.250001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_43947aeb49563338e76b8ccf5ba3f6e3);\n",
       "        \n",
       "    \n",
       "        var popup_1b7c978dbf30964879844a31ec38860a = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_78e7503e9aa3664ac555d7c34101d76f = $(`&lt;div id=&quot;html_78e7503e9aa3664ac555d7c34101d76f&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;JURONG EAST 125&lt;/div&gt;`)[0];\n",
       "                popup_1b7c978dbf30964879844a31ec38860a.setContent(html_78e7503e9aa3664ac555d7c34101d76f);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_0cd815b23a4ba4eebdeed19e70f1c328.bindPopup(popup_1b7c978dbf30964879844a31ec38860a)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_e716db993a0a4a3a3c68148a57962739 = L.circleMarker(\n",
       "                [1.3396, 103.7073],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#AA0000&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#AA0000&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 25.400001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_43947aeb49563338e76b8ccf5ba3f6e3);\n",
       "        \n",
       "    \n",
       "        var popup_b388c7f49bff078f01e638c3562bbf57 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_777f7259fd2976682dd0e204020bd7ae = $(`&lt;div id=&quot;html_777f7259fd2976682dd0e204020bd7ae&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;JURONG WEST 508&lt;/div&gt;`)[0];\n",
       "                popup_b388c7f49bff078f01e638c3562bbf57.setContent(html_777f7259fd2976682dd0e204020bd7ae);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_e716db993a0a4a3a3c68148a57962739.bindPopup(popup_b388c7f49bff078f01e638c3562bbf57)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_62eec942fad6301e011faa1f2254d598 = L.circleMarker(\n",
       "                [1.3106, 103.866],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#AA0000&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#AA0000&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 7.4000010000000005, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_43947aeb49563338e76b8ccf5ba3f6e3);\n",
       "        \n",
       "    \n",
       "        var popup_f030c204b5a7985690f448327a076c9b = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_fd3b1b7264d594eff4dee1880420dc97 = $(`&lt;div id=&quot;html_fd3b1b7264d594eff4dee1880420dc97&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;KALLANG/WHAMPOA 148&lt;/div&gt;`)[0];\n",
       "                popup_f030c204b5a7985690f448327a076c9b.setContent(html_fd3b1b7264d594eff4dee1880420dc97);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_62eec942fad6301e011faa1f2254d598.bindPopup(popup_f030c204b5a7985690f448327a076c9b)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_33aa5fb9812cc8c33ffe46a784ed3d0c = L.circleMarker(\n",
       "                [1.303, 103.9072],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#AA0000&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#AA0000&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 0.050001000000000004, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_43947aeb49563338e76b8ccf5ba3f6e3);\n",
       "        \n",
       "    \n",
       "        var popup_558364f0692b5a9fbdf2cb924be73e65 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_373854bdbde6da40089507febb120df6 = $(`&lt;div id=&quot;html_373854bdbde6da40089507febb120df6&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;MARINE PARADE 1&lt;/div&gt;`)[0];\n",
       "                popup_558364f0692b5a9fbdf2cb924be73e65.setContent(html_373854bdbde6da40089507febb120df6);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_33aa5fb9812cc8c33ffe46a784ed3d0c.bindPopup(popup_558364f0692b5a9fbdf2cb924be73e65)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_6d05471b2ee1e98035101727cda69e7a = L.circleMarker(\n",
       "                [1.3739, 103.9493],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#AA0000&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#AA0000&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 0.250001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_43947aeb49563338e76b8ccf5ba3f6e3);\n",
       "        \n",
       "    \n",
       "        var popup_c06ac764aab7a587f7823c582cb6fe03 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_8db1e69c8cd939335357c257f65bf2ea = $(`&lt;div id=&quot;html_8db1e69c8cd939335357c257f65bf2ea&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;PASIR RIS 5&lt;/div&gt;`)[0];\n",
       "                popup_c06ac764aab7a587f7823c582cb6fe03.setContent(html_8db1e69c8cd939335357c257f65bf2ea);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_6d05471b2ee1e98035101727cda69e7a.bindPopup(popup_c06ac764aab7a587f7823c582cb6fe03)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_c45d6e3903a1ec021ea6abf9bcaa4add = L.circleMarker(\n",
       "                [1.4051, 103.9023],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#AA0000&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#AA0000&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 1e-06, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_43947aeb49563338e76b8ccf5ba3f6e3);\n",
       "        \n",
       "    \n",
       "        var popup_8f15a814df5f96608dbfd9e9a9fbb4c8 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_4afddbeda7674ff8cef4df93ae9d5b5c = $(`&lt;div id=&quot;html_4afddbeda7674ff8cef4df93ae9d5b5c&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;PUNGGOL 0&lt;/div&gt;`)[0];\n",
       "                popup_8f15a814df5f96608dbfd9e9a9fbb4c8.setContent(html_4afddbeda7674ff8cef4df93ae9d5b5c);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_c45d6e3903a1ec021ea6abf9bcaa4add.bindPopup(popup_8f15a814df5f96608dbfd9e9a9fbb4c8)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_6353d867b80350568a2b07ca8146fcc3 = L.circleMarker(\n",
       "                [1.29944, 103.80583],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#AA0000&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#AA0000&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 16.350001000000002, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_43947aeb49563338e76b8ccf5ba3f6e3);\n",
       "        \n",
       "    \n",
       "        var popup_0fc2542ad9f6fad8048434a7ab301a47 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_8a723e71d14e9cdb309a2f6d5b9d5844 = $(`&lt;div id=&quot;html_8a723e71d14e9cdb309a2f6d5b9d5844&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;QUEENSTOWN 327&lt;/div&gt;`)[0];\n",
       "                popup_0fc2542ad9f6fad8048434a7ab301a47.setContent(html_8a723e71d14e9cdb309a2f6d5b9d5844);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_6353d867b80350568a2b07ca8146fcc3.bindPopup(popup_0fc2542ad9f6fad8048434a7ab301a47)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_6e99ff410032a98dc9f48fdb5c947dd5 = L.circleMarker(\n",
       "                [1.4491, 103.8201],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#AA0000&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#AA0000&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 1e-06, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_43947aeb49563338e76b8ccf5ba3f6e3);\n",
       "        \n",
       "    \n",
       "        var popup_3a00880986151cb3ad8606595ba077d6 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_3a0082eae3c0722a463c8794cc927509 = $(`&lt;div id=&quot;html_3a0082eae3c0722a463c8794cc927509&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;SEMBAWANG 0&lt;/div&gt;`)[0];\n",
       "                popup_3a00880986151cb3ad8606595ba077d6.setContent(html_3a0082eae3c0722a463c8794cc927509);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_6e99ff410032a98dc9f48fdb5c947dd5.bindPopup(popup_3a00880986151cb3ad8606595ba077d6)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_7e3a17405bec6b175072b747e5c92776 = L.circleMarker(\n",
       "                [1.3901, 103.8952],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#AA0000&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#AA0000&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 1e-06, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_43947aeb49563338e76b8ccf5ba3f6e3);\n",
       "        \n",
       "    \n",
       "        var popup_4b176ad59f5af16daabfed0a629ae74e = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_754ad651312447c9ccfeca20e7804bd0 = $(`&lt;div id=&quot;html_754ad651312447c9ccfeca20e7804bd0&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;SENGKANG 0&lt;/div&gt;`)[0];\n",
       "                popup_4b176ad59f5af16daabfed0a629ae74e.setContent(html_754ad651312447c9ccfeca20e7804bd0);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_7e3a17405bec6b175072b747e5c92776.bindPopup(popup_4b176ad59f5af16daabfed0a629ae74e)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_e2a60c7e7bf5a82174af1bdd18cfe444 = L.circleMarker(\n",
       "                [1.3496, 103.8737],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#AA0000&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#AA0000&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 3.3500010000000002, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_43947aeb49563338e76b8ccf5ba3f6e3);\n",
       "        \n",
       "    \n",
       "        var popup_05358a24f58d54e70fdf66bb204d4fdf = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_202855639423f0c34c8ea5b70a2cad11 = $(`&lt;div id=&quot;html_202855639423f0c34c8ea5b70a2cad11&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;SERANGOON 67&lt;/div&gt;`)[0];\n",
       "                popup_05358a24f58d54e70fdf66bb204d4fdf.setContent(html_202855639423f0c34c8ea5b70a2cad11);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_e2a60c7e7bf5a82174af1bdd18cfe444.bindPopup(popup_05358a24f58d54e70fdf66bb204d4fdf)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_487e402ee99700883cfc4a6126fc968f = L.circleMarker(\n",
       "                [1.3547, 103.9437],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#AA0000&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#AA0000&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 0.600001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_43947aeb49563338e76b8ccf5ba3f6e3);\n",
       "        \n",
       "    \n",
       "        var popup_e9577e90cb504ec4eb95c9d03c29b980 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_3179fdf1a55c2d07cae29a38b0a797e5 = $(`&lt;div id=&quot;html_3179fdf1a55c2d07cae29a38b0a797e5&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;TAMPINES 12&lt;/div&gt;`)[0];\n",
       "                popup_e9577e90cb504ec4eb95c9d03c29b980.setContent(html_3179fdf1a55c2d07cae29a38b0a797e5);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_487e402ee99700883cfc4a6126fc968f.bindPopup(popup_e9577e90cb504ec4eb95c9d03c29b980)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_8f7c44be97a4d4c21f2dc7c84cef0bc3 = L.circleMarker(\n",
       "                [1.3354, 103.8497],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#AA0000&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#AA0000&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 6.950001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_43947aeb49563338e76b8ccf5ba3f6e3);\n",
       "        \n",
       "    \n",
       "        var popup_4d1b50e065ba8b00ddfc71d1672beebe = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_c9db2f436a59a3440fa24d19eda635e6 = $(`&lt;div id=&quot;html_c9db2f436a59a3440fa24d19eda635e6&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;TOA PAYOH 139&lt;/div&gt;`)[0];\n",
       "                popup_4d1b50e065ba8b00ddfc71d1672beebe.setContent(html_c9db2f436a59a3440fa24d19eda635e6);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_8f7c44be97a4d4c21f2dc7c84cef0bc3.bindPopup(popup_4d1b50e065ba8b00ddfc71d1672beebe)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_fe65691b2841fe5730c0785f6e7e37e2 = L.circleMarker(\n",
       "                [1.43801, 103.78877],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#AA0000&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#AA0000&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 13.400001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_43947aeb49563338e76b8ccf5ba3f6e3);\n",
       "        \n",
       "    \n",
       "        var popup_8c24ac9de66c1c66fa337a1d3750bcb8 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_625f543e80a97b0cf9364f8b782f8b40 = $(`&lt;div id=&quot;html_625f543e80a97b0cf9364f8b782f8b40&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;WOODLANDS 268&lt;/div&gt;`)[0];\n",
       "                popup_8c24ac9de66c1c66fa337a1d3750bcb8.setContent(html_625f543e80a97b0cf9364f8b782f8b40);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_fe65691b2841fe5730c0785f6e7e37e2.bindPopup(popup_8c24ac9de66c1c66fa337a1d3750bcb8)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            var circle_marker_360b92b3ee2dc9b23e372c090f8b97b5 = L.circleMarker(\n",
       "                [1.4293, 103.8355],\n",
       "                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#AA0000&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#AA0000&quot;, &quot;fillOpacity&quot;: 0.2, &quot;fillRule&quot;: &quot;evenodd&quot;, &quot;lineCap&quot;: &quot;round&quot;, &quot;lineJoin&quot;: &quot;round&quot;, &quot;opacity&quot;: 1.0, &quot;radius&quot;: 20.450001, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n",
       "            ).addTo(map_43947aeb49563338e76b8ccf5ba3f6e3);\n",
       "        \n",
       "    \n",
       "        var popup_77d4fba47886a461526ad1234eee5741 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
       "\n",
       "        \n",
       "            \n",
       "                var html_636c4f1499cc1dfd2293959a91c58280 = $(`&lt;div id=&quot;html_636c4f1499cc1dfd2293959a91c58280&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;YISHUN 409&lt;/div&gt;`)[0];\n",
       "                popup_77d4fba47886a461526ad1234eee5741.setContent(html_636c4f1499cc1dfd2293959a91c58280);\n",
       "            \n",
       "        \n",
       "\n",
       "        circle_marker_360b92b3ee2dc9b23e372c090f8b97b5.bindPopup(popup_77d4fba47886a461526ad1234eee5741)\n",
       "        ;\n",
       "\n",
       "        \n",
       "    \n",
       "    \n",
       "            tile_layer_4bf50684eb81664f01b2053a1e2ead3a.addTo(map_43947aeb49563338e76b8ccf5ba3f6e3);\n",
       "        \n",
       "&lt;/script&gt;\n",
       "&lt;/html&gt;\" style=\"position:absolute;width:100%;height:100%;left:0;top:0;border:none !important;\" allowfullscreen webkitallowfullscreen mozallowfullscreen></iframe></div></div>"
      ],
      "text/plain": [
       "<folium.folium.Map at 0x7d103adc7ee0>"
      ]
     },
     "execution_count": 13,
     "metadata": {},
     "output_type": "execute_result"
    }
   ],
   "source": [
    "renderMap(data[(data['resale_year']>2005) & (data['resale_price'] < 150000)], 20, \"#AA0000\")\n",
    "sgmap.save(\"resale-lowprice-map.html\")\n",
    "sgmap"
   ]
  },
  {
   "cell_type": "markdown",
   "id": "5f55efb2",
   "metadata": {},
   "source": [
    "The maps show that most of the more expensive HDB resale occurred around the central region of Singapore, while the less expensive ones usually lie towards the outskirts.\n",
    "\n",
    "One plausible factor to the higher price is the proximity to key amenities and employment centers. The central region is home to Singapore's central business district, where many high-paying jobs are located. This concentration of employment opportunities attracts professionals and individuals with higher purchasing power, leading to a higher demand for housing in the area and subsequently a higher price. The perception of prestige and convenience often associated with central regions can influence the pricing.\n",
    "\n",
    "On the other hand, the outskirts generally have fewer amenities and are farther away from major employment centers. This distance can lead to lower demand for housing in these areas compared to the central region. Additionally, the lower cost of land in the outskirts contributes to more affordable housing prices. Developers may find it more cost-effective to build in these areas, leading to a greater supply of housing and potentially lower prices."
   ]
  }
 ],
 "metadata": {
  "kernelspec": {
   "display_name": "Python 3 (ipykernel)",
   "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.10.12"
  }
 },
 "nbformat": 4,
 "nbformat_minor": 5
}