lab-jupyter-launch-site-location-v2.ipynb

{"cells":[{"cell_type":"markdown","id":"ab3a0c00-9d93-4450-9b28-ec57f226df99","metadata":{},"source":["<p style=\"text-align:center\">\n","    <a href=\"https://skills.network\" target=\"_blank\">\n","    <img src=\"https://cf-courses-data.s3.us.cloud-object-storage.appdomain.cloud/assets/logos/SN_web_lightmode.png\" width=\"200\" alt=\"Skills Network Logo\">\n","    </a>\n","</p>\n"]},{"cell_type":"markdown","id":"104f92a7-66e6-4de7-980d-cd5b5d98dbe7","metadata":{},"source":["# **Launch Sites Locations Analysis with Folium**\n"]},{"cell_type":"markdown","id":"fa561905-3ff5-43cb-85db-e09f95908127","metadata":{},"source":["Estimated time needed: **40** minutes\n"]},{"cell_type":"markdown","id":"f7b3bbb8-8644-4e72-8724-0149b37d04c0","metadata":{},"source":["The launch success rate may depend on many factors such as payload mass, orbit type, and so on. It may also depend on the location and proximities of a launch site, i.e., the initial position of rocket trajectories. Finding an optimal location for building a launch site certainly involves many factors and hopefully we could discover some of the factors by analyzing the existing launch site locations.\n"]},{"cell_type":"markdown","id":"143d34c0-767f-4cdc-9f52-46710821cc95","metadata":{},"source":["In the previous exploratory data analysis labs, you have visualized the SpaceX launch dataset using `matplotlib` and `seaborn` and discovered some preliminary correlations between the launch site and success rates. In this lab, you will be performing more interactive visual analytics using `Folium`.\n"]},{"cell_type":"markdown","id":"e9721fe2-e459-42c1-b4cf-832a11f1b3af","metadata":{},"source":["## Objectives\n"]},{"cell_type":"markdown","id":"db10f094-28d5-4166-be6e-6de06cc9fbea","metadata":{},"source":["This lab contains the following tasks:\n","- **TASK 1:** Mark all launch sites on a map\n","- **TASK 2:** Mark the success/failed launches for each site on the map\n","- **TASK 3:** Calculate the distances between a launch site to its proximities\n","\n","After completed the above tasks, you should be able to find some geographical patterns about launch sites.\n"]},{"cell_type":"markdown","id":"f8ece203-b746-4247-b936-8aa610628e17","metadata":{},"source":["Let's first import required Python packages for this lab:\n"]},{"cell_type":"code","execution_count":1,"id":"34cecee1-02a1-4ad8-8486-26f0f01c4524","metadata":{},"outputs":[{"name":"stdout","output_type":"stream","text":["Defaulting to user installation because normal site-packages is not writeable\n","Requirement already satisfied: folium in c:\\users\\sweha\\appdata\\roaming\\python\\python312\\site-packages (0.17.0)\n","Requirement already satisfied: branca>=0.6.0 in c:\\users\\sweha\\appdata\\roaming\\python\\python312\\site-packages (from folium) (0.7.2)\n","Requirement already satisfied: jinja2>=2.9 in c:\\users\\sweha\\appdata\\roaming\\python\\python312\\site-packages (from folium) (3.1.4)\n","Requirement already satisfied: numpy in c:\\users\\sweha\\appdata\\roaming\\python\\python312\\site-packages (from folium) (1.26.4)\n","Requirement already satisfied: requests in c:\\users\\sweha\\appdata\\roaming\\python\\python312\\site-packages (from folium) (2.31.0)\n","Requirement already satisfied: xyzservices in c:\\users\\sweha\\appdata\\roaming\\python\\python312\\site-packages (from folium) (2024.9.0)\n","Requirement already satisfied: MarkupSafe>=2.0 in c:\\users\\sweha\\appdata\\roaming\\python\\python312\\site-packages (from jinja2>=2.9->folium) (2.1.5)\n","Requirement already satisfied: charset-normalizer<4,>=2 in c:\\users\\sweha\\appdata\\roaming\\python\\python312\\site-packages (from requests->folium) (3.3.2)\n","Requirement already satisfied: idna<4,>=2.5 in c:\\users\\sweha\\appdata\\roaming\\python\\python312\\site-packages (from requests->folium) (3.6)\n","Requirement already satisfied: urllib3<3,>=1.21.1 in c:\\users\\sweha\\appdata\\roaming\\python\\python312\\site-packages (from requests->folium) (2.2.1)\n","Requirement already satisfied: certifi>=2017.4.17 in c:\\users\\sweha\\appdata\\roaming\\python\\python312\\site-packages (from requests->folium) (2024.2.2)\n"]},{"name":"stderr","output_type":"stream","text":["\n","[notice] A new release of pip is available: 24.0 -> 24.2\n","[notice] To update, run: python.exe -m pip install --upgrade pip\n"]},{"name":"stdout","output_type":"stream","text":["Defaulting to user installation because normal site-packages is not writeable\n","Collecting wget\n","  Downloading wget-3.2.zip (10 kB)\n","  Preparing metadata (setup.py): started\n","  Preparing metadata (setup.py): finished with status 'error'\n"]},{"name":"stderr","output_type":"stream","text":["  ERROR: Error [WinError 225] Operation did not complete successfully because the file contains a virus or potentially unwanted software while executing command python setup.py egg_info\n","ERROR: Could not install packages due to an OSError: [WinError 225] Operation did not complete successfully because the file contains a virus or potentially unwanted software\n","\n","\n","[notice] A new release of pip is available: 24.0 -> 24.2\n","[notice] To update, run: python.exe -m pip install --upgrade pip\n"]},{"name":"stdout","output_type":"stream","text":["Defaulting to user installation because normal site-packages is not writeable\n","Requirement already satisfied: pandas in c:\\users\\sweha\\appdata\\roaming\\python\\python312\\site-packages (2.2.2)\n","Requirement already satisfied: numpy>=1.26.0 in c:\\users\\sweha\\appdata\\roaming\\python\\python312\\site-packages (from pandas) (1.26.4)\n","Requirement already satisfied: python-dateutil>=2.8.2 in c:\\users\\sweha\\appdata\\roaming\\python\\python312\\site-packages (from pandas) (2.9.0.post0)\n","Requirement already satisfied: pytz>=2020.1 in c:\\users\\sweha\\appdata\\roaming\\python\\python312\\site-packages (from pandas) (2024.1)\n","Requirement already satisfied: tzdata>=2022.7 in c:\\users\\sweha\\appdata\\roaming\\python\\python312\\site-packages (from pandas) (2024.1)\n","Requirement already satisfied: six>=1.5 in c:\\users\\sweha\\appdata\\roaming\\python\\python312\\site-packages (from python-dateutil>=2.8.2->pandas) (1.16.0)\n"]},{"name":"stderr","output_type":"stream","text":["\n","[notice] A new release of pip is available: 24.0 -> 24.2\n","[notice] To update, run: python.exe -m pip install --upgrade pip\n"]}],"source":["!pip3 install folium\n","!pip3 install wget\n","!pip3 install pandas"]},{"cell_type":"code","execution_count":3,"metadata":{},"outputs":[{"name":"stdout","output_type":"stream","text":["Collecting wget\n","  Using cached wget-3.2.zip (10 kB)\n","  Preparing metadata (setup.py): started\n","  Preparing metadata (setup.py): finished with status 'error'\n","Note: you may need to restart the kernel to use updated packages.\n"]},{"name":"stderr","output_type":"stream","text":["  ERROR: Error [WinError 225] Operation did not complete successfully because the file contains a virus or potentially unwanted software while executing command python setup.py egg_info\n","ERROR: Could not install packages due to an OSError: [WinError 225] Operation did not complete successfully because the file contains a virus or potentially unwanted software\n","\n","\n","[notice] A new release of pip is available: 24.0 -> 24.2\n","[notice] To update, run: python.exe -m pip install --upgrade pip\n"]}],"source":["pip install --user wget\n"]},{"cell_type":"code","execution_count":4,"id":"121be5e4-68d0-4f29-a9b1-7f28cda92dbe","metadata":{},"outputs":[{"ename":"ModuleNotFoundError","evalue":"No module named 'wget'","output_type":"error","traceback":["\u001b[1;31m---------------------------------------------------------------------------\u001b[0m","\u001b[1;31mModuleNotFoundError\u001b[0m                       Traceback (most recent call last)","Cell \u001b[1;32mIn[4], line 2\u001b[0m\n\u001b[0;32m      1\u001b[0m \u001b[38;5;28;01mimport\u001b[39;00m \u001b[38;5;21;01mfolium\u001b[39;00m\n\u001b[1;32m----> 2\u001b[0m \u001b[38;5;28;01mimport\u001b[39;00m \u001b[38;5;21;01mwget\u001b[39;00m\n\u001b[0;32m      3\u001b[0m \u001b[38;5;28;01mimport\u001b[39;00m \u001b[38;5;21;01mpandas\u001b[39;00m \u001b[38;5;28;01mas\u001b[39;00m \u001b[38;5;21;01mpd\u001b[39;00m\n","\u001b[1;31mModuleNotFoundError\u001b[0m: No module named 'wget'"]}],"source":["import folium\n","import wget\n","import pandas as pd"]},{"cell_type":"code","execution_count":5,"id":"36d95231-0c75-4794-8b7a-a34a6f3cb983","metadata":{},"outputs":[],"source":["# Import folium MarkerCluster plugin\n","from folium.plugins import MarkerCluster\n","# Import folium MousePosition plugin\n","from folium.plugins import MousePosition\n","# Import folium DivIcon plugin\n","from folium.features import DivIcon"]},{"cell_type":"markdown","id":"adc3df79-c696-496f-9db9-66e8b99c9652","metadata":{},"source":["If you need to refresh your memory about folium, you may download and refer to this previous folium lab:\n"]},{"cell_type":"markdown","id":"9ee177e3-b97d-4c7a-ad16-fe4e3cc238dd","metadata":{},"source":["[Generating Maps with Python](https://cf-courses-data.s3.us.cloud-object-storage.appdomain.cloud/IBM-DS0321EN-SkillsNetwork/labs/module_3/DV0101EN-3-5-1-Generating-Maps-in-Python-py-v2.0.ipynb)\n"]},{"cell_type":"markdown","id":"ad8702e1-43f5-4861-8532-710880676120","metadata":{},"source":["## Task 1: Mark all launch sites on a map\n"]},{"cell_type":"markdown","id":"37ad5388-6da5-45cb-b303-38b236e41229","metadata":{},"source":["First, let's try to add each site's location on a map using site's latitude and longitude coordinates\n"]},{"cell_type":"markdown","id":"deaf7e16-bf0d-4c4d-a10c-1eec47600f0b","metadata":{},"source":["The following dataset with the name `spacex_launch_geo.csv` is an augmented dataset with latitude and longitude added for each site. \n"]},{"cell_type":"code","execution_count":7,"id":"6ead3fd2-f2ca-4962-84dd-ff715d1ff820","metadata":{},"outputs":[{"name":"stdout","output_type":"stream","text":["   Flight Number        Date Time (UTC) Booster Version  Launch Site  \\\n","0              1  2010-06-04   18:45:00  F9 v1.0  B0003  CCAFS LC-40   \n","1              2  2010-12-08   15:43:00  F9 v1.0  B0004  CCAFS LC-40   \n","2              3  2012-05-22    7:44:00  F9 v1.0  B0005  CCAFS LC-40   \n","3              4  2012-10-08    0:35:00  F9 v1.0  B0006  CCAFS LC-40   \n","4              5  2013-03-01   15:10:00  F9 v1.0  B0007  CCAFS LC-40   \n","\n","                                             Payload  Payload Mass (kg)  \\\n","0               Dragon Spacecraft Qualification Unit                0.0   \n","1  Dragon demo flight C1, two CubeSats,  barrel o...                0.0   \n","2                             Dragon demo flight C2+              525.0   \n","3                                       SpaceX CRS-1              500.0   \n","4                                       SpaceX CRS-2              677.0   \n","\n","       Orbit         Customer        Landing Outcome  class        Lat  \\\n","0        LEO           SpaceX  Failure   (parachute)      0  28.562302   \n","1  LEO (ISS)  NASA (COTS) NRO  Failure   (parachute)      0  28.562302   \n","2  LEO (ISS)      NASA (COTS)             No attempt      0  28.562302   \n","3  LEO (ISS)       NASA (CRS)             No attempt      0  28.562302   \n","4  LEO (ISS)       NASA (CRS)             No attempt      0  28.562302   \n","\n","        Long  \n","0 -80.577356  \n","1 -80.577356  \n","2 -80.577356  \n","3 -80.577356  \n","4 -80.577356  \n"]}],"source":["import requests\n","import pandas as pd\n","\n","# Define the URL for the CSV file\n","url = 'https://cf-courses-data.s3.us.cloud-object-storage.appdomain.cloud/IBM-DS0321EN-SkillsNetwork/datasets/spacex_launch_geo.csv'\n","\n","# Download the CSV file using requests\n","response = requests.get(url)\n","csv_file_path = 'spacex_launch_geo.csv'\n","with open(csv_file_path, 'wb') as file:\n","    file.write(response.content)\n","\n","# Load the CSV file into a pandas DataFrame\n","spacex_df = pd.read_csv(csv_file_path)\n","\n","# Check the DataFrame content\n","print(spacex_df.head())\n"]},{"cell_type":"markdown","id":"8a3d0c96-1fba-49c8-b70a-6d4d2d235c3f","metadata":{},"source":["Now, you can take a look at what are the coordinates for each site.\n"]},{"cell_type":"code","execution_count":8,"id":"08e6f532-f959-4fa9-a299-99adc4373954","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>Launch Site</th>\n","      <th>Lat</th>\n","      <th>Long</th>\n","    </tr>\n","  </thead>\n","  <tbody>\n","    <tr>\n","      <th>0</th>\n","      <td>CCAFS LC-40</td>\n","      <td>28.562302</td>\n","      <td>-80.577356</td>\n","    </tr>\n","    <tr>\n","      <th>1</th>\n","      <td>CCAFS SLC-40</td>\n","      <td>28.563197</td>\n","      <td>-80.576820</td>\n","    </tr>\n","    <tr>\n","      <th>2</th>\n","      <td>KSC LC-39A</td>\n","      <td>28.573255</td>\n","      <td>-80.646895</td>\n","    </tr>\n","    <tr>\n","      <th>3</th>\n","      <td>VAFB SLC-4E</td>\n","      <td>34.632834</td>\n","      <td>-120.610745</td>\n","    </tr>\n","  </tbody>\n","</table>\n","</div>"],"text/plain":["    Launch Site        Lat        Long\n","0   CCAFS LC-40  28.562302  -80.577356\n","1  CCAFS SLC-40  28.563197  -80.576820\n","2    KSC LC-39A  28.573255  -80.646895\n","3   VAFB SLC-4E  34.632834 -120.610745"]},"execution_count":8,"metadata":{},"output_type":"execute_result"}],"source":["# Select relevant sub-columns: `Launch Site`, `Lat(Latitude)`, `Long(Longitude)`, `class`\n","spacex_df = spacex_df[['Launch Site', 'Lat', 'Long', 'class']]\n","launch_sites_df = spacex_df.groupby(['Launch Site'], as_index=False).first()\n","launch_sites_df = launch_sites_df[['Launch Site', 'Lat', 'Long']]\n","launch_sites_df"]},{"cell_type":"markdown","id":"e0aaecaf-8ed2-45dd-9a9d-76575570caca","metadata":{},"source":["Above coordinates are just plain numbers that can not give you any intuitive insights about where are those launch sites. If you are very good at geography, you can interpret those numbers directly in your mind. If not, that's fine too. Let's visualize those locations by pinning them on a map.\n"]},{"cell_type":"markdown","id":"5ab187ca-fbc1-4165-ad3e-6096eea56281","metadata":{},"source":["We first need to create a folium `Map` object, with an initial center location to be NASA Johnson Space Center at Houston, Texas.\n"]},{"cell_type":"code","execution_count":9,"id":"1da630b5-fd74-4b04-a2af-85487a4b2a54","metadata":{},"outputs":[],"source":["# Start location is NASA Johnson Space Center\n","nasa_coordinate = [29.559684888503615, -95.0830971930759]\n","site_map = folium.Map(location=nasa_coordinate, zoom_start=10)"]},{"cell_type":"markdown","id":"520d1d3f-a87d-4b2c-bb47-28af6d9d89e3","metadata":{},"source":["We could use `folium.Circle` to add a highlighted circle area with a text label on a specific coordinate. For example, \n"]},{"cell_type":"code","execution_count":10,"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-glyphicons.css&quot;/&gt;\n","    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.min.css&quot;/&gt;\n","    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css&quot;/&gt;\n","    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css&quot;/&gt;\n","    \n","            &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width,\n","                initial-scale=1.0, maximum-scale=1.0, user-scalable=no&quot; /&gt;\n","            &lt;style&gt;\n","                #map_202341fe46206331fec0bac2647cf3f4 {\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_202341fe46206331fec0bac2647cf3f4&quot; &gt;&lt;/div&gt;\n","        \n","&lt;/body&gt;\n","&lt;script&gt;\n","    \n","    \n","            var map_202341fe46206331fec0bac2647cf3f4 = L.map(\n","                &quot;map_202341fe46206331fec0bac2647cf3f4&quot;,\n","                {\n","                    center: [29.559684888503615, -95.0830971930759],\n","                    crs: L.CRS.EPSG3857,\n","                    zoom: 10,\n","                    zoomControl: true,\n","                    preferCanvas: false,\n","                }\n","            );\n","\n","            \n","\n","        \n","    \n","            var tile_layer_2a91720f72a5221535d8e5da00879153 = 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_2a91720f72a5221535d8e5da00879153.addTo(map_202341fe46206331fec0bac2647cf3f4);\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 0x2a08f1aa4b0>"]},"execution_count":10,"metadata":{},"output_type":"execute_result"}],"source":["site_map"]},{"cell_type":"code","execution_count":11,"id":"e5082a09-d77e-47e8-8275-9ffed8f42257","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-glyphicons.css&quot;/&gt;\n","    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.min.css&quot;/&gt;\n","    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css&quot;/&gt;\n","    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css&quot;/&gt;\n","    \n","            &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width,\n","                initial-scale=1.0, maximum-scale=1.0, user-scalable=no&quot; /&gt;\n","            &lt;style&gt;\n","                #map_202341fe46206331fec0bac2647cf3f4 {\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_202341fe46206331fec0bac2647cf3f4&quot; &gt;&lt;/div&gt;\n","        \n","&lt;/body&gt;\n","&lt;script&gt;\n","    \n","    \n","            var map_202341fe46206331fec0bac2647cf3f4 = L.map(\n","                &quot;map_202341fe46206331fec0bac2647cf3f4&quot;,\n","                {\n","                    center: [29.559684888503615, -95.0830971930759],\n","                    crs: L.CRS.EPSG3857,\n","                    zoom: 10,\n","                    zoomControl: true,\n","                    preferCanvas: false,\n","                }\n","            );\n","\n","            \n","\n","        \n","    \n","            var tile_layer_2a91720f72a5221535d8e5da00879153 = 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_2a91720f72a5221535d8e5da00879153.addTo(map_202341fe46206331fec0bac2647cf3f4);\n","        \n","    \n","            tile_layer_2a91720f72a5221535d8e5da00879153.addTo(map_202341fe46206331fec0bac2647cf3f4);\n","        \n","    \n","            var circle_64507fa7d0ae20d3c373d6ae56741586 = L.circle(\n","                [29.559684888503615, -95.0830971930759],\n","                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#d35400&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: true, &quot;fillColor&quot;: &quot;#d35400&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;: 1000, &quot;stroke&quot;: true, &quot;weight&quot;: 3}\n","            ).addTo(map_202341fe46206331fec0bac2647cf3f4);\n","        \n","    \n","        var popup_3494113b4c5528b7bff1fab11b3e2fe2 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n","\n","        \n","            \n","                var html_d839f511665dae3972b16236ea412ea5 = $(`&lt;div id=&quot;html_d839f511665dae3972b16236ea412ea5&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;NASA Johnson Space Center&lt;/div&gt;`)[0];\n","                popup_3494113b4c5528b7bff1fab11b3e2fe2.setContent(html_d839f511665dae3972b16236ea412ea5);\n","            \n","        \n","\n","        circle_64507fa7d0ae20d3c373d6ae56741586.bindPopup(popup_3494113b4c5528b7bff1fab11b3e2fe2)\n","        ;\n","\n","        \n","    \n","    \n","            var marker_c2a493de46976e05ebe026748390278e = L.marker(\n","                [29.559684888503615, -95.0830971930759],\n","                {}\n","            ).addTo(map_202341fe46206331fec0bac2647cf3f4);\n","        \n","    \n","            var div_icon_b2d49f947539e69497a993648d5a0d19 = L.divIcon({&quot;className&quot;: &quot;empty&quot;, &quot;html&quot;: &quot;\\u003cdiv style=\\&quot;font-size: 12; color:#d35400;\\&quot;\\u003e\\u003cb\\u003eNASA JSC\\u003c/b\\u003e\\u003c/div\\u003e&quot;, &quot;iconAnchor&quot;: [0, 0], &quot;iconSize&quot;: [20, 20]});\n","            marker_c2a493de46976e05ebe026748390278e.setIcon(div_icon_b2d49f947539e69497a993648d5a0d19);\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 0x2a08f1aa4b0>"]},"execution_count":11,"metadata":{},"output_type":"execute_result"}],"source":["# Create a blue circle at NASA Johnson Space Center's coordinate with a popup label showing its name\n","circle = folium.Circle(nasa_coordinate, radius=1000, color='#d35400', fill=True).add_child(folium.Popup('NASA Johnson Space Center'))\n","# Create a blue circle at NASA Johnson Space Center's coordinate with a icon showing its name\n","marker = folium.map.Marker(\n","    nasa_coordinate,\n","    # Create an icon as a text label\n","    icon=DivIcon(\n","        icon_size=(20,20),\n","        icon_anchor=(0,0),\n","        html='<div style=\"font-size: 12; color:#d35400;\"><b>%s</b></div>' % 'NASA JSC',\n","        )\n","    )\n","site_map.add_child(circle)\n","site_map.add_child(marker)"]},{"cell_type":"markdown","id":"813c3f0b-91fb-4edf-abf3-1f2f428748fb","metadata":{},"source":["and you should find a small yellow circle near the city of Houston and you can zoom-in to see a larger circle. \n"]},{"cell_type":"markdown","id":"7b11aeba-8899-46ca-9bc0-5c9f06fa596f","metadata":{},"source":["Now, let's add a circle for each launch site in data frame `launch_sites`\n"]},{"cell_type":"markdown","id":"f82b878d-86e6-4733-ade8-1b8467732384","metadata":{},"source":["_TODO:_  Create and add `folium.Circle` and `folium.Marker` for each launch site on the site map\n"]},{"cell_type":"markdown","id":"40735248-94bb-4c25-b654-11b160cafe61","metadata":{},"source":["An example of folium.Circle:\n"]},{"cell_type":"markdown","id":"7b06bd55-86c8-4ac4-935e-95c7ff595da0","metadata":{},"source":["`folium.Circle(coordinate, radius=1000, color='#000000', fill=True).add_child(folium.Popup(...))`\n"]},{"cell_type":"markdown","id":"d0c25fc2-720f-4707-bb34-6ac8c3a8d65e","metadata":{},"source":["An example of folium.Marker:\n"]},{"cell_type":"markdown","id":"a9518403-1e98-4e75-acf2-31df4122d339","metadata":{},"source":["`folium.map.Marker(coordinate, icon=DivIcon(icon_size=(20,20),icon_anchor=(0,0), html='<div style=\"font-size: 12; color:#d35400;\"><b>%s</b></div>' % 'label', ))`\n"]},{"cell_type":"code","execution_count":12,"id":"0fea1de0-77de-4436-9702-27612cb4d3bc","metadata":{},"outputs":[],"source":["# Initial the map\n","site_map = folium.Map(location=nasa_coordinate, zoom_start=5)\n","# For each launch site, add a Circle object based on its coordinate (Lat, Long) values. In addition, add Launch site name as a popup label\n"]},{"cell_type":"markdown","id":"d2951e90-1a35-4568-9050-4e41eeb40744","metadata":{},"source":["The generated map with marked launch sites should look similar to the following:\n"]},{"cell_type":"markdown","id":"37e279ff-38f7-4c6a-a44a-8d1c6495b621","metadata":{},"source":["<center>\n","    <img src=\"https://cf-courses-data.s3.us.cloud-object-storage.appdomain.cloud/IBM-DS0321EN-SkillsNetwork/labs/module_3/images/launch_site_markers.png\">\n","</center>\n"]},{"cell_type":"markdown","id":"fd8b31ca-a113-4d67-a35c-5f84411ebbc8","metadata":{},"source":["Now, you can explore the map by zoom-in/out the marked areas\n",", and try to answer the following questions:\n","- Are all launch sites in proximity to the Equator line?\n","- Are all launch sites in very close proximity to the coast?\n","\n","Also please try to explain your findings.\n"]},{"cell_type":"markdown","id":"0f2083d1-3a8c-4a76-86a9-9b3ae2620d42","metadata":{},"source":["# Task 2: Mark the success/failed launches for each site on the map\n"]},{"cell_type":"markdown","id":"723fab7a-e343-4f12-bba8-2ec7ad98d896","metadata":{},"source":["Next, let's try to enhance the map by adding the launch outcomes for each site, and see which sites have high success rates.\n","Recall that data frame spacex_df has detailed launch records, and the `class` column indicates if this launch was successful or not\n"]},{"cell_type":"code","execution_count":13,"id":"5e645f36-fa98-4171-b31e-6c78abb35a64","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>Launch Site</th>\n","      <th>Lat</th>\n","      <th>Long</th>\n","      <th>class</th>\n","    </tr>\n","  </thead>\n","  <tbody>\n","    <tr>\n","      <th>46</th>\n","      <td>KSC LC-39A</td>\n","      <td>28.573255</td>\n","      <td>-80.646895</td>\n","      <td>1</td>\n","    </tr>\n","    <tr>\n","      <th>47</th>\n","      <td>KSC LC-39A</td>\n","      <td>28.573255</td>\n","      <td>-80.646895</td>\n","      <td>1</td>\n","    </tr>\n","    <tr>\n","      <th>48</th>\n","      <td>KSC LC-39A</td>\n","      <td>28.573255</td>\n","      <td>-80.646895</td>\n","      <td>1</td>\n","    </tr>\n","    <tr>\n","      <th>49</th>\n","      <td>CCAFS SLC-40</td>\n","      <td>28.563197</td>\n","      <td>-80.576820</td>\n","      <td>1</td>\n","    </tr>\n","    <tr>\n","      <th>50</th>\n","      <td>CCAFS SLC-40</td>\n","      <td>28.563197</td>\n","      <td>-80.576820</td>\n","      <td>1</td>\n","    </tr>\n","    <tr>\n","      <th>51</th>\n","      <td>CCAFS SLC-40</td>\n","      <td>28.563197</td>\n","      <td>-80.576820</td>\n","      <td>0</td>\n","    </tr>\n","    <tr>\n","      <th>52</th>\n","      <td>CCAFS SLC-40</td>\n","      <td>28.563197</td>\n","      <td>-80.576820</td>\n","      <td>0</td>\n","    </tr>\n","    <tr>\n","      <th>53</th>\n","      <td>CCAFS SLC-40</td>\n","      <td>28.563197</td>\n","      <td>-80.576820</td>\n","      <td>0</td>\n","    </tr>\n","    <tr>\n","      <th>54</th>\n","      <td>CCAFS SLC-40</td>\n","      <td>28.563197</td>\n","      <td>-80.576820</td>\n","      <td>1</td>\n","    </tr>\n","    <tr>\n","      <th>55</th>\n","      <td>CCAFS SLC-40</td>\n","      <td>28.563197</td>\n","      <td>-80.576820</td>\n","      <td>0</td>\n","    </tr>\n","  </tbody>\n","</table>\n","</div>"],"text/plain":["     Launch Site        Lat       Long  class\n","46    KSC LC-39A  28.573255 -80.646895      1\n","47    KSC LC-39A  28.573255 -80.646895      1\n","48    KSC LC-39A  28.573255 -80.646895      1\n","49  CCAFS SLC-40  28.563197 -80.576820      1\n","50  CCAFS SLC-40  28.563197 -80.576820      1\n","51  CCAFS SLC-40  28.563197 -80.576820      0\n","52  CCAFS SLC-40  28.563197 -80.576820      0\n","53  CCAFS SLC-40  28.563197 -80.576820      0\n","54  CCAFS SLC-40  28.563197 -80.576820      1\n","55  CCAFS SLC-40  28.563197 -80.576820      0"]},"execution_count":13,"metadata":{},"output_type":"execute_result"}],"source":["spacex_df.tail(10)"]},{"cell_type":"markdown","id":"4d7a2d86-fe18-4e83-937d-a574e67985d4","metadata":{},"source":["Next, let's create markers for all launch records. \n","If a launch was successful `(class=1)`, then we use a green marker and if a launch was failed, we use a red marker `(class=0)`\n"]},{"cell_type":"markdown","id":"8b802ae3-87f2-494d-a630-69bbc027205c","metadata":{},"source":["Note that a launch only happens in one of the four launch sites, which means many launch records will have the exact same coordinate. Marker clusters can be a good way to simplify a map containing many markers having the same coordinate.\n"]},{"cell_type":"markdown","id":"970cbc0d-3071-4e19-bce8-f459fb39cbf6","metadata":{},"source":["Let's first create a `MarkerCluster` object\n"]},{"cell_type":"code","execution_count":14,"id":"da608645-12b7-4a44-9aac-e234ca01ff3d","metadata":{},"outputs":[],"source":["marker_cluster = MarkerCluster()\n"]},{"cell_type":"markdown","id":"3cf267f2-c3b8-4ebd-aaa0-b2a5e5bcd842","metadata":{},"source":["_TODO:_ Create a new column in `launch_sites` dataframe called `marker_color` to store the marker colors based on the `class` value\n"]},{"cell_type":"code","execution_count":15,"id":"c286e964-ce21-42f7-ab1b-21cf987cfc38","metadata":{},"outputs":[{"name":"stdout","output_type":"stream","text":["   Launch Site  class marker_color\n","0  CCAFS LC-40      0          red\n","1  CCAFS LC-40      0          red\n","2  CCAFS LC-40      0          red\n","3  CCAFS LC-40      0          red\n","4  CCAFS LC-40      0          red\n"]}],"source":["# Function to assign marker color based on class\n","def assign_marker_color(launch_outcome):\n","    if launch_outcome == 1:\n","        return 'green'\n","    else:\n","        return 'red'\n","\n","# Apply the function to create a new column 'marker_color' in spacex_df\n","spacex_df['marker_color'] = spacex_df['class'].apply(assign_marker_color)\n","\n","# Display the dataframe to verify the changes\n","print(spacex_df[['Launch Site', 'class', 'marker_color']].head())\n"]},{"cell_type":"code","execution_count":16,"id":"74c82d8f-2fd7-463a-9841-4233572aa5db","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>Launch Site</th>\n","      <th>Lat</th>\n","      <th>Long</th>\n","      <th>class</th>\n","      <th>marker_color</th>\n","    </tr>\n","  </thead>\n","  <tbody>\n","    <tr>\n","      <th>46</th>\n","      <td>KSC LC-39A</td>\n","      <td>28.573255</td>\n","      <td>-80.646895</td>\n","      <td>1</td>\n","      <td>green</td>\n","    </tr>\n","    <tr>\n","      <th>47</th>\n","      <td>KSC LC-39A</td>\n","      <td>28.573255</td>\n","      <td>-80.646895</td>\n","      <td>1</td>\n","      <td>green</td>\n","    </tr>\n","    <tr>\n","      <th>48</th>\n","      <td>KSC LC-39A</td>\n","      <td>28.573255</td>\n","      <td>-80.646895</td>\n","      <td>1</td>\n","      <td>green</td>\n","    </tr>\n","    <tr>\n","      <th>49</th>\n","      <td>CCAFS SLC-40</td>\n","      <td>28.563197</td>\n","      <td>-80.576820</td>\n","      <td>1</td>\n","      <td>green</td>\n","    </tr>\n","    <tr>\n","      <th>50</th>\n","      <td>CCAFS SLC-40</td>\n","      <td>28.563197</td>\n","      <td>-80.576820</td>\n","      <td>1</td>\n","      <td>green</td>\n","    </tr>\n","    <tr>\n","      <th>51</th>\n","      <td>CCAFS SLC-40</td>\n","      <td>28.563197</td>\n","      <td>-80.576820</td>\n","      <td>0</td>\n","      <td>red</td>\n","    </tr>\n","    <tr>\n","      <th>52</th>\n","      <td>CCAFS SLC-40</td>\n","      <td>28.563197</td>\n","      <td>-80.576820</td>\n","      <td>0</td>\n","      <td>red</td>\n","    </tr>\n","    <tr>\n","      <th>53</th>\n","      <td>CCAFS SLC-40</td>\n","      <td>28.563197</td>\n","      <td>-80.576820</td>\n","      <td>0</td>\n","      <td>red</td>\n","    </tr>\n","    <tr>\n","      <th>54</th>\n","      <td>CCAFS SLC-40</td>\n","      <td>28.563197</td>\n","      <td>-80.576820</td>\n","      <td>1</td>\n","      <td>green</td>\n","    </tr>\n","    <tr>\n","      <th>55</th>\n","      <td>CCAFS SLC-40</td>\n","      <td>28.563197</td>\n","      <td>-80.576820</td>\n","      <td>0</td>\n","      <td>red</td>\n","    </tr>\n","  </tbody>\n","</table>\n","</div>"],"text/plain":["     Launch Site        Lat       Long  class marker_color\n","46    KSC LC-39A  28.573255 -80.646895      1        green\n","47    KSC LC-39A  28.573255 -80.646895      1        green\n","48    KSC LC-39A  28.573255 -80.646895      1        green\n","49  CCAFS SLC-40  28.563197 -80.576820      1        green\n","50  CCAFS SLC-40  28.563197 -80.576820      1        green\n","51  CCAFS SLC-40  28.563197 -80.576820      0          red\n","52  CCAFS SLC-40  28.563197 -80.576820      0          red\n","53  CCAFS SLC-40  28.563197 -80.576820      0          red\n","54  CCAFS SLC-40  28.563197 -80.576820      1        green\n","55  CCAFS SLC-40  28.563197 -80.576820      0          red"]},"execution_count":16,"metadata":{},"output_type":"execute_result"}],"source":["# Function to assign color to launch outcome\n","def assign_marker_color(launch_outcome):\n","    if launch_outcome == 1:\n","        return 'green'\n","    else:\n","        return 'red'\n","    \n","spacex_df['marker_color'] = spacex_df['class'].apply(assign_marker_color)\n","spacex_df.tail(10)"]},{"cell_type":"markdown","id":"ce9e28eb-2453-4c52-87a6-008c975edc82","metadata":{},"source":["_TODO:_ For each launch result in `spacex_df` data frame, add a `folium.Marker` to `marker_cluster`\n"]},{"cell_type":"code","execution_count":17,"id":"56152e00-bf2e-4a0f-8502-5f35dbe38088","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-glyphicons.css&quot;/&gt;\n","    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.min.css&quot;/&gt;\n","    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css&quot;/&gt;\n","    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css&quot;/&gt;\n","    \n","            &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width,\n","                initial-scale=1.0, maximum-scale=1.0, user-scalable=no&quot; /&gt;\n","            &lt;style&gt;\n","                #map_c588375d311d167fd692a260a273c64d {\n","                    position: relative;\n","                    width: 100.0%;\n","                    height: 100.0%;\n","                    left: 0.0%;\n","                    top: 0.0%;\n","                }\n","                .leaflet-container { font-size: 1rem; }\n","            &lt;/style&gt;\n","        \n","    &lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/leaflet.markercluster/1.1.0/leaflet.markercluster.js&quot;&gt;&lt;/script&gt;\n","    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/leaflet.markercluster/1.1.0/MarkerCluster.css&quot;/&gt;\n","    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/leaflet.markercluster/1.1.0/MarkerCluster.Default.css&quot;/&gt;\n","&lt;/head&gt;\n","&lt;body&gt;\n","    \n","    \n","            &lt;div class=&quot;folium-map&quot; id=&quot;map_c588375d311d167fd692a260a273c64d&quot; &gt;&lt;/div&gt;\n","        \n","&lt;/body&gt;\n","&lt;script&gt;\n","    \n","    \n","            var map_c588375d311d167fd692a260a273c64d = L.map(\n","                &quot;map_c588375d311d167fd692a260a273c64d&quot;,\n","                {\n","                    center: [29.559684888503615, -95.0830971930759],\n","                    crs: L.CRS.EPSG3857,\n","                    zoom: 5,\n","                    zoomControl: true,\n","                    preferCanvas: false,\n","                }\n","            );\n","\n","            \n","\n","        \n","    \n","            var tile_layer_d6c4fe541115bbc199d8f9e932b3502c = 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_d6c4fe541115bbc199d8f9e932b3502c.addTo(map_c588375d311d167fd692a260a273c64d);\n","        \n","    \n","            var marker_cluster_4a364b850e2cce03be9bf570df7eff1c = L.markerClusterGroup(\n","                {}\n","            );\n","        \n","    \n","            var marker_c2a493de46976e05ebe026748390278e = L.marker(\n","                [29.559684888503615, -95.0830971930759],\n","                {}\n","            ).addTo(marker_cluster_4a364b850e2cce03be9bf570df7eff1c);\n","        \n","    \n","            var div_icon_b2d49f947539e69497a993648d5a0d19 = L.divIcon({&quot;className&quot;: &quot;empty&quot;, &quot;html&quot;: &quot;\\u003cdiv style=\\&quot;font-size: 12; color:#d35400;\\&quot;\\u003e\\u003cb\\u003eNASA JSC\\u003c/b\\u003e\\u003c/div\\u003e&quot;, &quot;iconAnchor&quot;: [0, 0], &quot;iconSize&quot;: [20, 20]});\n","            marker_c2a493de46976e05ebe026748390278e.setIcon(div_icon_b2d49f947539e69497a993648d5a0d19);\n","        \n","    \n","            marker_cluster_4a364b850e2cce03be9bf570df7eff1c.addTo(map_c588375d311d167fd692a260a273c64d);\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 0x2a08f182ae0>"]},"execution_count":17,"metadata":{},"output_type":"execute_result"}],"source":["# Add marker_cluster to current site_map\n","site_map.add_child(marker_cluster)\n","\n","# for each row in spacex_df data frame\n","# create a Marker object with its coordinate\n","# and customize the Marker's icon property to indicate if this launch was successed or failed, \n","# e.g., icon=folium.Icon(color='white', icon_color=row['marker_color']\n","for index, record in spacex_df.iterrows():\n","    # TODO: Create and add a Marker cluster to the site map\n","    # marker = folium.Marker(...)\n","    marker_cluster.add_child(marker)\n","\n","site_map"]},{"cell_type":"markdown","id":"ed70d7d8-bec9-455a-8402-3b4e8545e8ca","metadata":{},"source":["Your updated map may look like the following screenshots:\n"]},{"cell_type":"markdown","id":"d5619f25-9bad-4abc-b0b4-d37f13aabd40","metadata":{},"source":["<center>\n","    <img src=\"https://cf-courses-data.s3.us.cloud-object-storage.appdomain.cloud/IBM-DS0321EN-SkillsNetwork/labs/module_3/images/launch_site_marker_cluster.png\">\n","</center>\n"]},{"cell_type":"markdown","id":"1a552934-26cf-4ae3-8177-3af33364f470","metadata":{},"source":["<center>\n","    <img src=\"https://cf-courses-data.s3.us.cloud-object-storage.appdomain.cloud/IBM-DS0321EN-SkillsNetwork/labs/module_3/images/launch_site_marker_cluster_zoomed.png\">\n","</center>\n"]},{"cell_type":"markdown","id":"59ee19cf-e988-4c94-bc51-3b1978b1080f","metadata":{},"source":["From the color-labeled markers in marker clusters, you should be able to easily identify which launch sites have relatively high success rates.\n"]},{"cell_type":"markdown","id":"c8c9fdb5-d10b-4eec-9f6c-85109d88462e","metadata":{},"source":["# TASK 3: Calculate the distances between a launch site to its proximities\n"]},{"cell_type":"markdown","id":"7033332b-cfad-4630-b0f8-d49d7060ee1e","metadata":{},"source":["Next, we need to explore and analyze the proximities of launch sites.\n"]},{"cell_type":"markdown","id":"09917545-c6df-4103-a8b6-c4634ea69445","metadata":{},"source":["Let's first add a `MousePosition` on the map to get coordinate for a mouse over a point on the map. As such, while you are exploring the map, you can easily find the coordinates of any points of interests (such as railway)\n"]},{"cell_type":"code","execution_count":18,"id":"f71f72fa-d966-4c37-9fe8-9e8f73bd4640","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-glyphicons.css&quot;/&gt;\n","    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.min.css&quot;/&gt;\n","    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css&quot;/&gt;\n","    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css&quot;/&gt;\n","    \n","            &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width,\n","                initial-scale=1.0, maximum-scale=1.0, user-scalable=no&quot; /&gt;\n","            &lt;style&gt;\n","                #map_c588375d311d167fd692a260a273c64d {\n","                    position: relative;\n","                    width: 100.0%;\n","                    height: 100.0%;\n","                    left: 0.0%;\n","                    top: 0.0%;\n","                }\n","                .leaflet-container { font-size: 1rem; }\n","            &lt;/style&gt;\n","        \n","    &lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/leaflet.markercluster/1.1.0/leaflet.markercluster.js&quot;&gt;&lt;/script&gt;\n","    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/leaflet.markercluster/1.1.0/MarkerCluster.css&quot;/&gt;\n","    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/leaflet.markercluster/1.1.0/MarkerCluster.Default.css&quot;/&gt;\n","    &lt;script src=&quot;https://cdn.jsdelivr.net/gh/ardhi/Leaflet.MousePosition/src/L.Control.MousePosition.min.js&quot;&gt;&lt;/script&gt;\n","    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/gh/ardhi/Leaflet.MousePosition/src/L.Control.MousePosition.min.css&quot;/&gt;\n","&lt;/head&gt;\n","&lt;body&gt;\n","    \n","    \n","            &lt;div class=&quot;folium-map&quot; id=&quot;map_c588375d311d167fd692a260a273c64d&quot; &gt;&lt;/div&gt;\n","        \n","&lt;/body&gt;\n","&lt;script&gt;\n","    \n","    \n","            var map_c588375d311d167fd692a260a273c64d = L.map(\n","                &quot;map_c588375d311d167fd692a260a273c64d&quot;,\n","                {\n","                    center: [29.559684888503615, -95.0830971930759],\n","                    crs: L.CRS.EPSG3857,\n","                    zoom: 5,\n","                    zoomControl: true,\n","                    preferCanvas: false,\n","                }\n","            );\n","\n","            \n","\n","        \n","    \n","            var tile_layer_d6c4fe541115bbc199d8f9e932b3502c = 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_d6c4fe541115bbc199d8f9e932b3502c.addTo(map_c588375d311d167fd692a260a273c64d);\n","        \n","    \n","            var marker_cluster_4a364b850e2cce03be9bf570df7eff1c = L.markerClusterGroup(\n","                {}\n","            );\n","        \n","    \n","            var marker_c2a493de46976e05ebe026748390278e = L.marker(\n","                [29.559684888503615, -95.0830971930759],\n","                {}\n","            ).addTo(marker_cluster_4a364b850e2cce03be9bf570df7eff1c);\n","        \n","    \n","            var div_icon_b2d49f947539e69497a993648d5a0d19 = L.divIcon({&quot;className&quot;: &quot;empty&quot;, &quot;html&quot;: &quot;\\u003cdiv style=\\&quot;font-size: 12; color:#d35400;\\&quot;\\u003e\\u003cb\\u003eNASA JSC\\u003c/b\\u003e\\u003c/div\\u003e&quot;, &quot;iconAnchor&quot;: [0, 0], &quot;iconSize&quot;: [20, 20]});\n","            marker_c2a493de46976e05ebe026748390278e.setIcon(div_icon_b2d49f947539e69497a993648d5a0d19);\n","        \n","    \n","            marker_cluster_4a364b850e2cce03be9bf570df7eff1c.addTo(map_c588375d311d167fd692a260a273c64d);\n","        \n","    \n","            tile_layer_d6c4fe541115bbc199d8f9e932b3502c.addTo(map_c588375d311d167fd692a260a273c64d);\n","        \n","    \n","            marker_cluster_4a364b850e2cce03be9bf570df7eff1c.addTo(map_c588375d311d167fd692a260a273c64d);\n","        \n","    \n","            var mouse_position_a28cd024c096680d1d08312aa9801d53 = new L.Control.MousePosition(\n","                {&quot;emptyString&quot;: &quot;NaN&quot;, &quot;lngFirst&quot;: false, &quot;numDigits&quot;: 20, &quot;position&quot;: &quot;topright&quot;, &quot;prefix&quot;: &quot;Lat:&quot;, &quot;separator&quot;: &quot; Long: &quot;}\n","            );\n","            mouse_position_a28cd024c096680d1d08312aa9801d53.options[&quot;latFormatter&quot;] =\n","                function(num) {return L.Util.formatNum(num, 5);};;\n","            mouse_position_a28cd024c096680d1d08312aa9801d53.options[&quot;lngFormatter&quot;] =\n","                function(num) {return L.Util.formatNum(num, 5);};;\n","            map_c588375d311d167fd692a260a273c64d.addControl(mouse_position_a28cd024c096680d1d08312aa9801d53);\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 0x2a08f182ae0>"]},"execution_count":18,"metadata":{},"output_type":"execute_result"}],"source":["# Add Mouse Position to get the coordinate (Lat, Long) for a mouse over on the map\n","formatter = \"function(num) {return L.Util.formatNum(num, 5);};\"\n","mouse_position = MousePosition(\n","    position='topright',\n","    separator=' Long: ',\n","    empty_string='NaN',\n","    lng_first=False,\n","    num_digits=20,\n","    prefix='Lat:',\n","    lat_formatter=formatter,\n","    lng_formatter=formatter,\n",")\n","\n","site_map.add_child(mouse_position)\n","site_map"]},{"cell_type":"markdown","id":"e0a80ab0-36c8-40e7-8201-bdc4dc3613ef","metadata":{},"source":["Now zoom in to a launch site and explore its proximity to see if you can easily find any railway, highway, coastline, etc. Move your mouse to these points and mark down their coordinates (shown on the top-left) in order to the distance to the launch site.\n"]},{"cell_type":"markdown","id":"5a7969e6-e0bc-4a84-9e7f-7bbcd66d547c","metadata":{},"source":["You can calculate the distance between two points on the map based on their `Lat` and `Long` values using the following method:\n"]},{"cell_type":"code","execution_count":19,"id":"cc62783d-8a40-44ea-83c4-0bd2984481b7","metadata":{},"outputs":[],"source":["from math import sin, cos, sqrt, atan2, radians\n","\n","def calculate_distance(lat1, lon1, lat2, lon2):\n","    # approximate radius of earth in km\n","    R = 6373.0\n","\n","    lat1 = radians(lat1)\n","    lon1 = radians(lon1)\n","    lat2 = radians(lat2)\n","    lon2 = radians(lon2)\n","\n","    dlon = lon2 - lon1\n","    dlat = lat2 - lat1\n","\n","    a = sin(dlat / 2)**2 + cos(lat1) * cos(lat2) * sin(dlon / 2)**2\n","    c = 2 * atan2(sqrt(a), sqrt(1 - a))\n","\n","    distance = R * c\n","    return distance"]},{"cell_type":"markdown","id":"2669e9e2-cff9-4555-bca1-9763bb4ecfad","metadata":{},"source":["_TODO:_ Mark down a point on the closest coastline using MousePosition and calculate the distance between the coastline point and the launch site.\n"]},{"cell_type":"code","execution_count":20,"id":"650f1fe7-5923-481b-b469-fc678e965c98","metadata":{},"outputs":[{"name":"stdout","output_type":"stream","text":["Distance from launch site to coastline: 0.50 km\n"]},{"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-glyphicons.css&quot;/&gt;\n","    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.min.css&quot;/&gt;\n","    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css&quot;/&gt;\n","    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css&quot;/&gt;\n","    \n","            &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width,\n","                initial-scale=1.0, maximum-scale=1.0, user-scalable=no&quot; /&gt;\n","            &lt;style&gt;\n","                #map_c588375d311d167fd692a260a273c64d {\n","                    position: relative;\n","                    width: 100.0%;\n","                    height: 100.0%;\n","                    left: 0.0%;\n","                    top: 0.0%;\n","                }\n","                .leaflet-container { font-size: 1rem; }\n","            &lt;/style&gt;\n","        \n","    &lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/leaflet.markercluster/1.1.0/leaflet.markercluster.js&quot;&gt;&lt;/script&gt;\n","    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/leaflet.markercluster/1.1.0/MarkerCluster.css&quot;/&gt;\n","    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/leaflet.markercluster/1.1.0/MarkerCluster.Default.css&quot;/&gt;\n","    &lt;script src=&quot;https://cdn.jsdelivr.net/gh/ardhi/Leaflet.MousePosition/src/L.Control.MousePosition.min.js&quot;&gt;&lt;/script&gt;\n","    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/gh/ardhi/Leaflet.MousePosition/src/L.Control.MousePosition.min.css&quot;/&gt;\n","&lt;/head&gt;\n","&lt;body&gt;\n","    \n","    \n","            &lt;div class=&quot;folium-map&quot; id=&quot;map_c588375d311d167fd692a260a273c64d&quot; &gt;&lt;/div&gt;\n","        \n","&lt;/body&gt;\n","&lt;script&gt;\n","    \n","    \n","            var map_c588375d311d167fd692a260a273c64d = L.map(\n","                &quot;map_c588375d311d167fd692a260a273c64d&quot;,\n","                {\n","                    center: [29.559684888503615, -95.0830971930759],\n","                    crs: L.CRS.EPSG3857,\n","                    zoom: 5,\n","                    zoomControl: true,\n","                    preferCanvas: false,\n","                }\n","            );\n","\n","            \n","\n","        \n","    \n","            var tile_layer_d6c4fe541115bbc199d8f9e932b3502c = 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_d6c4fe541115bbc199d8f9e932b3502c.addTo(map_c588375d311d167fd692a260a273c64d);\n","        \n","    \n","            var marker_cluster_4a364b850e2cce03be9bf570df7eff1c = L.markerClusterGroup(\n","                {}\n","            );\n","        \n","    \n","            var marker_c2a493de46976e05ebe026748390278e = L.marker(\n","                [29.559684888503615, -95.0830971930759],\n","                {}\n","            ).addTo(marker_cluster_4a364b850e2cce03be9bf570df7eff1c);\n","        \n","    \n","            var div_icon_b2d49f947539e69497a993648d5a0d19 = L.divIcon({&quot;className&quot;: &quot;empty&quot;, &quot;html&quot;: &quot;\\u003cdiv style=\\&quot;font-size: 12; color:#d35400;\\&quot;\\u003e\\u003cb\\u003eNASA JSC\\u003c/b\\u003e\\u003c/div\\u003e&quot;, &quot;iconAnchor&quot;: [0, 0], &quot;iconSize&quot;: [20, 20]});\n","            marker_c2a493de46976e05ebe026748390278e.setIcon(div_icon_b2d49f947539e69497a993648d5a0d19);\n","        \n","    \n","            marker_cluster_4a364b850e2cce03be9bf570df7eff1c.addTo(map_c588375d311d167fd692a260a273c64d);\n","        \n","    \n","            tile_layer_d6c4fe541115bbc199d8f9e932b3502c.addTo(map_c588375d311d167fd692a260a273c64d);\n","        \n","    \n","            marker_cluster_4a364b850e2cce03be9bf570df7eff1c.addTo(map_c588375d311d167fd692a260a273c64d);\n","        \n","    \n","            var mouse_position_a28cd024c096680d1d08312aa9801d53 = new L.Control.MousePosition(\n","                {&quot;emptyString&quot;: &quot;NaN&quot;, &quot;lngFirst&quot;: false, &quot;numDigits&quot;: 20, &quot;position&quot;: &quot;topright&quot;, &quot;prefix&quot;: &quot;Lat:&quot;, &quot;separator&quot;: &quot; Long: &quot;}\n","            );\n","            mouse_position_a28cd024c096680d1d08312aa9801d53.options[&quot;latFormatter&quot;] =\n","                function(num) {return L.Util.formatNum(num, 5);};;\n","            mouse_position_a28cd024c096680d1d08312aa9801d53.options[&quot;lngFormatter&quot;] =\n","                function(num) {return L.Util.formatNum(num, 5);};;\n","            map_c588375d311d167fd692a260a273c64d.addControl(mouse_position_a28cd024c096680d1d08312aa9801d53);\n","        \n","    \n","            tile_layer_d6c4fe541115bbc199d8f9e932b3502c.addTo(map_c588375d311d167fd692a260a273c64d);\n","        \n","    \n","            marker_cluster_4a364b850e2cce03be9bf570df7eff1c.addTo(map_c588375d311d167fd692a260a273c64d);\n","        \n","    \n","            var marker_35ced616b2917f09cfc1909c09fbd909 = L.marker(\n","                [28.56367, -80.57163],\n","                {}\n","            ).addTo(map_c588375d311d167fd692a260a273c64d);\n","        \n","    \n","            var div_icon_69c203f2239a13f19d38f32d4a9220bf = L.divIcon({&quot;className&quot;: &quot;empty&quot;, &quot;html&quot;: &quot;\\u003cdiv style=\\&quot;font-size: 12; color:#d35400;\\&quot;\\u003e\\u003cb\\u003e0.50 KM\\u003c/b\\u003e\\u003c/div\\u003e&quot;, &quot;iconAnchor&quot;: [0, 0], &quot;iconSize&quot;: [20, 20]});\n","            marker_35ced616b2917f09cfc1909c09fbd909.setIcon(div_icon_69c203f2239a13f19d38f32d4a9220bf);\n","        \n","    \n","            var poly_line_79d2432ba90399967358cf5d43dbce23 = L.polyline(\n","                [[28.56342, -80.57674], [28.56367, -80.57163]],\n","                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#3388ff&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: false, &quot;fillColor&quot;: &quot;#3388ff&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;noClip&quot;: false, &quot;opacity&quot;: 1.0, &quot;smoothFactor&quot;: 1.0, &quot;stroke&quot;: true, &quot;weight&quot;: 2}\n","            ).addTo(map_c588375d311d167fd692a260a273c64d);\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 0x2a08f182ae0>"]},"execution_count":20,"metadata":{},"output_type":"execute_result"}],"source":["# Define the coordinates of the launch site (example coordinates)\n","launch_site_lat = 28.56342\n","launch_site_lon = -80.57674\n","\n","# Define the coordinates of the closest coastline point\n","coastline_lat = 28.56367\n","coastline_lon = -80.57163\n","\n","# Calculate the distance using the calculate_distance function\n","distance_coastline = calculate_distance(launch_site_lat, launch_site_lon, coastline_lat, coastline_lon)\n","\n","# Print the calculated distance\n","print(f\"Distance from launch site to coastline: {distance_coastline:.2f} km\")\n","\n","# Create a folium marker on the coastline\n","distance_marker = folium.Marker(\n","    [coastline_lat, coastline_lon],\n","    icon=DivIcon(\n","        icon_size=(20, 20),\n","        icon_anchor=(0, 0),\n","        html=f'<div style=\"font-size: 12; color:#d35400;\"><b>{distance_coastline:.2f} KM</b></div>',\n","    ),\n",")\n","\n","# Add the marker to the map\n","site_map.add_child(distance_marker)\n","\n","# Draw a PolyLine between the launch site and the coastline point\n","lines = folium.PolyLine(locations=[[launch_site_lat, launch_site_lon], [coastline_lat, coastline_lon]], weight=2)\n","site_map.add_child(lines)\n","\n","# Display the map\n","site_map\n"]},{"cell_type":"markdown","id":"1aa3b122-cb5d-46c9-8db9-694b3164a3f6","metadata":{},"source":["_TODO:_ After obtained its coordinate, create a `folium.Marker` to show the distance\n"]},{"cell_type":"code","execution_count":21,"id":"718b2151-4830-431e-ba85-ca687dd249d9","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-glyphicons.css&quot;/&gt;\n","    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.min.css&quot;/&gt;\n","    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css&quot;/&gt;\n","    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css&quot;/&gt;\n","    \n","            &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width,\n","                initial-scale=1.0, maximum-scale=1.0, user-scalable=no&quot; /&gt;\n","            &lt;style&gt;\n","                #map_c588375d311d167fd692a260a273c64d {\n","                    position: relative;\n","                    width: 100.0%;\n","                    height: 100.0%;\n","                    left: 0.0%;\n","                    top: 0.0%;\n","                }\n","                .leaflet-container { font-size: 1rem; }\n","            &lt;/style&gt;\n","        \n","    &lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/leaflet.markercluster/1.1.0/leaflet.markercluster.js&quot;&gt;&lt;/script&gt;\n","    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/leaflet.markercluster/1.1.0/MarkerCluster.css&quot;/&gt;\n","    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/leaflet.markercluster/1.1.0/MarkerCluster.Default.css&quot;/&gt;\n","    &lt;script src=&quot;https://cdn.jsdelivr.net/gh/ardhi/Leaflet.MousePosition/src/L.Control.MousePosition.min.js&quot;&gt;&lt;/script&gt;\n","    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/gh/ardhi/Leaflet.MousePosition/src/L.Control.MousePosition.min.css&quot;/&gt;\n","&lt;/head&gt;\n","&lt;body&gt;\n","    \n","    \n","            &lt;div class=&quot;folium-map&quot; id=&quot;map_c588375d311d167fd692a260a273c64d&quot; &gt;&lt;/div&gt;\n","        \n","&lt;/body&gt;\n","&lt;script&gt;\n","    \n","    \n","            var map_c588375d311d167fd692a260a273c64d = L.map(\n","                &quot;map_c588375d311d167fd692a260a273c64d&quot;,\n","                {\n","                    center: [29.559684888503615, -95.0830971930759],\n","                    crs: L.CRS.EPSG3857,\n","                    zoom: 5,\n","                    zoomControl: true,\n","                    preferCanvas: false,\n","                }\n","            );\n","\n","            \n","\n","        \n","    \n","            var tile_layer_d6c4fe541115bbc199d8f9e932b3502c = 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_d6c4fe541115bbc199d8f9e932b3502c.addTo(map_c588375d311d167fd692a260a273c64d);\n","        \n","    \n","            var marker_cluster_4a364b850e2cce03be9bf570df7eff1c = L.markerClusterGroup(\n","                {}\n","            );\n","        \n","    \n","            var marker_c2a493de46976e05ebe026748390278e = L.marker(\n","                [29.559684888503615, -95.0830971930759],\n","                {}\n","            ).addTo(marker_cluster_4a364b850e2cce03be9bf570df7eff1c);\n","        \n","    \n","            var div_icon_b2d49f947539e69497a993648d5a0d19 = L.divIcon({&quot;className&quot;: &quot;empty&quot;, &quot;html&quot;: &quot;\\u003cdiv style=\\&quot;font-size: 12; color:#d35400;\\&quot;\\u003e\\u003cb\\u003eNASA JSC\\u003c/b\\u003e\\u003c/div\\u003e&quot;, &quot;iconAnchor&quot;: [0, 0], &quot;iconSize&quot;: [20, 20]});\n","            marker_c2a493de46976e05ebe026748390278e.setIcon(div_icon_b2d49f947539e69497a993648d5a0d19);\n","        \n","    \n","            marker_cluster_4a364b850e2cce03be9bf570df7eff1c.addTo(map_c588375d311d167fd692a260a273c64d);\n","        \n","    \n","            tile_layer_d6c4fe541115bbc199d8f9e932b3502c.addTo(map_c588375d311d167fd692a260a273c64d);\n","        \n","    \n","            marker_cluster_4a364b850e2cce03be9bf570df7eff1c.addTo(map_c588375d311d167fd692a260a273c64d);\n","        \n","    \n","            var mouse_position_a28cd024c096680d1d08312aa9801d53 = new L.Control.MousePosition(\n","                {&quot;emptyString&quot;: &quot;NaN&quot;, &quot;lngFirst&quot;: false, &quot;numDigits&quot;: 20, &quot;position&quot;: &quot;topright&quot;, &quot;prefix&quot;: &quot;Lat:&quot;, &quot;separator&quot;: &quot; Long: &quot;}\n","            );\n","            mouse_position_a28cd024c096680d1d08312aa9801d53.options[&quot;latFormatter&quot;] =\n","                function(num) {return L.Util.formatNum(num, 5);};;\n","            mouse_position_a28cd024c096680d1d08312aa9801d53.options[&quot;lngFormatter&quot;] =\n","                function(num) {return L.Util.formatNum(num, 5);};;\n","            map_c588375d311d167fd692a260a273c64d.addControl(mouse_position_a28cd024c096680d1d08312aa9801d53);\n","        \n","    \n","            tile_layer_d6c4fe541115bbc199d8f9e932b3502c.addTo(map_c588375d311d167fd692a260a273c64d);\n","        \n","    \n","            marker_cluster_4a364b850e2cce03be9bf570df7eff1c.addTo(map_c588375d311d167fd692a260a273c64d);\n","        \n","    \n","            var marker_35ced616b2917f09cfc1909c09fbd909 = L.marker(\n","                [28.56367, -80.57163],\n","                {}\n","            ).addTo(map_c588375d311d167fd692a260a273c64d);\n","        \n","    \n","            var div_icon_69c203f2239a13f19d38f32d4a9220bf = L.divIcon({&quot;className&quot;: &quot;empty&quot;, &quot;html&quot;: &quot;\\u003cdiv style=\\&quot;font-size: 12; color:#d35400;\\&quot;\\u003e\\u003cb\\u003e0.50 KM\\u003c/b\\u003e\\u003c/div\\u003e&quot;, &quot;iconAnchor&quot;: [0, 0], &quot;iconSize&quot;: [20, 20]});\n","            marker_35ced616b2917f09cfc1909c09fbd909.setIcon(div_icon_69c203f2239a13f19d38f32d4a9220bf);\n","        \n","    \n","            var poly_line_79d2432ba90399967358cf5d43dbce23 = L.polyline(\n","                [[28.56342, -80.57674], [28.56367, -80.57163]],\n","                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#3388ff&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: false, &quot;fillColor&quot;: &quot;#3388ff&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;noClip&quot;: false, &quot;opacity&quot;: 1.0, &quot;smoothFactor&quot;: 1.0, &quot;stroke&quot;: true, &quot;weight&quot;: 2}\n","            ).addTo(map_c588375d311d167fd692a260a273c64d);\n","        \n","    \n","            tile_layer_d6c4fe541115bbc199d8f9e932b3502c.addTo(map_c588375d311d167fd692a260a273c64d);\n","        \n","    \n","            marker_cluster_4a364b850e2cce03be9bf570df7eff1c.addTo(map_c588375d311d167fd692a260a273c64d);\n","        \n","    \n","            var marker_769508d694f1fa0430401f9b9616bca8 = L.marker(\n","                [28.56367, -80.57163],\n","                {}\n","            ).addTo(map_c588375d311d167fd692a260a273c64d);\n","        \n","    \n","            var div_icon_fa904648b013dd3d67e6b04cf337506d = L.divIcon({&quot;className&quot;: &quot;empty&quot;, &quot;html&quot;: &quot;\\u003cdiv style=\\&quot;font-size: 12; color:#d35400;\\&quot;\\u003e\\u003cb\\u003e0.50 KM\\u003c/b\\u003e\\u003c/div\\u003e&quot;, &quot;iconAnchor&quot;: [0, 0], &quot;iconSize&quot;: [20, 20]});\n","            marker_769508d694f1fa0430401f9b9616bca8.setIcon(div_icon_fa904648b013dd3d67e6b04cf337506d);\n","        \n","    \n","            var poly_line_85330c6a47ffc25d9ec712f8542dd872 = L.polyline(\n","                [[28.56342, -80.57674], [28.56367, -80.57163]],\n","                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#3388ff&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: false, &quot;fillColor&quot;: &quot;#3388ff&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;noClip&quot;: false, &quot;opacity&quot;: 1.0, &quot;smoothFactor&quot;: 1.0, &quot;stroke&quot;: true, &quot;weight&quot;: 2}\n","            ).addTo(map_c588375d311d167fd692a260a273c64d);\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 0x2a08f182ae0>"]},"execution_count":21,"metadata":{},"output_type":"execute_result"}],"source":["# Define the coordinates of the closest coastline point (from MousePosition)\n","coastline_coordinate = [28.56367, -80.57163]  # Example coordinates\n","\n","# Create a folium marker with the distance\n","distance_marker = folium.Marker(\n","    coastline_coordinate,\n","    icon=DivIcon(\n","        icon_size=(20, 20),\n","        icon_anchor=(0, 0),\n","        html='<div style=\"font-size: 12; color:#d35400;\"><b>{:.2f} KM</b></div>'.format(distance_coastline),\n","    ),\n",")\n","\n","# Add the marker to the map\n","site_map.add_child(distance_marker)\n","\n","# Draw a PolyLine between the launch site and the coastline\n","launch_site_coordinate = [28.56342, -80.57674]  # Example launch site coordinates\n","lines = folium.PolyLine(locations=[launch_site_coordinate, coastline_coordinate], weight=2)\n","site_map.add_child(lines)\n","\n","# Display the map\n","site_map\n"]},{"cell_type":"markdown","id":"5a7b3eb1-bd8c-4fff-bdcc-5e7c27fef882","metadata":{},"source":["_TODO:_ Draw a `PolyLine` between a launch site to the selected coastline point\n"]},{"cell_type":"code","execution_count":23,"id":"0b2f2533-8dae-47cd-966e-3bd9daa4a667","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-glyphicons.css&quot;/&gt;\n","    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.min.css&quot;/&gt;\n","    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css&quot;/&gt;\n","    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css&quot;/&gt;\n","    \n","            &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width,\n","                initial-scale=1.0, maximum-scale=1.0, user-scalable=no&quot; /&gt;\n","            &lt;style&gt;\n","                #map_c588375d311d167fd692a260a273c64d {\n","                    position: relative;\n","                    width: 100.0%;\n","                    height: 100.0%;\n","                    left: 0.0%;\n","                    top: 0.0%;\n","                }\n","                .leaflet-container { font-size: 1rem; }\n","            &lt;/style&gt;\n","        \n","    &lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/leaflet.markercluster/1.1.0/leaflet.markercluster.js&quot;&gt;&lt;/script&gt;\n","    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/leaflet.markercluster/1.1.0/MarkerCluster.css&quot;/&gt;\n","    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/leaflet.markercluster/1.1.0/MarkerCluster.Default.css&quot;/&gt;\n","    &lt;script src=&quot;https://cdn.jsdelivr.net/gh/ardhi/Leaflet.MousePosition/src/L.Control.MousePosition.min.js&quot;&gt;&lt;/script&gt;\n","    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/gh/ardhi/Leaflet.MousePosition/src/L.Control.MousePosition.min.css&quot;/&gt;\n","&lt;/head&gt;\n","&lt;body&gt;\n","    \n","    \n","            &lt;div class=&quot;folium-map&quot; id=&quot;map_c588375d311d167fd692a260a273c64d&quot; &gt;&lt;/div&gt;\n","        \n","&lt;/body&gt;\n","&lt;script&gt;\n","    \n","    \n","            var map_c588375d311d167fd692a260a273c64d = L.map(\n","                &quot;map_c588375d311d167fd692a260a273c64d&quot;,\n","                {\n","                    center: [29.559684888503615, -95.0830971930759],\n","                    crs: L.CRS.EPSG3857,\n","                    zoom: 5,\n","                    zoomControl: true,\n","                    preferCanvas: false,\n","                }\n","            );\n","\n","            \n","\n","        \n","    \n","            var tile_layer_d6c4fe541115bbc199d8f9e932b3502c = 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_d6c4fe541115bbc199d8f9e932b3502c.addTo(map_c588375d311d167fd692a260a273c64d);\n","        \n","    \n","            var marker_cluster_4a364b850e2cce03be9bf570df7eff1c = L.markerClusterGroup(\n","                {}\n","            );\n","        \n","    \n","            var marker_c2a493de46976e05ebe026748390278e = L.marker(\n","                [29.559684888503615, -95.0830971930759],\n","                {}\n","            ).addTo(marker_cluster_4a364b850e2cce03be9bf570df7eff1c);\n","        \n","    \n","            var div_icon_b2d49f947539e69497a993648d5a0d19 = L.divIcon({&quot;className&quot;: &quot;empty&quot;, &quot;html&quot;: &quot;\\u003cdiv style=\\&quot;font-size: 12; color:#d35400;\\&quot;\\u003e\\u003cb\\u003eNASA JSC\\u003c/b\\u003e\\u003c/div\\u003e&quot;, &quot;iconAnchor&quot;: [0, 0], &quot;iconSize&quot;: [20, 20]});\n","            marker_c2a493de46976e05ebe026748390278e.setIcon(div_icon_b2d49f947539e69497a993648d5a0d19);\n","        \n","    \n","            marker_cluster_4a364b850e2cce03be9bf570df7eff1c.addTo(map_c588375d311d167fd692a260a273c64d);\n","        \n","    \n","            tile_layer_d6c4fe541115bbc199d8f9e932b3502c.addTo(map_c588375d311d167fd692a260a273c64d);\n","        \n","    \n","            marker_cluster_4a364b850e2cce03be9bf570df7eff1c.addTo(map_c588375d311d167fd692a260a273c64d);\n","        \n","    \n","            var mouse_position_a28cd024c096680d1d08312aa9801d53 = new L.Control.MousePosition(\n","                {&quot;emptyString&quot;: &quot;NaN&quot;, &quot;lngFirst&quot;: false, &quot;numDigits&quot;: 20, &quot;position&quot;: &quot;topright&quot;, &quot;prefix&quot;: &quot;Lat:&quot;, &quot;separator&quot;: &quot; Long: &quot;}\n","            );\n","            mouse_position_a28cd024c096680d1d08312aa9801d53.options[&quot;latFormatter&quot;] =\n","                function(num) {return L.Util.formatNum(num, 5);};;\n","            mouse_position_a28cd024c096680d1d08312aa9801d53.options[&quot;lngFormatter&quot;] =\n","                function(num) {return L.Util.formatNum(num, 5);};;\n","            map_c588375d311d167fd692a260a273c64d.addControl(mouse_position_a28cd024c096680d1d08312aa9801d53);\n","        \n","    \n","            tile_layer_d6c4fe541115bbc199d8f9e932b3502c.addTo(map_c588375d311d167fd692a260a273c64d);\n","        \n","    \n","            marker_cluster_4a364b850e2cce03be9bf570df7eff1c.addTo(map_c588375d311d167fd692a260a273c64d);\n","        \n","    \n","            var marker_35ced616b2917f09cfc1909c09fbd909 = L.marker(\n","                [28.56367, -80.57163],\n","                {}\n","            ).addTo(map_c588375d311d167fd692a260a273c64d);\n","        \n","    \n","            var div_icon_69c203f2239a13f19d38f32d4a9220bf = L.divIcon({&quot;className&quot;: &quot;empty&quot;, &quot;html&quot;: &quot;\\u003cdiv style=\\&quot;font-size: 12; color:#d35400;\\&quot;\\u003e\\u003cb\\u003e0.50 KM\\u003c/b\\u003e\\u003c/div\\u003e&quot;, &quot;iconAnchor&quot;: [0, 0], &quot;iconSize&quot;: [20, 20]});\n","            marker_35ced616b2917f09cfc1909c09fbd909.setIcon(div_icon_69c203f2239a13f19d38f32d4a9220bf);\n","        \n","    \n","            var poly_line_79d2432ba90399967358cf5d43dbce23 = L.polyline(\n","                [[28.56342, -80.57674], [28.56367, -80.57163]],\n","                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#3388ff&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: false, &quot;fillColor&quot;: &quot;#3388ff&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;noClip&quot;: false, &quot;opacity&quot;: 1.0, &quot;smoothFactor&quot;: 1.0, &quot;stroke&quot;: true, &quot;weight&quot;: 2}\n","            ).addTo(map_c588375d311d167fd692a260a273c64d);\n","        \n","    \n","            tile_layer_d6c4fe541115bbc199d8f9e932b3502c.addTo(map_c588375d311d167fd692a260a273c64d);\n","        \n","    \n","            marker_cluster_4a364b850e2cce03be9bf570df7eff1c.addTo(map_c588375d311d167fd692a260a273c64d);\n","        \n","    \n","            var marker_769508d694f1fa0430401f9b9616bca8 = L.marker(\n","                [28.56367, -80.57163],\n","                {}\n","            ).addTo(map_c588375d311d167fd692a260a273c64d);\n","        \n","    \n","            var div_icon_fa904648b013dd3d67e6b04cf337506d = L.divIcon({&quot;className&quot;: &quot;empty&quot;, &quot;html&quot;: &quot;\\u003cdiv style=\\&quot;font-size: 12; color:#d35400;\\&quot;\\u003e\\u003cb\\u003e0.50 KM\\u003c/b\\u003e\\u003c/div\\u003e&quot;, &quot;iconAnchor&quot;: [0, 0], &quot;iconSize&quot;: [20, 20]});\n","            marker_769508d694f1fa0430401f9b9616bca8.setIcon(div_icon_fa904648b013dd3d67e6b04cf337506d);\n","        \n","    \n","            var poly_line_85330c6a47ffc25d9ec712f8542dd872 = L.polyline(\n","                [[28.56342, -80.57674], [28.56367, -80.57163]],\n","                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#3388ff&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: false, &quot;fillColor&quot;: &quot;#3388ff&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;noClip&quot;: false, &quot;opacity&quot;: 1.0, &quot;smoothFactor&quot;: 1.0, &quot;stroke&quot;: true, &quot;weight&quot;: 2}\n","            ).addTo(map_c588375d311d167fd692a260a273c64d);\n","        \n","    \n","            tile_layer_d6c4fe541115bbc199d8f9e932b3502c.addTo(map_c588375d311d167fd692a260a273c64d);\n","        \n","    \n","            marker_cluster_4a364b850e2cce03be9bf570df7eff1c.addTo(map_c588375d311d167fd692a260a273c64d);\n","        \n","    \n","            tile_layer_d6c4fe541115bbc199d8f9e932b3502c.addTo(map_c588375d311d167fd692a260a273c64d);\n","        \n","    \n","            marker_cluster_4a364b850e2cce03be9bf570df7eff1c.addTo(map_c588375d311d167fd692a260a273c64d);\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 0x2a08f182ae0>"]},"execution_count":23,"metadata":{},"output_type":"execute_result"}],"source":["# Create a `folium.PolyLine` object using the coastline coordinates and launch site coordinate\n","# lines=folium.PolyLine(locations=coordinates, weight=1)\n","site_map.add_child(lines)"]},{"cell_type":"markdown","id":"1b2b7360-b752-4764-9de8-77c0d05254f3","metadata":{},"source":["Your updated map with distance line should look like the following screenshot:\n"]},{"cell_type":"markdown","id":"7a8604b1-0727-4c27-86bd-15390257dafa","metadata":{},"source":["<center>\n","    <img src=\"https://cf-courses-data.s3.us.cloud-object-storage.appdomain.cloud/IBM-DS0321EN-SkillsNetwork/labs/module_3/images/launch_site_marker_distance.png\">\n","</center>\n"]},{"cell_type":"markdown","id":"e555a1bf-98f8-4d87-b311-ba49f6b18c8d","metadata":{},"source":["_TODO:_ Similarly, you can draw a line betwee a launch site to its closest city, railway, highway, etc. You need to use `MousePosition` to find the their coordinates on the map first\n"]},{"cell_type":"markdown","id":"0648eaec-4ff4-410e-96ec-0aff657b2d20","metadata":{},"source":["A railway map symbol may look like this:\n"]},{"cell_type":"markdown","id":"9f051ed3-8267-4412-baa1-9cb42933029c","metadata":{},"source":["<center>\n","    <img src=\"https://cf-courses-data.s3.us.cloud-object-storage.appdomain.cloud/IBM-DS0321EN-SkillsNetwork/labs/module_3/images/railway.png\">\n","</center>\n"]},{"cell_type":"markdown","id":"c5e0ce14-72dc-404f-a9a9-15b4fb12e086","metadata":{},"source":["A highway map symbol may look like this:\n"]},{"cell_type":"markdown","id":"81c367ec-deb6-4a06-bc1e-baaae6bf36f3","metadata":{},"source":["<center>\n","    <img src=\"https://cf-courses-data.s3.us.cloud-object-storage.appdomain.cloud/IBM-DS0321EN-SkillsNetwork/labs/module_3/images/highway.png\">\n","</center>\n"]},{"cell_type":"markdown","id":"9f4b4d06-0f79-4818-a00a-b609ca68da6d","metadata":{},"source":["A city map symbol may look like this:\n"]},{"cell_type":"markdown","id":"a06874a7-47bc-4a17-a3c1-f88dcb1631be","metadata":{},"source":["<center>\n","    <img src=\"https://cf-courses-data.s3.us.cloud-object-storage.appdomain.cloud/IBM-DS0321EN-SkillsNetwork/labs/module_3/images/city.png\">\n","</center>\n"]},{"cell_type":"code","execution_count":24,"id":"ef8a6829-6db8-4bf7-992e-9070dbbcaa08","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-glyphicons.css&quot;/&gt;\n","    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.min.css&quot;/&gt;\n","    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css&quot;/&gt;\n","    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css&quot;/&gt;\n","    \n","            &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width,\n","                initial-scale=1.0, maximum-scale=1.0, user-scalable=no&quot; /&gt;\n","            &lt;style&gt;\n","                #map_c588375d311d167fd692a260a273c64d {\n","                    position: relative;\n","                    width: 100.0%;\n","                    height: 100.0%;\n","                    left: 0.0%;\n","                    top: 0.0%;\n","                }\n","                .leaflet-container { font-size: 1rem; }\n","            &lt;/style&gt;\n","        \n","    &lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/leaflet.markercluster/1.1.0/leaflet.markercluster.js&quot;&gt;&lt;/script&gt;\n","    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/leaflet.markercluster/1.1.0/MarkerCluster.css&quot;/&gt;\n","    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/leaflet.markercluster/1.1.0/MarkerCluster.Default.css&quot;/&gt;\n","    &lt;script src=&quot;https://cdn.jsdelivr.net/gh/ardhi/Leaflet.MousePosition/src/L.Control.MousePosition.min.js&quot;&gt;&lt;/script&gt;\n","    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/gh/ardhi/Leaflet.MousePosition/src/L.Control.MousePosition.min.css&quot;/&gt;\n","&lt;/head&gt;\n","&lt;body&gt;\n","    \n","    \n","            &lt;div class=&quot;folium-map&quot; id=&quot;map_c588375d311d167fd692a260a273c64d&quot; &gt;&lt;/div&gt;\n","        \n","&lt;/body&gt;\n","&lt;script&gt;\n","    \n","    \n","            var map_c588375d311d167fd692a260a273c64d = L.map(\n","                &quot;map_c588375d311d167fd692a260a273c64d&quot;,\n","                {\n","                    center: [29.559684888503615, -95.0830971930759],\n","                    crs: L.CRS.EPSG3857,\n","                    zoom: 5,\n","                    zoomControl: true,\n","                    preferCanvas: false,\n","                }\n","            );\n","\n","            \n","\n","        \n","    \n","            var tile_layer_d6c4fe541115bbc199d8f9e932b3502c = 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_d6c4fe541115bbc199d8f9e932b3502c.addTo(map_c588375d311d167fd692a260a273c64d);\n","        \n","    \n","            var marker_cluster_4a364b850e2cce03be9bf570df7eff1c = L.markerClusterGroup(\n","                {}\n","            );\n","        \n","    \n","            var marker_c2a493de46976e05ebe026748390278e = L.marker(\n","                [29.559684888503615, -95.0830971930759],\n","                {}\n","            ).addTo(marker_cluster_4a364b850e2cce03be9bf570df7eff1c);\n","        \n","    \n","            var div_icon_b2d49f947539e69497a993648d5a0d19 = L.divIcon({&quot;className&quot;: &quot;empty&quot;, &quot;html&quot;: &quot;\\u003cdiv style=\\&quot;font-size: 12; color:#d35400;\\&quot;\\u003e\\u003cb\\u003eNASA JSC\\u003c/b\\u003e\\u003c/div\\u003e&quot;, &quot;iconAnchor&quot;: [0, 0], &quot;iconSize&quot;: [20, 20]});\n","            marker_c2a493de46976e05ebe026748390278e.setIcon(div_icon_b2d49f947539e69497a993648d5a0d19);\n","        \n","    \n","            marker_cluster_4a364b850e2cce03be9bf570df7eff1c.addTo(map_c588375d311d167fd692a260a273c64d);\n","        \n","    \n","            tile_layer_d6c4fe541115bbc199d8f9e932b3502c.addTo(map_c588375d311d167fd692a260a273c64d);\n","        \n","    \n","            marker_cluster_4a364b850e2cce03be9bf570df7eff1c.addTo(map_c588375d311d167fd692a260a273c64d);\n","        \n","    \n","            var mouse_position_a28cd024c096680d1d08312aa9801d53 = new L.Control.MousePosition(\n","                {&quot;emptyString&quot;: &quot;NaN&quot;, &quot;lngFirst&quot;: false, &quot;numDigits&quot;: 20, &quot;position&quot;: &quot;topright&quot;, &quot;prefix&quot;: &quot;Lat:&quot;, &quot;separator&quot;: &quot; Long: &quot;}\n","            );\n","            mouse_position_a28cd024c096680d1d08312aa9801d53.options[&quot;latFormatter&quot;] =\n","                function(num) {return L.Util.formatNum(num, 5);};;\n","            mouse_position_a28cd024c096680d1d08312aa9801d53.options[&quot;lngFormatter&quot;] =\n","                function(num) {return L.Util.formatNum(num, 5);};;\n","            map_c588375d311d167fd692a260a273c64d.addControl(mouse_position_a28cd024c096680d1d08312aa9801d53);\n","        \n","    \n","            tile_layer_d6c4fe541115bbc199d8f9e932b3502c.addTo(map_c588375d311d167fd692a260a273c64d);\n","        \n","    \n","            marker_cluster_4a364b850e2cce03be9bf570df7eff1c.addTo(map_c588375d311d167fd692a260a273c64d);\n","        \n","    \n","            var marker_35ced616b2917f09cfc1909c09fbd909 = L.marker(\n","                [28.56367, -80.57163],\n","                {}\n","            ).addTo(map_c588375d311d167fd692a260a273c64d);\n","        \n","    \n","            var div_icon_69c203f2239a13f19d38f32d4a9220bf = L.divIcon({&quot;className&quot;: &quot;empty&quot;, &quot;html&quot;: &quot;\\u003cdiv style=\\&quot;font-size: 12; color:#d35400;\\&quot;\\u003e\\u003cb\\u003e0.50 KM\\u003c/b\\u003e\\u003c/div\\u003e&quot;, &quot;iconAnchor&quot;: [0, 0], &quot;iconSize&quot;: [20, 20]});\n","            marker_35ced616b2917f09cfc1909c09fbd909.setIcon(div_icon_69c203f2239a13f19d38f32d4a9220bf);\n","        \n","    \n","            var poly_line_79d2432ba90399967358cf5d43dbce23 = L.polyline(\n","                [[28.56342, -80.57674], [28.56367, -80.57163]],\n","                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#3388ff&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: false, &quot;fillColor&quot;: &quot;#3388ff&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;noClip&quot;: false, &quot;opacity&quot;: 1.0, &quot;smoothFactor&quot;: 1.0, &quot;stroke&quot;: true, &quot;weight&quot;: 2}\n","            ).addTo(map_c588375d311d167fd692a260a273c64d);\n","        \n","    \n","            tile_layer_d6c4fe541115bbc199d8f9e932b3502c.addTo(map_c588375d311d167fd692a260a273c64d);\n","        \n","    \n","            marker_cluster_4a364b850e2cce03be9bf570df7eff1c.addTo(map_c588375d311d167fd692a260a273c64d);\n","        \n","    \n","            var marker_769508d694f1fa0430401f9b9616bca8 = L.marker(\n","                [28.56367, -80.57163],\n","                {}\n","            ).addTo(map_c588375d311d167fd692a260a273c64d);\n","        \n","    \n","            var div_icon_fa904648b013dd3d67e6b04cf337506d = L.divIcon({&quot;className&quot;: &quot;empty&quot;, &quot;html&quot;: &quot;\\u003cdiv style=\\&quot;font-size: 12; color:#d35400;\\&quot;\\u003e\\u003cb\\u003e0.50 KM\\u003c/b\\u003e\\u003c/div\\u003e&quot;, &quot;iconAnchor&quot;: [0, 0], &quot;iconSize&quot;: [20, 20]});\n","            marker_769508d694f1fa0430401f9b9616bca8.setIcon(div_icon_fa904648b013dd3d67e6b04cf337506d);\n","        \n","    \n","            var poly_line_85330c6a47ffc25d9ec712f8542dd872 = L.polyline(\n","                [[28.56342, -80.57674], [28.56367, -80.57163]],\n","                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#3388ff&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: false, &quot;fillColor&quot;: &quot;#3388ff&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;noClip&quot;: false, &quot;opacity&quot;: 1.0, &quot;smoothFactor&quot;: 1.0, &quot;stroke&quot;: true, &quot;weight&quot;: 2}\n","            ).addTo(map_c588375d311d167fd692a260a273c64d);\n","        \n","    \n","            tile_layer_d6c4fe541115bbc199d8f9e932b3502c.addTo(map_c588375d311d167fd692a260a273c64d);\n","        \n","    \n","            marker_cluster_4a364b850e2cce03be9bf570df7eff1c.addTo(map_c588375d311d167fd692a260a273c64d);\n","        \n","    \n","            tile_layer_d6c4fe541115bbc199d8f9e932b3502c.addTo(map_c588375d311d167fd692a260a273c64d);\n","        \n","    \n","            marker_cluster_4a364b850e2cce03be9bf570df7eff1c.addTo(map_c588375d311d167fd692a260a273c64d);\n","        \n","    \n","            tile_layer_d6c4fe541115bbc199d8f9e932b3502c.addTo(map_c588375d311d167fd692a260a273c64d);\n","        \n","    \n","            marker_cluster_4a364b850e2cce03be9bf570df7eff1c.addTo(map_c588375d311d167fd692a260a273c64d);\n","        \n","    \n","            var marker_eee3a48b7820e7d3764ef8458ac97780 = L.marker(\n","                [28.538336, -81.379234],\n","                {}\n","            ).addTo(map_c588375d311d167fd692a260a273c64d);\n","        \n","    \n","            var div_icon_e3a79a584e8fc891d91c20de28055bf1 = L.divIcon({&quot;className&quot;: &quot;empty&quot;, &quot;html&quot;: &quot;\\u003cdiv style=\\&quot;font-size: 12; color:#d35400;\\&quot;\\u003e\\u003cb\\u003e78.46 KM\\u003c/b\\u003e\\u003c/div\\u003e&quot;, &quot;iconAnchor&quot;: [0, 0], &quot;iconSize&quot;: [20, 20]});\n","            marker_eee3a48b7820e7d3764ef8458ac97780.setIcon(div_icon_e3a79a584e8fc891d91c20de28055bf1);\n","        \n","    \n","            var marker_aba08f59087723d574690582e7e2b097 = L.marker(\n","                [28.564, -80.576],\n","                {}\n","            ).addTo(map_c588375d311d167fd692a260a273c64d);\n","        \n","    \n","            var div_icon_305f1443b39d3caba750940b2dfaa16a = L.divIcon({&quot;className&quot;: &quot;empty&quot;, &quot;html&quot;: &quot;\\u003cdiv style=\\&quot;font-size: 12; color:#d35400;\\&quot;\\u003e\\u003cb\\u003e0.10 KM\\u003c/b\\u003e\\u003c/div\\u003e&quot;, &quot;iconAnchor&quot;: [0, 0], &quot;iconSize&quot;: [20, 20]});\n","            marker_aba08f59087723d574690582e7e2b097.setIcon(div_icon_305f1443b39d3caba750940b2dfaa16a);\n","        \n","    \n","            var marker_8402743d82215c4e734b56dfbf642583 = L.marker(\n","                [28.572, -80.59],\n","                {}\n","            ).addTo(map_c588375d311d167fd692a260a273c64d);\n","        \n","    \n","            var div_icon_76bf8c76da667179b718297d05f4a91e = L.divIcon({&quot;className&quot;: &quot;empty&quot;, &quot;html&quot;: &quot;\\u003cdiv style=\\&quot;font-size: 12; color:#d35400;\\&quot;\\u003e\\u003cb\\u003e1.61 KM\\u003c/b\\u003e\\u003c/div\\u003e&quot;, &quot;iconAnchor&quot;: [0, 0], &quot;iconSize&quot;: [20, 20]});\n","            marker_8402743d82215c4e734b56dfbf642583.setIcon(div_icon_76bf8c76da667179b718297d05f4a91e);\n","        \n","    \n","            var poly_line_9e5600d6217d70760ccc8240c6e15292 = L.polyline(\n","                [[28.56342, -80.57674], [28.538336, -81.379234]],\n","                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#3388ff&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: false, &quot;fillColor&quot;: &quot;#3388ff&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;noClip&quot;: false, &quot;opacity&quot;: 1.0, &quot;smoothFactor&quot;: 1.0, &quot;stroke&quot;: true, &quot;weight&quot;: 2}\n","            ).addTo(map_c588375d311d167fd692a260a273c64d);\n","        \n","    \n","            var poly_line_678c0e975950b0cc30858aa989e60e37 = L.polyline(\n","                [[28.56342, -80.57674], [28.564, -80.576]],\n","                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#3388ff&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: false, &quot;fillColor&quot;: &quot;#3388ff&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;noClip&quot;: false, &quot;opacity&quot;: 1.0, &quot;smoothFactor&quot;: 1.0, &quot;stroke&quot;: true, &quot;weight&quot;: 2}\n","            ).addTo(map_c588375d311d167fd692a260a273c64d);\n","        \n","    \n","            var poly_line_12e61982cb8527a4d9ad1d1c52e3ed88 = L.polyline(\n","                [[28.56342, -80.57674], [28.572, -80.59]],\n","                {&quot;bubblingMouseEvents&quot;: true, &quot;color&quot;: &quot;#3388ff&quot;, &quot;dashArray&quot;: null, &quot;dashOffset&quot;: null, &quot;fill&quot;: false, &quot;fillColor&quot;: &quot;#3388ff&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;noClip&quot;: false, &quot;opacity&quot;: 1.0, &quot;smoothFactor&quot;: 1.0, &quot;stroke&quot;: true, &quot;weight&quot;: 2}\n","            ).addTo(map_c588375d311d167fd692a260a273c64d);\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 0x2a08f182ae0>"]},"execution_count":24,"metadata":{},"output_type":"execute_result"}],"source":["# Example coordinates of a city, railway, and highway (use actual coordinates you find using MousePosition)\n","city_coordinate = [28.538336, -81.379234]  # Example: closest city\n","railway_coordinate = [28.564, -80.576]     # Example: closest railway\n","highway_coordinate = [28.572, -80.590]     # Example: closest highway\n","\n","# Calculate distances\n","distance_city = calculate_distance(launch_site_coordinate[0], launch_site_coordinate[1], city_coordinate[0], city_coordinate[1])\n","distance_railway = calculate_distance(launch_site_coordinate[0], launch_site_coordinate[1], railway_coordinate[0], railway_coordinate[1])\n","distance_highway = calculate_distance(launch_site_coordinate[0], launch_site_coordinate[1], highway_coordinate[0], highway_coordinate[1])\n","\n","# Add markers for each proximity with distance labels\n","city_marker = folium.Marker(\n","    city_coordinate,\n","    icon=DivIcon(\n","        icon_size=(20, 20),\n","        icon_anchor=(0, 0),\n","        html='<div style=\"font-size: 12; color:#d35400;\"><b>{:.2f} KM</b></div>'.format(distance_city),\n","    ),\n",")\n","railway_marker = folium.Marker(\n","    railway_coordinate,\n","    icon=DivIcon(\n","        icon_size=(20, 20),\n","        icon_anchor=(0, 0),\n","        html='<div style=\"font-size: 12; color:#d35400;\"><b>{:.2f} KM</b></div>'.format(distance_railway),\n","    ),\n",")\n","highway_marker = folium.Marker(\n","    highway_coordinate,\n","    icon=DivIcon(\n","        icon_size=(20, 20),\n","        icon_anchor=(0, 0),\n","        html='<div style=\"font-size: 12; color:#d35400;\"><b>{:.2f} KM</b></div>'.format(distance_highway),\n","    ),\n",")\n","\n","# Add to the map\n","site_map.add_child(city_marker)\n","site_map.add_child(railway_marker)\n","site_map.add_child(highway_marker)\n","\n","# Draw lines from the launch site to each proximity point\n","city_line = folium.PolyLine(locations=[launch_site_coordinate, city_coordinate], weight=2)\n","railway_line = folium.PolyLine(locations=[launch_site_coordinate, railway_coordinate], weight=2)\n","highway_line = folium.PolyLine(locations=[launch_site_coordinate, highway_coordinate], weight=2)\n","\n","# Add lines to the map\n","site_map.add_child(city_line)\n","site_map.add_child(railway_line)\n","site_map.add_child(highway_line)\n","\n","# Display the map\n","site_map\n"]},{"cell_type":"code","execution_count":null,"id":"5fa2287a-b970-4acc-bab1-2d9b5552f874","metadata":{},"outputs":[],"source":[]},{"cell_type":"code","execution_count":null,"id":"d8ad72a2-3b15-4d6e-b09b-e051bd1954c6","metadata":{},"outputs":[],"source":[]},{"cell_type":"markdown","id":"0f4bc90e-862a-4854-bdbf-d711afbc2abb","metadata":{},"source":["After you plot distance lines to the proximities, you can answer the following questions easily:\n","- Are launch sites in close proximity to railways?\n","- Are launch sites in close proximity to highways?\n","- Are launch sites in close proximity to coastline?\n","- Do launch sites keep certain distance away from cities?\n","\n","Also please try to explain your findings.\n"]},{"cell_type":"markdown","id":"c30d72d1-8b41-4c90-a0e3-912aba038a22","metadata":{},"source":["# Next Steps:\n","\n","Now you have discovered many interesting insights related to the launch sites' location using folium, in a very interactive way. Next, you will need to build a dashboard using Ploty Dash on detailed launch records.\n"]},{"cell_type":"markdown","id":"21cc2dd3-fe67-4311-967b-760a5fc6152b","metadata":{},"source":["## Authors\n"]},{"cell_type":"markdown","id":"d85b3f02-ae36-4f02-a868-0b7e04e73563","metadata":{},"source":["[Yan Luo](https://www.linkedin.com/in/yan-luo-96288783/)\n"]},{"cell_type":"markdown","id":"e75088cf-b941-4d6e-8f42-a25181602a85","metadata":{},"source":["### Other Contributors\n"]},{"cell_type":"markdown","id":"3ea74590-fd2e-482f-9162-51883b5803d6","metadata":{},"source":["Joseph Santarcangelo\n"]},{"cell_type":"markdown","id":"4f9ae46a-d618-4f3c-a803-5d334c5a43e0","metadata":{},"source":["## Change Log\n"]},{"cell_type":"markdown","id":"3a848df8-017b-44e0-8094-ea75d28f386c","metadata":{},"source":["|Date (YYYY-MM-DD)|Version|Changed By|Change Description|\n","|-|-|-|-|\n","|2021-05-26|1.0|Yan|Created the initial version|\n"]},{"cell_type":"markdown","id":"df69187e-f52d-4768-a3d0-3a7f1a99962c","metadata":{},"source":["Copyright © 2021 IBM Corporation. All rights reserved.\n"]}],"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.12.2"},"prev_pub_hash":"55c216115ef3c9956bad93ab387b1d19bb068a77c9a7682441bce33021bf54e8"},"nbformat":4,"nbformat_minor":4}