week3_Launch_Sites_Locations_Analysis_with_Folium.ipynb

{"metadata":{"language_info":{"codemirror_mode":{"name":"python","version":3},"file_extension":".py","mimetype":"text/x-python","name":"python","nbconvert_exporter":"python","pygments_lexer":"ipython3","version":"3.8"},"kernelspec":{"name":"python","display_name":"Pyolite","language":"python"},"colab":{"provenance":[]}},"nbformat_minor":0,"nbformat":4,"cells":[{"cell_type":"markdown","source":["<p style=\"text-align:center\">\n","    <a href=\"https://skills.network/?utm_medium=Exinfluencer&utm_source=Exinfluencer&utm_content=000026UJ&utm_term=10006555&utm_id=NA-SkillsNetwork-Channel-SkillsNetworkCoursesIBMDS0321ENSkillsNetwork26802033-2022-01-01\" 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"],"metadata":{"id":"Xs29-kmQ9Qg0"}},{"cell_type":"markdown","source":["# **Launch Sites Locations Analysis with Folium**\n"],"metadata":{"id":"RQwrE-4N9Qg3"}},{"cell_type":"markdown","source":["Estimated time needed: **40** minutes\n"],"metadata":{"id":"I3gt9Bk09Qg4"}},{"cell_type":"markdown","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"],"metadata":{"id":"9SyIRhzN9Qg4"}},{"cell_type":"markdown","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"],"metadata":{"id":"37O_JxFr9Qg4"}},{"cell_type":"markdown","source":["## Objectives\n"],"metadata":{"id":"BgKilZmw9Qg5"}},{"cell_type":"markdown","source":["This lab contains the following tasks:\n","\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"],"metadata":{"id":"AEBeFYip9Qg5"}},{"cell_type":"markdown","source":["Let's first import required Python packages for this lab:\n"],"metadata":{"id":"NveuuPjr9Qg5"}},{"cell_type":"code","source":["#import piplite\n","#await piplite.install(['folium'])\n","#await piplite.install(['pandas'])"],"metadata":{"trusted":true,"id":"P69UcvAr9Qg5","executionInfo":{"status":"ok","timestamp":1674437466783,"user_tz":-540,"elapsed":7,"user":{"displayName":"Bohdan Karpinskyy","userId":"07042978566106991406"}}},"execution_count":1,"outputs":[]},{"cell_type":"code","source":["import folium\n","import pandas as pd\n","import requests"],"metadata":{"trusted":true,"id":"PqAxYOp_9Qg7","executionInfo":{"status":"ok","timestamp":1674437468195,"user_tz":-540,"elapsed":1417,"user":{"displayName":"Bohdan Karpinskyy","userId":"07042978566106991406"}}},"execution_count":2,"outputs":[]},{"cell_type":"code","source":["#!pip3 install folium\n","#!pip3 install wget"],"metadata":{"id":"2eq5t23R9a-X","executionInfo":{"status":"ok","timestamp":1674437468196,"user_tz":-540,"elapsed":16,"user":{"displayName":"Bohdan Karpinskyy","userId":"07042978566106991406"}}},"execution_count":3,"outputs":[]},{"cell_type":"code","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"],"metadata":{"trusted":true,"id":"ETg6R8NX9Qg7","executionInfo":{"status":"ok","timestamp":1674437469007,"user_tz":-540,"elapsed":3,"user":{"displayName":"Bohdan Karpinskyy","userId":"07042978566106991406"}}},"execution_count":4,"outputs":[]},{"cell_type":"markdown","source":["If you need to refresh your memory about folium, you may download and refer to this previous folium lab:\n"],"metadata":{"id":"gr6Z0jw29Qg7"}},{"cell_type":"markdown","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"],"metadata":{"id":"gNT5z22-9Qg7"}},{"cell_type":"code","source":["## Task 1: Mark all launch sites on a map\n","#spacex_csv_file = wget.download('https://cf-courses-data.s3.us.cloud-object-storage.appdomain.cloud/IBM-DS0321EN-SkillsNetwork/datasets/spacex_launch_geo.csv')\n","spacex_csv_file = \"https://cf-courses-data.s3.us.cloud-object-storage.appdomain.cloud/IBM-DS0321EN-SkillsNetwork/datasets/spacex_launch_geo.csv\"\n","spacex_df=pd.read_csv(spacex_csv_file)"],"metadata":{"trusted":true,"id":"z6rVFhE39Qg7","executionInfo":{"status":"ok","timestamp":1674437472825,"user_tz":-540,"elapsed":469,"user":{"displayName":"Bohdan Karpinskyy","userId":"07042978566106991406"}}},"execution_count":5,"outputs":[]},{"cell_type":"code","source":["## Task 1: Mark all launch sites on a map\n","#spacex_csv_file = wget.download('https://cf-courses-data.s3.us.cloud-object-storage.appdomain.cloud/IBM-DS0321EN-SkillsNetwork/datasets/spacex_launch_geo.csv')\n","#spacex_df=pd.read_csv(\"https://cf-courses-data.s3.us.cloud-object-storage.appdomain.cloud/IBM-DS0321EN-SkillsNetwork/datasets/spacex_launch_geo.csv\")"],"metadata":{"trusted":true,"id":"bdFAnw6h9Qg8","executionInfo":{"status":"ok","timestamp":1674437474397,"user_tz":-540,"elapsed":311,"user":{"displayName":"Bohdan Karpinskyy","userId":"07042978566106991406"}}},"execution_count":6,"outputs":[]},{"cell_type":"markdown","source":["First, let's try to add each site's location on a map using site's latitude and longitude coordinates\n"],"metadata":{"id":"1AqNsB2F9Qg8"}},{"cell_type":"markdown","source":["The following dataset with the name `spacex_launch_geo.csv` is an augmented dataset with latitude and longitude added for each site.\n"],"metadata":{"id":"ZFm81GFD9Qg8"}},{"cell_type":"code","source":["## Download and read the `spacex_launch_geo.csv`\n","#from js import fetch\n","#import io#\n","\n","#URL = 'https://cf-courses-data.s3.us.cloud-object-storage.appdomain.cloud/IBM-DS0321EN-SkillsNetwork/datasets/spacex_launch_geo.csv'\n","#resp = await fetch(URL)\n","#spacex_csv_file = io.BytesIO((await resp.arrayBuffer()).to_py())\n","#spacex_df=pd.read_csv(spacex_csv_file)"],"metadata":{"id":"aNBDw_xx9Qg9","executionInfo":{"status":"ok","timestamp":1674437483266,"user_tz":-540,"elapsed":299,"user":{"displayName":"Bohdan Karpinskyy","userId":"07042978566106991406"}}},"execution_count":7,"outputs":[]},{"cell_type":"markdown","source":["Now, you can take a look at what are the coordinates for each site.\n"],"metadata":{"id":"3BV8P1eS9Qg9"}},{"cell_type":"code","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"],"metadata":{"colab":{"base_uri":"https://localhost:8080/","height":174},"id":"CKwfDQZc9Qg9","executionInfo":{"status":"ok","timestamp":1674437485068,"user_tz":-540,"elapsed":326,"user":{"displayName":"Bohdan Karpinskyy","userId":"07042978566106991406"}},"outputId":"b4c7ce50-32a1-402b-c1bc-8456a3ec7c4e"},"execution_count":8,"outputs":[{"output_type":"execute_result","data":{"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"],"text/html":["\n","  <div id=\"df-56f6f6dc-3de1-4255-b80a-34b4b5931c15\">\n","    <div class=\"colab-df-container\">\n","      <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>\n","      <button class=\"colab-df-convert\" onclick=\"convertToInteractive('df-56f6f6dc-3de1-4255-b80a-34b4b5931c15')\"\n","              title=\"Convert this dataframe to an interactive table.\"\n","              style=\"display:none;\">\n","        \n","  <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\"viewBox=\"0 0 24 24\"\n","       width=\"24px\">\n","    <path d=\"M0 0h24v24H0V0z\" fill=\"none\"/>\n","    <path d=\"M18.56 5.44l.94 2.06.94-2.06 2.06-.94-2.06-.94-.94-2.06-.94 2.06-2.06.94zm-11 1L8.5 8.5l.94-2.06 2.06-.94-2.06-.94L8.5 2.5l-.94 2.06-2.06.94zm10 10l.94 2.06.94-2.06 2.06-.94-2.06-.94-.94-2.06-.94 2.06-2.06.94z\"/><path d=\"M17.41 7.96l-1.37-1.37c-.4-.4-.92-.59-1.43-.59-.52 0-1.04.2-1.43.59L10.3 9.45l-7.72 7.72c-.78.78-.78 2.05 0 2.83L4 21.41c.39.39.9.59 1.41.59.51 0 1.02-.2 1.41-.59l7.78-7.78 2.81-2.81c.8-.78.8-2.07 0-2.86zM5.41 20L4 18.59l7.72-7.72 1.47 1.35L5.41 20z\"/>\n","  </svg>\n","      </button>\n","      \n","  <style>\n","    .colab-df-container {\n","      display:flex;\n","      flex-wrap:wrap;\n","      gap: 12px;\n","    }\n","\n","    .colab-df-convert {\n","      background-color: #E8F0FE;\n","      border: none;\n","      border-radius: 50%;\n","      cursor: pointer;\n","      display: none;\n","      fill: #1967D2;\n","      height: 32px;\n","      padding: 0 0 0 0;\n","      width: 32px;\n","    }\n","\n","    .colab-df-convert:hover {\n","      background-color: #E2EBFA;\n","      box-shadow: 0px 1px 2px rgba(60, 64, 67, 0.3), 0px 1px 3px 1px rgba(60, 64, 67, 0.15);\n","      fill: #174EA6;\n","    }\n","\n","    [theme=dark] .colab-df-convert {\n","      background-color: #3B4455;\n","      fill: #D2E3FC;\n","    }\n","\n","    [theme=dark] .colab-df-convert:hover {\n","      background-color: #434B5C;\n","      box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15);\n","      filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.3));\n","      fill: #FFFFFF;\n","    }\n","  </style>\n","\n","      <script>\n","        const buttonEl =\n","          document.querySelector('#df-56f6f6dc-3de1-4255-b80a-34b4b5931c15 button.colab-df-convert');\n","        buttonEl.style.display =\n","          google.colab.kernel.accessAllowed ? 'block' : 'none';\n","\n","        async function convertToInteractive(key) {\n","          const element = document.querySelector('#df-56f6f6dc-3de1-4255-b80a-34b4b5931c15');\n","          const dataTable =\n","            await google.colab.kernel.invokeFunction('convertToInteractive',\n","                                                     [key], {});\n","          if (!dataTable) return;\n","\n","          const docLinkHtml = 'Like what you see? Visit the ' +\n","            '<a target=\"_blank\" href=https://colab.research.google.com/notebooks/data_table.ipynb>data table notebook</a>'\n","            + ' to learn more about interactive tables.';\n","          element.innerHTML = '';\n","          dataTable['output_type'] = 'display_data';\n","          await google.colab.output.renderOutput(dataTable, element);\n","          const docLink = document.createElement('div');\n","          docLink.innerHTML = docLinkHtml;\n","          element.appendChild(docLink);\n","        }\n","      </script>\n","    </div>\n","  </div>\n","  "]},"metadata":{},"execution_count":8}]},{"cell_type":"markdown","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"],"metadata":{"id":"aSBHFQ5S9Qg9"}},{"cell_type":"markdown","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"],"metadata":{"id":"Orz5tdsO9Qg9"}},{"cell_type":"code","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)"],"metadata":{"id":"MoltDNgd9Qg-","executionInfo":{"status":"ok","timestamp":1674437495404,"user_tz":-540,"elapsed":308,"user":{"displayName":"Bohdan Karpinskyy","userId":"07042978566106991406"}}},"execution_count":9,"outputs":[]},{"cell_type":"markdown","source":["We could use `folium.Circle` to add a highlighted circle area with a text label on a specific coordinate. For example,\n"],"metadata":{"id":"fvoJJ-zN9Qg-"}},{"cell_type":"code","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)"],"metadata":{"colab":{"base_uri":"https://localhost:8080/","height":1000},"id":"pQHQrj8j9Qg-","executionInfo":{"status":"ok","timestamp":1674437496616,"user_tz":-540,"elapsed":6,"user":{"displayName":"Bohdan Karpinskyy","userId":"07042978566106991406"}},"outputId":"a247e254-b230-44a1-e872-60df7f8244ef"},"execution_count":10,"outputs":[{"output_type":"execute_result","data":{"text/plain":["<folium.folium.Map at 0x7f1901252580>"],"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.6.0/dist/leaflet.js&quot;&gt;&lt;/script&gt;\n","    &lt;script src=&quot;https://code.jquery.com/jquery-1.12.4.min.js&quot;&gt;&lt;/script&gt;\n","    &lt;script src=&quot;https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.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.6.0/dist/leaflet.css&quot;/&gt;\n","    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css&quot;/&gt;\n","    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css&quot;/&gt;\n","    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.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_4157b657d2fd6a2e18e8ef720967b33c {\n","                    position: relative;\n","                    width: 100.0%;\n","                    height: 100.0%;\n","                    left: 0.0%;\n","                    top: 0.0%;\n","                }\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_4157b657d2fd6a2e18e8ef720967b33c&quot; &gt;&lt;/div&gt;\n","        \n","&lt;/body&gt;\n","&lt;script&gt;\n","    \n","    \n","            var map_4157b657d2fd6a2e18e8ef720967b33c = L.map(\n","                &quot;map_4157b657d2fd6a2e18e8ef720967b33c&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_35fc9faf0fee8809fccf5842eea05650 = L.tileLayer(\n","                &quot;https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png&quot;,\n","                {&quot;attribution&quot;: &quot;Data by \\u0026copy; \\u003ca href=\\&quot;http://openstreetmap.org\\&quot;\\u003eOpenStreetMap\\u003c/a\\u003e, under \\u003ca href=\\&quot;http://www.openstreetmap.org/copyright\\&quot;\\u003eODbL\\u003c/a\\u003e.&quot;, &quot;detectRetina&quot;: false, &quot;maxNativeZoom&quot;: 18, &quot;maxZoom&quot;: 18, &quot;minZoom&quot;: 0, &quot;noWrap&quot;: false, &quot;opacity&quot;: 1, &quot;subdomains&quot;: &quot;abc&quot;, &quot;tms&quot;: false}\n","            ).addTo(map_4157b657d2fd6a2e18e8ef720967b33c);\n","        \n","    \n","            var circle_cf2842ecede936c065b34db99b1d25b8 = 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_4157b657d2fd6a2e18e8ef720967b33c);\n","        \n","    \n","        var popup_4d3a749887eee28056a709f6602ff94f = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n","\n","        \n","            var html_67fbbbb505d896e63ef8fe46af6efa2e = $(`&lt;div id=&quot;html_67fbbbb505d896e63ef8fe46af6efa2e&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;NASA Johnson Space Center&lt;/div&gt;`)[0];\n","            popup_4d3a749887eee28056a709f6602ff94f.setContent(html_67fbbbb505d896e63ef8fe46af6efa2e);\n","        \n","\n","        circle_cf2842ecede936c065b34db99b1d25b8.bindPopup(popup_4d3a749887eee28056a709f6602ff94f)\n","        ;\n","\n","        \n","    \n","    \n","            var marker_4e90d75bbfe5800df2ad0a6b1d03df58 = L.marker(\n","                [29.559684888503615, -95.0830971930759],\n","                {}\n","            ).addTo(map_4157b657d2fd6a2e18e8ef720967b33c);\n","        \n","    \n","            var div_icon_09e7d96d4ea6d839d0426504ac0a549b = 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_4e90d75bbfe5800df2ad0a6b1d03df58.setIcon(div_icon_09e7d96d4ea6d839d0426504ac0a549b);\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>"]},"metadata":{},"execution_count":10}]},{"cell_type":"markdown","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"],"metadata":{"id":"eoRAvhzz9Qg-"}},{"cell_type":"markdown","source":["Now, let's add a circle for each launch site in data frame `launch_sites`\n"],"metadata":{"id":"5Oh_WSwJ9Qg-"}},{"cell_type":"markdown","source":["*TODO:*  Create and add `folium.Circle` and `folium.Marker` for each launch site on the site map\n"],"metadata":{"id":"NaDssg0N9Qg-"}},{"cell_type":"markdown","source":["An example of folium.Circle:\n"],"metadata":{"id":"_VgH6zr39Qg-"}},{"cell_type":"markdown","source":["`folium.Circle(coordinate, radius=1000, color='#000000', fill=True).add_child(folium.Popup(...))`\n"],"metadata":{"id":"S23IgDe69Qg_"}},{"cell_type":"markdown","source":["An example of folium.Marker:\n"],"metadata":{"id":"bRcw3QHP9Qg_"}},{"cell_type":"markdown","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"],"metadata":{"id":"bmf39u3F9Qg_"}},{"cell_type":"code","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"],"metadata":{"id":"AxTvPuXr9Qg_"},"execution_count":null,"outputs":[]},{"cell_type":"markdown","source":["The generated map with marked launch sites should look similar to the following:\n"],"metadata":{"id":"2GPFCo8D9Qg_"}},{"cell_type":"markdown","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"],"metadata":{"id":"RudYeJFC9Qg_"}},{"cell_type":"markdown","source":["Now, you can explore the map by zoom-in/out the marked areas\n",", and try to answer the following questions:\n","\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"],"metadata":{"id":"KOaxm3hQ9Qg_"}},{"cell_type":"code","source":["# Task 2: Mark the success/failed launches for each site on the map"],"metadata":{"id":"iiMXyArT9Qg_"},"execution_count":null,"outputs":[]},{"cell_type":"markdown","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"],"metadata":{"id":"evGDBN5W9QhA"}},{"cell_type":"code","source":["spacex_df.tail(10)"],"metadata":{"colab":{"base_uri":"https://localhost:8080/","height":363},"id":"_3FKZFKp9QhA","executionInfo":{"status":"ok","timestamp":1674385914637,"user_tz":-540,"elapsed":4,"user":{"displayName":"Bohdan Karpinskyy","userId":"07042978566106991406"}},"outputId":"8ecf3126-b357-409f-cc9a-07e9a692ed24"},"execution_count":null,"outputs":[{"output_type":"execute_result","data":{"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"],"text/html":["\n","  <div id=\"df-6156af8c-f949-40f9-b4eb-c3b7c91b548f\">\n","    <div class=\"colab-df-container\">\n","      <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>\n","      <button class=\"colab-df-convert\" onclick=\"convertToInteractive('df-6156af8c-f949-40f9-b4eb-c3b7c91b548f')\"\n","              title=\"Convert this dataframe to an interactive table.\"\n","              style=\"display:none;\">\n","        \n","  <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\"viewBox=\"0 0 24 24\"\n","       width=\"24px\">\n","    <path d=\"M0 0h24v24H0V0z\" fill=\"none\"/>\n","    <path d=\"M18.56 5.44l.94 2.06.94-2.06 2.06-.94-2.06-.94-.94-2.06-.94 2.06-2.06.94zm-11 1L8.5 8.5l.94-2.06 2.06-.94-2.06-.94L8.5 2.5l-.94 2.06-2.06.94zm10 10l.94 2.06.94-2.06 2.06-.94-2.06-.94-.94-2.06-.94 2.06-2.06.94z\"/><path d=\"M17.41 7.96l-1.37-1.37c-.4-.4-.92-.59-1.43-.59-.52 0-1.04.2-1.43.59L10.3 9.45l-7.72 7.72c-.78.78-.78 2.05 0 2.83L4 21.41c.39.39.9.59 1.41.59.51 0 1.02-.2 1.41-.59l7.78-7.78 2.81-2.81c.8-.78.8-2.07 0-2.86zM5.41 20L4 18.59l7.72-7.72 1.47 1.35L5.41 20z\"/>\n","  </svg>\n","      </button>\n","      \n","  <style>\n","    .colab-df-container {\n","      display:flex;\n","      flex-wrap:wrap;\n","      gap: 12px;\n","    }\n","\n","    .colab-df-convert {\n","      background-color: #E8F0FE;\n","      border: none;\n","      border-radius: 50%;\n","      cursor: pointer;\n","      display: none;\n","      fill: #1967D2;\n","      height: 32px;\n","      padding: 0 0 0 0;\n","      width: 32px;\n","    }\n","\n","    .colab-df-convert:hover {\n","      background-color: #E2EBFA;\n","      box-shadow: 0px 1px 2px rgba(60, 64, 67, 0.3), 0px 1px 3px 1px rgba(60, 64, 67, 0.15);\n","      fill: #174EA6;\n","    }\n","\n","    [theme=dark] .colab-df-convert {\n","      background-color: #3B4455;\n","      fill: #D2E3FC;\n","    }\n","\n","    [theme=dark] .colab-df-convert:hover {\n","      background-color: #434B5C;\n","      box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15);\n","      filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.3));\n","      fill: #FFFFFF;\n","    }\n","  </style>\n","\n","      <script>\n","        const buttonEl =\n","          document.querySelector('#df-6156af8c-f949-40f9-b4eb-c3b7c91b548f button.colab-df-convert');\n","        buttonEl.style.display =\n","          google.colab.kernel.accessAllowed ? 'block' : 'none';\n","\n","        async function convertToInteractive(key) {\n","          const element = document.querySelector('#df-6156af8c-f949-40f9-b4eb-c3b7c91b548f');\n","          const dataTable =\n","            await google.colab.kernel.invokeFunction('convertToInteractive',\n","                                                     [key], {});\n","          if (!dataTable) return;\n","\n","          const docLinkHtml = 'Like what you see? Visit the ' +\n","            '<a target=\"_blank\" href=https://colab.research.google.com/notebooks/data_table.ipynb>data table notebook</a>'\n","            + ' to learn more about interactive tables.';\n","          element.innerHTML = '';\n","          dataTable['output_type'] = 'display_data';\n","          await google.colab.output.renderOutput(dataTable, element);\n","          const docLink = document.createElement('div');\n","          docLink.innerHTML = docLinkHtml;\n","          element.appendChild(docLink);\n","        }\n","      </script>\n","    </div>\n","  </div>\n","  "]},"metadata":{},"execution_count":19}]},{"cell_type":"markdown","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"],"metadata":{"id":"hYjMw_sE9QhA"}},{"cell_type":"markdown","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"],"metadata":{"id":"-qSrX2SX9QhA"}},{"cell_type":"markdown","source":["Let's first create a `MarkerCluster` object\n"],"metadata":{"id":"DlM74hYE9QhB"}},{"cell_type":"code","source":["marker_cluster = MarkerCluster()"],"metadata":{"id":"KE412a079QhB"},"execution_count":null,"outputs":[]},{"cell_type":"markdown","source":["*TODO:* Create a new column in `launch_sites` dataframe called `marker_color` to store the marker colors based on the `class` value\n"],"metadata":{"id":"WtyuIHd89QhB"}},{"cell_type":"code","source":["\n","# Apply a function to check the value of `class` column\n","# If class=1, marker_color value will be green\n","# If class=0, marker_color value will be red\n","# 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)\n"],"metadata":{"colab":{"base_uri":"https://localhost:8080/","height":363},"id":"CtCY4N259QhB","executionInfo":{"status":"ok","timestamp":1674385954792,"user_tz":-540,"elapsed":13,"user":{"displayName":"Bohdan Karpinskyy","userId":"07042978566106991406"}},"outputId":"a0ea175f-24ee-480f-8e06-c2c036bf5040"},"execution_count":null,"outputs":[{"output_type":"execute_result","data":{"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"],"text/html":["\n","  <div id=\"df-d3e40219-9665-4ce0-a2a6-d54b52daff28\">\n","    <div class=\"colab-df-container\">\n","      <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>\n","      <button class=\"colab-df-convert\" onclick=\"convertToInteractive('df-d3e40219-9665-4ce0-a2a6-d54b52daff28')\"\n","              title=\"Convert this dataframe to an interactive table.\"\n","              style=\"display:none;\">\n","        \n","  <svg xmlns=\"http://www.w3.org/2000/svg\" height=\"24px\"viewBox=\"0 0 24 24\"\n","       width=\"24px\">\n","    <path d=\"M0 0h24v24H0V0z\" fill=\"none\"/>\n","    <path d=\"M18.56 5.44l.94 2.06.94-2.06 2.06-.94-2.06-.94-.94-2.06-.94 2.06-2.06.94zm-11 1L8.5 8.5l.94-2.06 2.06-.94-2.06-.94L8.5 2.5l-.94 2.06-2.06.94zm10 10l.94 2.06.94-2.06 2.06-.94-2.06-.94-.94-2.06-.94 2.06-2.06.94z\"/><path d=\"M17.41 7.96l-1.37-1.37c-.4-.4-.92-.59-1.43-.59-.52 0-1.04.2-1.43.59L10.3 9.45l-7.72 7.72c-.78.78-.78 2.05 0 2.83L4 21.41c.39.39.9.59 1.41.59.51 0 1.02-.2 1.41-.59l7.78-7.78 2.81-2.81c.8-.78.8-2.07 0-2.86zM5.41 20L4 18.59l7.72-7.72 1.47 1.35L5.41 20z\"/>\n","  </svg>\n","      </button>\n","      \n","  <style>\n","    .colab-df-container {\n","      display:flex;\n","      flex-wrap:wrap;\n","      gap: 12px;\n","    }\n","\n","    .colab-df-convert {\n","      background-color: #E8F0FE;\n","      border: none;\n","      border-radius: 50%;\n","      cursor: pointer;\n","      display: none;\n","      fill: #1967D2;\n","      height: 32px;\n","      padding: 0 0 0 0;\n","      width: 32px;\n","    }\n","\n","    .colab-df-convert:hover {\n","      background-color: #E2EBFA;\n","      box-shadow: 0px 1px 2px rgba(60, 64, 67, 0.3), 0px 1px 3px 1px rgba(60, 64, 67, 0.15);\n","      fill: #174EA6;\n","    }\n","\n","    [theme=dark] .colab-df-convert {\n","      background-color: #3B4455;\n","      fill: #D2E3FC;\n","    }\n","\n","    [theme=dark] .colab-df-convert:hover {\n","      background-color: #434B5C;\n","      box-shadow: 0px 1px 3px 1px rgba(0, 0, 0, 0.15);\n","      filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.3));\n","      fill: #FFFFFF;\n","    }\n","  </style>\n","\n","      <script>\n","        const buttonEl =\n","          document.querySelector('#df-d3e40219-9665-4ce0-a2a6-d54b52daff28 button.colab-df-convert');\n","        buttonEl.style.display =\n","          google.colab.kernel.accessAllowed ? 'block' : 'none';\n","\n","        async function convertToInteractive(key) {\n","          const element = document.querySelector('#df-d3e40219-9665-4ce0-a2a6-d54b52daff28');\n","          const dataTable =\n","            await google.colab.kernel.invokeFunction('convertToInteractive',\n","                                                     [key], {});\n","          if (!dataTable) return;\n","\n","          const docLinkHtml = 'Like what you see? Visit the ' +\n","            '<a target=\"_blank\" href=https://colab.research.google.com/notebooks/data_table.ipynb>data table notebook</a>'\n","            + ' to learn more about interactive tables.';\n","          element.innerHTML = '';\n","          dataTable['output_type'] = 'display_data';\n","          await google.colab.output.renderOutput(dataTable, element);\n","          const docLink = document.createElement('div');\n","          docLink.innerHTML = docLinkHtml;\n","          element.appendChild(docLink);\n","        }\n","      </script>\n","    </div>\n","  </div>\n","  "]},"metadata":{},"execution_count":21}]},{"cell_type":"markdown","source":["*TODO:* For each launch result in `spacex_df` data frame, add a `folium.Marker` to `marker_cluster`\n"],"metadata":{"id":"X9jgskB09QhC"}},{"cell_type":"code","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"],"metadata":{"colab":{"base_uri":"https://localhost:8080/","height":866},"id":"Dte2AWuo9QhC","executionInfo":{"status":"ok","timestamp":1674385961693,"user_tz":-540,"elapsed":304,"user":{"displayName":"Bohdan Karpinskyy","userId":"07042978566106991406"}},"outputId":"510f9b4a-99be-4007-fe9a-8c2d168d9f25"},"execution_count":null,"outputs":[{"output_type":"execute_result","data":{"text/plain":["<folium.folium.Map at 0x7f6eae61d2e0>"],"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.6.0/dist/leaflet.js&quot;&gt;&lt;/script&gt;\n","    &lt;script src=&quot;https://code.jquery.com/jquery-1.12.4.min.js&quot;&gt;&lt;/script&gt;\n","    &lt;script src=&quot;https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.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.6.0/dist/leaflet.css&quot;/&gt;\n","    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css&quot;/&gt;\n","    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css&quot;/&gt;\n","    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.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_e4005fbe328c93131fc47d51740421e8 {\n","                    position: relative;\n","                    width: 100.0%;\n","                    height: 100.0%;\n","                    left: 0.0%;\n","                    top: 0.0%;\n","                }\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_e4005fbe328c93131fc47d51740421e8&quot; &gt;&lt;/div&gt;\n","        \n","&lt;/body&gt;\n","&lt;script&gt;\n","    \n","    \n","            var map_e4005fbe328c93131fc47d51740421e8 = L.map(\n","                &quot;map_e4005fbe328c93131fc47d51740421e8&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_87f20eafbc358ddffd3a6ea32caff9be = L.tileLayer(\n","                &quot;https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png&quot;,\n","                {&quot;attribution&quot;: &quot;Data by \\u0026copy; \\u003ca href=\\&quot;http://openstreetmap.org\\&quot;\\u003eOpenStreetMap\\u003c/a\\u003e, under \\u003ca href=\\&quot;http://www.openstreetmap.org/copyright\\&quot;\\u003eODbL\\u003c/a\\u003e.&quot;, &quot;detectRetina&quot;: false, &quot;maxNativeZoom&quot;: 18, &quot;maxZoom&quot;: 18, &quot;minZoom&quot;: 0, &quot;noWrap&quot;: false, &quot;opacity&quot;: 1, &quot;subdomains&quot;: &quot;abc&quot;, &quot;tms&quot;: false}\n","            ).addTo(map_e4005fbe328c93131fc47d51740421e8);\n","        \n","    \n","            var marker_cluster_3c341253e91005186be1cffd92fc2d59 = L.markerClusterGroup(\n","                {}\n","            );\n","            map_e4005fbe328c93131fc47d51740421e8.addLayer(marker_cluster_3c341253e91005186be1cffd92fc2d59);\n","        \n","    \n","            var marker_d3c90c95c7c4210e5381b2669e905fa7 = L.marker(\n","                [29.559684888503615, -95.0830971930759],\n","                {}\n","            ).addTo(marker_cluster_3c341253e91005186be1cffd92fc2d59);\n","        \n","    \n","            var div_icon_9690538a1a2fb7a695eac10da5d603f3 = 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_d3c90c95c7c4210e5381b2669e905fa7.setIcon(div_icon_9690538a1a2fb7a695eac10da5d603f3);\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>"]},"metadata":{},"execution_count":22}]},{"cell_type":"markdown","source":["Your updated map may look like the following screenshots:\n"],"metadata":{"id":"WNW7VAhc9QhC"}},{"cell_type":"markdown","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"],"metadata":{"id":"zXTfgy5D9QhD"}},{"cell_type":"markdown","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"],"metadata":{"id":"AAqxdZGp9QhD"}},{"cell_type":"markdown","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"],"metadata":{"id":"IVgsi8Pg9QhD"}},{"cell_type":"code","source":["# TASK 3: Calculate the distances between a launch site to its proximities\n"],"metadata":{"id":"9NYr5NuU9QhD"},"execution_count":null,"outputs":[]},{"cell_type":"markdown","source":["Next, we need to explore and analyze the proximities of launch sites.\n"],"metadata":{"id":"PBw68iab9QhD"}},{"cell_type":"markdown","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"],"metadata":{"id":"3b3GYoO29QhD"}},{"cell_type":"code","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"],"metadata":{"colab":{"base_uri":"https://localhost:8080/","height":866},"id":"Qey4SUdm9QhD","executionInfo":{"status":"ok","timestamp":1674386028103,"user_tz":-540,"elapsed":332,"user":{"displayName":"Bohdan Karpinskyy","userId":"07042978566106991406"}},"outputId":"a2953529-8906-4156-bf2c-f530fdbe3a49"},"execution_count":null,"outputs":[{"output_type":"execute_result","data":{"text/plain":["<folium.folium.Map at 0x7f6eae61d2e0>"],"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.6.0/dist/leaflet.js&quot;&gt;&lt;/script&gt;\n","    &lt;script src=&quot;https://code.jquery.com/jquery-1.12.4.min.js&quot;&gt;&lt;/script&gt;\n","    &lt;script src=&quot;https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.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.6.0/dist/leaflet.css&quot;/&gt;\n","    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css&quot;/&gt;\n","    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css&quot;/&gt;\n","    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.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_e4005fbe328c93131fc47d51740421e8 {\n","                    position: relative;\n","                    width: 100.0%;\n","                    height: 100.0%;\n","                    left: 0.0%;\n","                    top: 0.0%;\n","                }\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_e4005fbe328c93131fc47d51740421e8&quot; &gt;&lt;/div&gt;\n","        \n","&lt;/body&gt;\n","&lt;script&gt;\n","    \n","    \n","            var map_e4005fbe328c93131fc47d51740421e8 = L.map(\n","                &quot;map_e4005fbe328c93131fc47d51740421e8&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_87f20eafbc358ddffd3a6ea32caff9be = L.tileLayer(\n","                &quot;https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png&quot;,\n","                {&quot;attribution&quot;: &quot;Data by \\u0026copy; \\u003ca href=\\&quot;http://openstreetmap.org\\&quot;\\u003eOpenStreetMap\\u003c/a\\u003e, under \\u003ca href=\\&quot;http://www.openstreetmap.org/copyright\\&quot;\\u003eODbL\\u003c/a\\u003e.&quot;, &quot;detectRetina&quot;: false, &quot;maxNativeZoom&quot;: 18, &quot;maxZoom&quot;: 18, &quot;minZoom&quot;: 0, &quot;noWrap&quot;: false, &quot;opacity&quot;: 1, &quot;subdomains&quot;: &quot;abc&quot;, &quot;tms&quot;: false}\n","            ).addTo(map_e4005fbe328c93131fc47d51740421e8);\n","        \n","    \n","            var marker_cluster_3c341253e91005186be1cffd92fc2d59 = L.markerClusterGroup(\n","                {}\n","            );\n","            map_e4005fbe328c93131fc47d51740421e8.addLayer(marker_cluster_3c341253e91005186be1cffd92fc2d59);\n","        \n","    \n","            var marker_d3c90c95c7c4210e5381b2669e905fa7 = L.marker(\n","                [29.559684888503615, -95.0830971930759],\n","                {}\n","            ).addTo(marker_cluster_3c341253e91005186be1cffd92fc2d59);\n","        \n","    \n","            var div_icon_9690538a1a2fb7a695eac10da5d603f3 = 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_d3c90c95c7c4210e5381b2669e905fa7.setIcon(div_icon_9690538a1a2fb7a695eac10da5d603f3);\n","        \n","    \n","            var mouse_position_93eb09ebbf2605b3b0f53195f344effc = 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_93eb09ebbf2605b3b0f53195f344effc.options[&quot;latFormatter&quot;] =\n","                function(num) {return L.Util.formatNum(num, 5);};;\n","            mouse_position_93eb09ebbf2605b3b0f53195f344effc.options[&quot;lngFormatter&quot;] =\n","                function(num) {return L.Util.formatNum(num, 5);};;\n","            map_e4005fbe328c93131fc47d51740421e8.addControl(mouse_position_93eb09ebbf2605b3b0f53195f344effc);\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>"]},"metadata":{},"execution_count":23}]},{"cell_type":"markdown","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"],"metadata":{"id":"SIpvMCmX9QhE"}},{"cell_type":"markdown","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"],"metadata":{"id":"t49RpOJo9QhE"}},{"cell_type":"code","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"],"metadata":{"id":"u-pKwWRg9QhE"},"execution_count":null,"outputs":[]},{"cell_type":"markdown","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"],"metadata":{"id":"Sx4_IhIX9QhE"}},{"cell_type":"code","source":["# find coordinate of the closet coastline\n","# e.g.,: Lat: 28.56367  Lon: -80.57163\n","# distance_coastline = calculate_distance(launch_site_lat, launch_site_lon, coastline_lat, coastline_lon)\n","launch_site_lat = 28.563197\n","launch_site_lon = -80.576820\n","coastline_lat = 28.56334\n","coastline_lon = -80.56799\n","distance_coastline = calculate_distance(launch_site_lat, launch_site_lon, coastline_lat, coastline_lon)\n","print(distance_coastline,' km')"],"metadata":{"colab":{"base_uri":"https://localhost:8080/"},"id":"CU8_SJHK9QhF","executionInfo":{"status":"ok","timestamp":1674386107575,"user_tz":-540,"elapsed":307,"user":{"displayName":"Bohdan Karpinskyy","userId":"07042978566106991406"}},"outputId":"29e7a1f4-adb1-456d-8e3e-0c53de37cee1"},"execution_count":null,"outputs":[{"output_type":"stream","name":"stdout","text":["0.8627671182499878  km\n"]}]},{"cell_type":"code","source":["# Create and add a folium.Marker on your selected closest coastline point on the map\n","# Display the distance between coastline point and launch site using the icon property \n","# for example\n","# distance_marker = folium.Marker(\n","#    coordinate,\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>' % \"{:10.2f} KM\".format(distance),\n","#        )\n","#    )\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='<div style=\"font-size: 12; color:#d35400;\"><b>%s</b></div>' % \"{:10.2f} KM\".format(distance_coastline),\n","       )\n","   )\n","site_map.add_child(distance_marker)"],"metadata":{"colab":{"base_uri":"https://localhost:8080/","height":866},"id":"4k6eU-xJ9QhF","executionInfo":{"status":"ok","timestamp":1674386129133,"user_tz":-540,"elapsed":468,"user":{"displayName":"Bohdan Karpinskyy","userId":"07042978566106991406"}},"outputId":"e89fe1f2-093f-4a24-dbfa-7bb820831d83"},"execution_count":null,"outputs":[{"output_type":"execute_result","data":{"text/plain":["<folium.folium.Map at 0x7f6eae61d2e0>"],"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.6.0/dist/leaflet.js&quot;&gt;&lt;/script&gt;\n","    &lt;script src=&quot;https://code.jquery.com/jquery-1.12.4.min.js&quot;&gt;&lt;/script&gt;\n","    &lt;script src=&quot;https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.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.6.0/dist/leaflet.css&quot;/&gt;\n","    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css&quot;/&gt;\n","    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css&quot;/&gt;\n","    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.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_e4005fbe328c93131fc47d51740421e8 {\n","                    position: relative;\n","                    width: 100.0%;\n","                    height: 100.0%;\n","                    left: 0.0%;\n","                    top: 0.0%;\n","                }\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_e4005fbe328c93131fc47d51740421e8&quot; &gt;&lt;/div&gt;\n","        \n","&lt;/body&gt;\n","&lt;script&gt;\n","    \n","    \n","            var map_e4005fbe328c93131fc47d51740421e8 = L.map(\n","                &quot;map_e4005fbe328c93131fc47d51740421e8&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_87f20eafbc358ddffd3a6ea32caff9be = L.tileLayer(\n","                &quot;https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png&quot;,\n","                {&quot;attribution&quot;: &quot;Data by \\u0026copy; \\u003ca href=\\&quot;http://openstreetmap.org\\&quot;\\u003eOpenStreetMap\\u003c/a\\u003e, under \\u003ca href=\\&quot;http://www.openstreetmap.org/copyright\\&quot;\\u003eODbL\\u003c/a\\u003e.&quot;, &quot;detectRetina&quot;: false, &quot;maxNativeZoom&quot;: 18, &quot;maxZoom&quot;: 18, &quot;minZoom&quot;: 0, &quot;noWrap&quot;: false, &quot;opacity&quot;: 1, &quot;subdomains&quot;: &quot;abc&quot;, &quot;tms&quot;: false}\n","            ).addTo(map_e4005fbe328c93131fc47d51740421e8);\n","        \n","    \n","            var marker_cluster_3c341253e91005186be1cffd92fc2d59 = L.markerClusterGroup(\n","                {}\n","            );\n","            map_e4005fbe328c93131fc47d51740421e8.addLayer(marker_cluster_3c341253e91005186be1cffd92fc2d59);\n","        \n","    \n","            var marker_d3c90c95c7c4210e5381b2669e905fa7 = L.marker(\n","                [29.559684888503615, -95.0830971930759],\n","                {}\n","            ).addTo(marker_cluster_3c341253e91005186be1cffd92fc2d59);\n","        \n","    \n","            var div_icon_9690538a1a2fb7a695eac10da5d603f3 = 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_d3c90c95c7c4210e5381b2669e905fa7.setIcon(div_icon_9690538a1a2fb7a695eac10da5d603f3);\n","        \n","    \n","            var mouse_position_93eb09ebbf2605b3b0f53195f344effc = 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_93eb09ebbf2605b3b0f53195f344effc.options[&quot;latFormatter&quot;] =\n","                function(num) {return L.Util.formatNum(num, 5);};;\n","            mouse_position_93eb09ebbf2605b3b0f53195f344effc.options[&quot;lngFormatter&quot;] =\n","                function(num) {return L.Util.formatNum(num, 5);};;\n","            map_e4005fbe328c93131fc47d51740421e8.addControl(mouse_position_93eb09ebbf2605b3b0f53195f344effc);\n","        \n","    \n","            var marker_c63e22515d4242933b2dfc53ae2a10f6 = L.marker(\n","                [28.56334, -80.56799],\n","                {}\n","            ).addTo(map_e4005fbe328c93131fc47d51740421e8);\n","        \n","    \n","            var div_icon_5ba660c1ae4716159b181c09a64053a6 = L.divIcon({&quot;className&quot;: &quot;empty&quot;, &quot;html&quot;: &quot;\\u003cdiv style=\\&quot;font-size: 12; color:#d35400;\\&quot;\\u003e\\u003cb\\u003e      0.86 KM\\u003c/b\\u003e\\u003c/div\\u003e&quot;, &quot;iconAnchor&quot;: [0, 0], &quot;iconSize&quot;: [20, 20]});\n","            marker_c63e22515d4242933b2dfc53ae2a10f6.setIcon(div_icon_5ba660c1ae4716159b181c09a64053a6);\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>"]},"metadata":{},"execution_count":26}]},{"cell_type":"markdown","source":["*TODO:* Draw a `PolyLine` between a launch site to the selected coastline point\n"],"metadata":{"id":"sJk8ed5x9QhF"}},{"cell_type":"code","source":["# Create a `folium.PolyLine` object using the coastline coordinates and launch site coordinate\n","# lines=folium.PolyLine(locations=coordinates, weight=1)\n","coordinates = [[launch_site_lat,launch_site_lon],[coastline_lat,coastline_lon]]\n","lines=folium.PolyLine(locations=coordinates, weight=1)\n","site_map.add_child(lines)"],"metadata":{"colab":{"base_uri":"https://localhost:8080/","height":866},"id":"FXXC7zYT9QhF","executionInfo":{"status":"ok","timestamp":1674386160952,"user_tz":-540,"elapsed":308,"user":{"displayName":"Bohdan Karpinskyy","userId":"07042978566106991406"}},"outputId":"e7571036-bb1b-46bb-ed48-15ab1ae3cdc8"},"execution_count":null,"outputs":[{"output_type":"execute_result","data":{"text/plain":["<folium.folium.Map at 0x7f6eae61d2e0>"],"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.6.0/dist/leaflet.js&quot;&gt;&lt;/script&gt;\n","    &lt;script src=&quot;https://code.jquery.com/jquery-1.12.4.min.js&quot;&gt;&lt;/script&gt;\n","    &lt;script src=&quot;https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.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.6.0/dist/leaflet.css&quot;/&gt;\n","    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css&quot;/&gt;\n","    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css&quot;/&gt;\n","    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.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_e4005fbe328c93131fc47d51740421e8 {\n","                    position: relative;\n","                    width: 100.0%;\n","                    height: 100.0%;\n","                    left: 0.0%;\n","                    top: 0.0%;\n","                }\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_e4005fbe328c93131fc47d51740421e8&quot; &gt;&lt;/div&gt;\n","        \n","&lt;/body&gt;\n","&lt;script&gt;\n","    \n","    \n","            var map_e4005fbe328c93131fc47d51740421e8 = L.map(\n","                &quot;map_e4005fbe328c93131fc47d51740421e8&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_87f20eafbc358ddffd3a6ea32caff9be = L.tileLayer(\n","                &quot;https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png&quot;,\n","                {&quot;attribution&quot;: &quot;Data by \\u0026copy; \\u003ca href=\\&quot;http://openstreetmap.org\\&quot;\\u003eOpenStreetMap\\u003c/a\\u003e, under \\u003ca href=\\&quot;http://www.openstreetmap.org/copyright\\&quot;\\u003eODbL\\u003c/a\\u003e.&quot;, &quot;detectRetina&quot;: false, &quot;maxNativeZoom&quot;: 18, &quot;maxZoom&quot;: 18, &quot;minZoom&quot;: 0, &quot;noWrap&quot;: false, &quot;opacity&quot;: 1, &quot;subdomains&quot;: &quot;abc&quot;, &quot;tms&quot;: false}\n","            ).addTo(map_e4005fbe328c93131fc47d51740421e8);\n","        \n","    \n","            var marker_cluster_3c341253e91005186be1cffd92fc2d59 = L.markerClusterGroup(\n","                {}\n","            );\n","            map_e4005fbe328c93131fc47d51740421e8.addLayer(marker_cluster_3c341253e91005186be1cffd92fc2d59);\n","        \n","    \n","            var marker_d3c90c95c7c4210e5381b2669e905fa7 = L.marker(\n","                [29.559684888503615, -95.0830971930759],\n","                {}\n","            ).addTo(marker_cluster_3c341253e91005186be1cffd92fc2d59);\n","        \n","    \n","            var div_icon_9690538a1a2fb7a695eac10da5d603f3 = 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_d3c90c95c7c4210e5381b2669e905fa7.setIcon(div_icon_9690538a1a2fb7a695eac10da5d603f3);\n","        \n","    \n","            var mouse_position_93eb09ebbf2605b3b0f53195f344effc = 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_93eb09ebbf2605b3b0f53195f344effc.options[&quot;latFormatter&quot;] =\n","                function(num) {return L.Util.formatNum(num, 5);};;\n","            mouse_position_93eb09ebbf2605b3b0f53195f344effc.options[&quot;lngFormatter&quot;] =\n","                function(num) {return L.Util.formatNum(num, 5);};;\n","            map_e4005fbe328c93131fc47d51740421e8.addControl(mouse_position_93eb09ebbf2605b3b0f53195f344effc);\n","        \n","    \n","            var marker_c63e22515d4242933b2dfc53ae2a10f6 = L.marker(\n","                [28.56334, -80.56799],\n","                {}\n","            ).addTo(map_e4005fbe328c93131fc47d51740421e8);\n","        \n","    \n","            var div_icon_5ba660c1ae4716159b181c09a64053a6 = L.divIcon({&quot;className&quot;: &quot;empty&quot;, &quot;html&quot;: &quot;\\u003cdiv style=\\&quot;font-size: 12; color:#d35400;\\&quot;\\u003e\\u003cb\\u003e      0.86 KM\\u003c/b\\u003e\\u003c/div\\u003e&quot;, &quot;iconAnchor&quot;: [0, 0], &quot;iconSize&quot;: [20, 20]});\n","            marker_c63e22515d4242933b2dfc53ae2a10f6.setIcon(div_icon_5ba660c1ae4716159b181c09a64053a6);\n","        \n","    \n","            var poly_line_0ea762ca068507edfcd4ca932ad599b6 = L.polyline(\n","                [[28.563197, -80.57682], [28.56334, -80.56799]],\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;: 1}\n","            ).addTo(map_e4005fbe328c93131fc47d51740421e8);\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>"]},"metadata":{},"execution_count":28}]},{"cell_type":"markdown","source":["Your updated map with distance line should look like the following screenshot:\n"],"metadata":{"id":"HY-biWxu9QhF"}},{"cell_type":"markdown","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"],"metadata":{"id":"7xt0_pVj9QhG"}},{"cell_type":"markdown","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"],"metadata":{"id":"dp8eRxDh9QhG"}},{"cell_type":"markdown","source":["A railway map symbol may look like this:\n"],"metadata":{"id":"hWuf-4wn9QhG"}},{"cell_type":"markdown","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"],"metadata":{"id":"rSGXBo6q9QhN"}},{"cell_type":"markdown","source":["A highway map symbol may look like this:\n"],"metadata":{"id":"lNB7u1Kg9QhN"}},{"cell_type":"markdown","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"],"metadata":{"id":"C04jnrX69QhN"}},{"cell_type":"markdown","source":["A city map symbol may look like this:\n"],"metadata":{"id":"HGpp0DoC9QhN"}},{"cell_type":"markdown","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"],"metadata":{"id":"V3N-FPHX9QhN"}},{"cell_type":"code","source":["# Create a marker with distance to a closest city, railway, highway, etc.\n","# Draw a line between the marker to the launch site\n","closest_highway = 28.56335, -80.57085\n","closest_railroad = 28.57206, -80.58525\n","closest_city = 28.10473, -80.64531"],"metadata":{"id":"UpTs7BKK9QhN"},"execution_count":null,"outputs":[]},{"cell_type":"code","source":["distance_highway = calculate_distance(launch_site_lat, launch_site_lon, closest_highway[0], closest_highway[1])\n","print('distance_highway =',distance_highway, ' km')\n","distance_railroad = calculate_distance(launch_site_lat, launch_site_lon, closest_railroad[0], closest_railroad[1])\n","print('distance_railroad =',distance_railroad, ' km')\n","distance_city = calculate_distance(launch_site_lat, launch_site_lon, closest_city[0], closest_city[1])\n","print('distance_city =',distance_city, ' km')"],"metadata":{"colab":{"base_uri":"https://localhost:8080/"},"id":"6HO8Bx8-9QhO","executionInfo":{"status":"ok","timestamp":1674386196460,"user_tz":-540,"elapsed":5,"user":{"displayName":"Bohdan Karpinskyy","userId":"07042978566106991406"}},"outputId":"24cb69d3-79d8-492a-b503-f6be65df39a0"},"execution_count":null,"outputs":[{"output_type":"stream","name":"stdout","text":["distance_highway = 0.5834695366934144  km\n","distance_railroad = 1.2845344718142522  km\n","distance_city = 51.43416999517233  km\n"]}]},{"cell_type":"code","source":["# closest highway marker\n","distance_marker = folium.Marker(\n","   closest_highway,\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>' % \"{:10.2f} KM\".format(distance_highway),\n","       )\n","   )\n","site_map.add_child(distance_marker)\n","# closest highway line\n","coordinates = [[launch_site_lat,launch_site_lon],closest_highway]\n","lines=folium.PolyLine(locations=coordinates, weight=1)\n","site_map.add_child(lines)\n","\n","# closest railroad marker\n","distance_marker = folium.Marker(\n","   closest_railroad,\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>' % \"{:10.2f} KM\".format(distance_railroad),\n","       )\n","   )\n","site_map.add_child(distance_marker)\n","# closest railroad line\n","coordinates = [[launch_site_lat,launch_site_lon],closest_railroad]\n","lines=folium.PolyLine(locations=coordinates, weight=1)\n","site_map.add_child(lines)\n","\n","# closest city marker\n","distance_marker = folium.Marker(\n","   closest_city,\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>' % \"{:10.2f} KM\".format(distance_city),\n","       )\n","   )\n","site_map.add_child(distance_marker)\n","# closest city line\n","coordinates = [[launch_site_lat,launch_site_lon],closest_city]\n","lines=folium.PolyLine(locations=coordinates, weight=1)\n","site_map.add_child(lines)"],"metadata":{"colab":{"base_uri":"https://localhost:8080/","height":866},"id":"5VSU4sge9QhO","executionInfo":{"status":"ok","timestamp":1674386265524,"user_tz":-540,"elapsed":300,"user":{"displayName":"Bohdan Karpinskyy","userId":"07042978566106991406"}},"outputId":"80fd0442-1a05-4074-d26b-80bb18b21247"},"execution_count":null,"outputs":[{"output_type":"execute_result","data":{"text/plain":["<folium.folium.Map at 0x7f6eae61d2e0>"],"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.6.0/dist/leaflet.js&quot;&gt;&lt;/script&gt;\n","    &lt;script src=&quot;https://code.jquery.com/jquery-1.12.4.min.js&quot;&gt;&lt;/script&gt;\n","    &lt;script src=&quot;https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.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.6.0/dist/leaflet.css&quot;/&gt;\n","    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css&quot;/&gt;\n","    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css&quot;/&gt;\n","    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://maxcdn.bootstrapcdn.com/font-awesome/4.6.3/css/font-awesome.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_e4005fbe328c93131fc47d51740421e8 {\n","                    position: relative;\n","                    width: 100.0%;\n","                    height: 100.0%;\n","                    left: 0.0%;\n","                    top: 0.0%;\n","                }\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_e4005fbe328c93131fc47d51740421e8&quot; &gt;&lt;/div&gt;\n","        \n","&lt;/body&gt;\n","&lt;script&gt;\n","    \n","    \n","            var map_e4005fbe328c93131fc47d51740421e8 = L.map(\n","                &quot;map_e4005fbe328c93131fc47d51740421e8&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_87f20eafbc358ddffd3a6ea32caff9be = L.tileLayer(\n","                &quot;https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png&quot;,\n","                {&quot;attribution&quot;: &quot;Data by \\u0026copy; \\u003ca href=\\&quot;http://openstreetmap.org\\&quot;\\u003eOpenStreetMap\\u003c/a\\u003e, under \\u003ca href=\\&quot;http://www.openstreetmap.org/copyright\\&quot;\\u003eODbL\\u003c/a\\u003e.&quot;, &quot;detectRetina&quot;: false, &quot;maxNativeZoom&quot;: 18, &quot;maxZoom&quot;: 18, &quot;minZoom&quot;: 0, &quot;noWrap&quot;: false, &quot;opacity&quot;: 1, &quot;subdomains&quot;: &quot;abc&quot;, &quot;tms&quot;: false}\n","            ).addTo(map_e4005fbe328c93131fc47d51740421e8);\n","        \n","    \n","            var marker_cluster_3c341253e91005186be1cffd92fc2d59 = L.markerClusterGroup(\n","                {}\n","            );\n","            map_e4005fbe328c93131fc47d51740421e8.addLayer(marker_cluster_3c341253e91005186be1cffd92fc2d59);\n","        \n","    \n","            var marker_d3c90c95c7c4210e5381b2669e905fa7 = L.marker(\n","                [29.559684888503615, -95.0830971930759],\n","                {}\n","            ).addTo(marker_cluster_3c341253e91005186be1cffd92fc2d59);\n","        \n","    \n","            var div_icon_9690538a1a2fb7a695eac10da5d603f3 = 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_d3c90c95c7c4210e5381b2669e905fa7.setIcon(div_icon_9690538a1a2fb7a695eac10da5d603f3);\n","        \n","    \n","            var mouse_position_93eb09ebbf2605b3b0f53195f344effc = 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_93eb09ebbf2605b3b0f53195f344effc.options[&quot;latFormatter&quot;] =\n","                function(num) {return L.Util.formatNum(num, 5);};;\n","            mouse_position_93eb09ebbf2605b3b0f53195f344effc.options[&quot;lngFormatter&quot;] =\n","                function(num) {return L.Util.formatNum(num, 5);};;\n","            map_e4005fbe328c93131fc47d51740421e8.addControl(mouse_position_93eb09ebbf2605b3b0f53195f344effc);\n","        \n","    \n","            var marker_c63e22515d4242933b2dfc53ae2a10f6 = L.marker(\n","                [28.56334, -80.56799],\n","                {}\n","            ).addTo(map_e4005fbe328c93131fc47d51740421e8);\n","        \n","    \n","            var div_icon_5ba660c1ae4716159b181c09a64053a6 = L.divIcon({&quot;className&quot;: &quot;empty&quot;, &quot;html&quot;: &quot;\\u003cdiv style=\\&quot;font-size: 12; color:#d35400;\\&quot;\\u003e\\u003cb\\u003e      0.86 KM\\u003c/b\\u003e\\u003c/div\\u003e&quot;, &quot;iconAnchor&quot;: [0, 0], &quot;iconSize&quot;: [20, 20]});\n","            marker_c63e22515d4242933b2dfc53ae2a10f6.setIcon(div_icon_5ba660c1ae4716159b181c09a64053a6);\n","        \n","    \n","            var poly_line_0ea762ca068507edfcd4ca932ad599b6 = L.polyline(\n","                [[28.563197, -80.57682], [28.56334, -80.56799]],\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;: 1}\n","            ).addTo(map_e4005fbe328c93131fc47d51740421e8);\n","        \n","    \n","            var marker_91d6930a8c22b51af25f4044f0edde28 = L.marker(\n","                [28.56335, -80.57085],\n","                {}\n","            ).addTo(map_e4005fbe328c93131fc47d51740421e8);\n","        \n","    \n","            var div_icon_a140394048a31d418c8c9171445ec486 = L.divIcon({&quot;className&quot;: &quot;empty&quot;, &quot;html&quot;: &quot;\\u003cdiv style=\\&quot;font-size: 12; color:#d35400;\\&quot;\\u003e\\u003cb\\u003e      0.58 KM\\u003c/b\\u003e\\u003c/div\\u003e&quot;, &quot;iconAnchor&quot;: [0, 0], &quot;iconSize&quot;: [20, 20]});\n","            marker_91d6930a8c22b51af25f4044f0edde28.setIcon(div_icon_a140394048a31d418c8c9171445ec486);\n","        \n","    \n","            var poly_line_aa7df296f17c25c10b579814f5123a52 = L.polyline(\n","                [[28.563197, -80.57682], [28.56335, -80.57085]],\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;: 1}\n","            ).addTo(map_e4005fbe328c93131fc47d51740421e8);\n","        \n","    \n","            var marker_96d6fdecf69c237bdc18d7e1899cdcb5 = L.marker(\n","                [28.57206, -80.58525],\n","                {}\n","            ).addTo(map_e4005fbe328c93131fc47d51740421e8);\n","        \n","    \n","            var div_icon_a24ccf65a3b4a641c4cbaead0fb25579 = L.divIcon({&quot;className&quot;: &quot;empty&quot;, &quot;html&quot;: &quot;\\u003cdiv style=\\&quot;font-size: 12; color:#d35400;\\&quot;\\u003e\\u003cb\\u003e      1.28 KM\\u003c/b\\u003e\\u003c/div\\u003e&quot;, &quot;iconAnchor&quot;: [0, 0], &quot;iconSize&quot;: [20, 20]});\n","            marker_96d6fdecf69c237bdc18d7e1899cdcb5.setIcon(div_icon_a24ccf65a3b4a641c4cbaead0fb25579);\n","        \n","    \n","            var poly_line_eedc9faaceeb0819339f1b5fdbb61f56 = L.polyline(\n","                [[28.563197, -80.57682], [28.57206, -80.58525]],\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;: 1}\n","            ).addTo(map_e4005fbe328c93131fc47d51740421e8);\n","        \n","    \n","            var marker_c9cb6f864195ffaecf98b2d28e70e46c = L.marker(\n","                [28.10473, -80.64531],\n","                {}\n","            ).addTo(map_e4005fbe328c93131fc47d51740421e8);\n","        \n","    \n","            var div_icon_ea203fc381a9e5836a76a665adbedaa8 = L.divIcon({&quot;className&quot;: &quot;empty&quot;, &quot;html&quot;: &quot;\\u003cdiv style=\\&quot;font-size: 12; color:#d35400;\\&quot;\\u003e\\u003cb\\u003e     51.43 KM\\u003c/b\\u003e\\u003c/div\\u003e&quot;, &quot;iconAnchor&quot;: [0, 0], &quot;iconSize&quot;: [20, 20]});\n","            marker_c9cb6f864195ffaecf98b2d28e70e46c.setIcon(div_icon_ea203fc381a9e5836a76a665adbedaa8);\n","        \n","    \n","            var poly_line_2afe23ceab477dadd2fc0af32bfd91b1 = L.polyline(\n","                [[28.563197, -80.57682], [28.10473, -80.64531]],\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;: 1}\n","            ).addTo(map_e4005fbe328c93131fc47d51740421e8);\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>"]},"metadata":{},"execution_count":31}]},{"cell_type":"markdown","source":["After you plot distance lines to the proximities, you can answer the following questions easily:\n","\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"],"metadata":{"id":"whZEPpIL9QhO"}},{"cell_type":"markdown","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"],"metadata":{"id":"THs8M9OX9QhO"}},{"cell_type":"markdown","source":["## Authors\n"],"metadata":{"id":"uVVLzMtj9QhO"}},{"cell_type":"markdown","source":["[Pratiksha Verma](https://www.linkedin.com/in/pratiksha-verma-6487561b1/?utm_medium=Exinfluencer&utm_source=Exinfluencer&utm_content=000026UJ&utm_term=10006555&utm_id=NA-SkillsNetwork-Channel-SkillsNetworkCoursesIBMDS0321ENSkillsNetwork865-2022-01-01)\n"],"metadata":{"id":"inVFqw8b9QhO"}},{"cell_type":"markdown","source":["## Change Log\n"],"metadata":{"id":"ysCYj5xy9QhO"}},{"cell_type":"markdown","source":["| Date (YYYY-MM-DD) | Version | Changed By      | Change Description      |\n","| ----------------- | ------- | -------------   | ----------------------- |\n","| 2022-11-09        | 1.0     | Pratiksha Verma | Converted initial version to Jupyterlite|\n"],"metadata":{"id":"1A738Lei9QhO"}},{"cell_type":"markdown","source":["### <h3 align=\"center\"> IBM Corporation 2022. All rights reserved. <h3/>\n"],"metadata":{"id":"ab4_QMf89QhO"}}]}