CiudadPython.ipynb

{
  "cells": [
    {
      "cell_type": "code",
      "execution_count": null,
      "metadata": {
        "colab": {
          "base_uri": "https://localhost:8080/",
          "height": 1000
        },
        "id": "RnubId-FpPok",
        "outputId": "0920fafd-24eb-47a6-c4c8-fddf35cfe623"
      },
      "outputs": [
        {
          "name": "stdout",
          "output_type": "stream",
          "text": [
            "Looking in indexes: https://pypi.org/simple, https://us-python.pkg.dev/colab-wheels/public/simple/\n",
            "Requirement already satisfied: openrouteservice in /usr/local/lib/python3.10/dist-packages (2.3.3)\n",
            "Requirement already satisfied: folium in /usr/local/lib/python3.10/dist-packages (0.14.0)\n",
            "Requirement already satisfied: requests>=2.0 in /usr/local/lib/python3.10/dist-packages (from openrouteservice) (2.27.1)\n",
            "Requirement already satisfied: branca>=0.6.0 in /usr/local/lib/python3.10/dist-packages (from folium) (0.6.0)\n",
            "Requirement already satisfied: jinja2>=2.9 in /usr/local/lib/python3.10/dist-packages (from folium) (3.1.2)\n",
            "Requirement already satisfied: numpy in /usr/local/lib/python3.10/dist-packages (from folium) (1.22.4)\n",
            "Requirement already satisfied: MarkupSafe>=2.0 in /usr/local/lib/python3.10/dist-packages (from jinja2>=2.9->folium) (2.1.2)\n",
            "Requirement already satisfied: urllib3<1.27,>=1.21.1 in /usr/local/lib/python3.10/dist-packages (from requests>=2.0->openrouteservice) (1.26.15)\n",
            "Requirement already satisfied: certifi>=2017.4.17 in /usr/local/lib/python3.10/dist-packages (from requests>=2.0->openrouteservice) (2022.12.7)\n",
            "Requirement already satisfied: charset-normalizer~=2.0.0 in /usr/local/lib/python3.10/dist-packages (from requests>=2.0->openrouteservice) (2.0.12)\n",
            "Requirement already satisfied: idna<4,>=2.5 in /usr/local/lib/python3.10/dist-packages (from requests>=2.0->openrouteservice) (3.4)\n"
          ]
        },
        {
          "data": {
            "text/html": [
              "<div style=\"width:100%;\"><div style=\"position:relative;width:100%;height:0;padding-bottom:60%;\"><span style=\"color:#565656\">Make this Notebook Trusted to load map: File -> Trust Notebook</span><iframe srcdoc=\"&lt;!DOCTYPE html&gt;\n",
              "&lt;html&gt;\n",
              "&lt;head&gt;\n",
              "    \n",
              "    &lt;meta http-equiv=&quot;content-type&quot; content=&quot;text/html; charset=UTF-8&quot; /&gt;\n",
              "    \n",
              "        &lt;script&gt;\n",
              "            L_NO_TOUCH = false;\n",
              "            L_DISABLE_3D = false;\n",
              "        &lt;/script&gt;\n",
              "    \n",
              "    &lt;style&gt;html, body {width: 100%;height: 100%;margin: 0;padding: 0;}&lt;/style&gt;\n",
              "    &lt;style&gt;#map {position:absolute;top:0;bottom:0;right:0;left:0;}&lt;/style&gt;\n",
              "    &lt;script src=&quot;https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.js&quot;&gt;&lt;/script&gt;\n",
              "    &lt;script src=&quot;https://code.jquery.com/jquery-1.12.4.min.js&quot;&gt;&lt;/script&gt;\n",
              "    &lt;script src=&quot;https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js&quot;&gt;&lt;/script&gt;\n",
              "    &lt;script src=&quot;https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.js&quot;&gt;&lt;/script&gt;\n",
              "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/npm/leaflet@1.9.3/dist/leaflet.css&quot;/&gt;\n",
              "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/css/bootstrap.min.css&quot;/&gt;\n",
              "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css&quot;/&gt;\n",
              "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/npm/@fortawesome/fontawesome-free@6.2.0/css/all.min.css&quot;/&gt;\n",
              "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdnjs.cloudflare.com/ajax/libs/Leaflet.awesome-markers/2.0.2/leaflet.awesome-markers.css&quot;/&gt;\n",
              "    &lt;link rel=&quot;stylesheet&quot; href=&quot;https://cdn.jsdelivr.net/gh/python-visualization/folium/folium/templates/leaflet.awesome.rotate.min.css&quot;/&gt;\n",
              "    \n",
              "            &lt;meta name=&quot;viewport&quot; content=&quot;width=device-width,\n",
              "                initial-scale=1.0, maximum-scale=1.0, user-scalable=no&quot; /&gt;\n",
              "            &lt;style&gt;\n",
              "                #map_a2cfd1e66b4e51016d8e45a6760ffddc {\n",
              "                    position: relative;\n",
              "                    width: 100.0%;\n",
              "                    height: 100.0%;\n",
              "                    left: 0.0%;\n",
              "                    top: 0.0%;\n",
              "                }\n",
              "                .leaflet-container { font-size: 1rem; }\n",
              "            &lt;/style&gt;\n",
              "        \n",
              "&lt;/head&gt;\n",
              "&lt;body&gt;\n",
              "    \n",
              "    \n",
              "            &lt;div class=&quot;folium-map&quot; id=&quot;map_a2cfd1e66b4e51016d8e45a6760ffddc&quot; &gt;&lt;/div&gt;\n",
              "        \n",
              "&lt;/body&gt;\n",
              "&lt;script&gt;\n",
              "    \n",
              "    \n",
              "            var map_a2cfd1e66b4e51016d8e45a6760ffddc = L.map(\n",
              "                &quot;map_a2cfd1e66b4e51016d8e45a6760ffddc&quot;,\n",
              "                {\n",
              "                    center: [9.022100303741224, -79.53200963246745],\n",
              "                    crs: L.CRS.EPSG3857,\n",
              "                    zoom: 13,\n",
              "                    zoomControl: true,\n",
              "                    preferCanvas: false,\n",
              "                }\n",
              "            );\n",
              "            L.control.scale().addTo(map_a2cfd1e66b4e51016d8e45a6760ffddc);\n",
              "\n",
              "            \n",
              "\n",
              "        \n",
              "    \n",
              "            var tile_layer_2a28c94112be3653d031cdd344679adb = L.tileLayer(\n",
              "                &quot;https://cartodb-basemaps-{s}.global.ssl.fastly.net/light_all/{z}/{x}/{y}.png&quot;,\n",
              "                {&quot;attribution&quot;: &quot;\\u0026copy; \\u003ca target=\\&quot;_blank\\&quot; href=\\&quot;http://www.openstreetmap.org/copyright\\&quot;\\u003eOpenStreetMap\\u003c/a\\u003e contributors \\u0026copy; \\u003ca target=\\&quot;_blank\\&quot; href=\\&quot;http://cartodb.com/attributions\\&quot;\\u003eCartoDB\\u003c/a\\u003e, CartoDB \\u003ca target=\\&quot;_blank\\&quot; href =\\&quot;http://cartodb.com/attributions\\&quot;\\u003eattributions\\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_a2cfd1e66b4e51016d8e45a6760ffddc);\n",
              "        \n",
              "    \n",
              "\n",
              "        function geo_json_eaa2f92fa812d6eed6ec1477b95e04ee_onEachFeature(feature, layer) {\n",
              "            layer.on({\n",
              "            });\n",
              "        };\n",
              "        var geo_json_eaa2f92fa812d6eed6ec1477b95e04ee = L.geoJson(null, {\n",
              "                onEachFeature: geo_json_eaa2f92fa812d6eed6ec1477b95e04ee_onEachFeature,\n",
              "            \n",
              "        });\n",
              "\n",
              "        function geo_json_eaa2f92fa812d6eed6ec1477b95e04ee_add (data) {\n",
              "            geo_json_eaa2f92fa812d6eed6ec1477b95e04ee\n",
              "                .addData(data)\n",
              "                .addTo(map_a2cfd1e66b4e51016d8e45a6760ffddc);\n",
              "        }\n",
              "            geo_json_eaa2f92fa812d6eed6ec1477b95e04ee_add({&quot;coordinates&quot;: [[-79.53173, 9.02208], [-79.53152, 9.02224], [-79.5315, 9.02229], [-79.53151, 9.02232], [-79.53176, 9.02265], [-79.5318, 9.02269], [-79.53149, 9.02294], [-79.53133, 9.02312], [-79.53119, 9.0233], [-79.53005, 9.02504], [-79.53, 9.0251], [-79.52997, 9.0251], [-79.52993, 9.0251], [-79.52986, 9.02515], [-79.52984, 9.02519], [-79.52983, 9.02529], [-79.52984, 9.02533], [-79.52979, 9.0254], [-79.52968, 9.02562], [-79.52952, 9.02609], [-79.52947, 9.02616], [-79.52939, 9.02623], [-79.52927, 9.0263], [-79.52919, 9.0262], [-79.52831, 9.025], [-79.52818, 9.02483], [-79.52771, 9.02418], [-79.52756, 9.02381], [-79.52752, 9.02362], [-79.52754, 9.02352], [-79.52762, 9.02335], [-79.52764, 9.02329], [-79.52764, 9.02319], [-79.52759, 9.02295], [-79.5276, 9.02283], [-79.52776, 9.02256], [-79.52784, 9.02239], [-79.52819, 9.02205], [-79.52879, 9.02157], [-79.52955, 9.02113], [-79.5297, 9.02105], [-79.52975, 9.02102], [-79.52992, 9.02093], [-79.53011, 9.02084], [-79.53032, 9.02073], [-79.53057, 9.02061], [-79.53092, 9.02043], [-79.53127, 9.02026], [-79.53238, 9.01971], [-79.53286, 9.01946], [-79.53334, 9.01923], [-79.53359, 9.01911], [-79.53368, 9.01906], [-79.53397, 9.01891], [-79.53428, 9.01872], [-79.53456, 9.01848], [-79.53481, 9.01819], [-79.53484, 9.01816], [-79.5351, 9.01773], [-79.53526, 9.01733], [-79.53532, 9.01694], [-79.53536, 9.01644], [-79.53535, 9.01625], [-79.53531, 9.01594], [-79.53528, 9.01568], [-79.53521, 9.01518], [-79.53501, 9.01336], [-79.53479, 9.01155], [-79.53472, 9.01121], [-79.53456, 9.01049], [-79.53422, 9.00908], [-79.53383, 9.00755], [-79.53379, 9.00736], [-79.53378, 9.00727], [-79.534, 9.00723], [-79.53427, 9.00717], [-79.53492, 9.00706], [-79.53579, 9.0069], [-79.53613, 9.00683], [-79.53625, 9.00681], [-79.5365, 9.00676], [-79.53662, 9.00675], [-79.53721, 9.0068], [-79.53731, 9.00679], [-79.53735, 9.00679], [-79.53831, 9.00658], [-79.53869, 9.00649], [-79.53903, 9.00641], [-79.53928, 9.00635], [-79.53971, 9.00625], [-79.54032, 9.00611], [-79.54035, 9.0061], [-79.54099, 9.00595], [-79.54109, 9.00593], [-79.54194, 9.00573], [-79.54208, 9.00568], [-79.54222, 9.00562], [-79.5423, 9.00543], [-79.54233, 9.00531], [-79.54234, 9.00521], [-79.54233, 9.00507], [-79.54232, 9.00503], [-79.54231, 9.00498], [-79.5423, 9.00492], [-79.54228, 9.00483], [-79.54223, 9.00475], [-79.5421, 9.00464], [-79.54199, 9.00459], [-79.54167, 9.00453], [-79.54158, 9.0045], [-79.54152, 9.00445], [-79.54144, 9.00428], [-79.54142, 9.00407], [-79.54155, 9.00315], [-79.54203, 8.99973], [-79.54207, 8.99923], [-79.54206, 8.99888], [-79.54199, 8.99808], [-79.54174, 8.99647], [-79.54164, 8.99603], [-79.54154, 8.99565], [-79.54119, 8.99462], [-79.54027, 8.99235], [-79.54019, 8.99211], [-79.54007, 8.99177], [-79.53999, 8.99136], [-79.53998, 8.99101], [-79.53995, 8.99063], [-79.53999, 8.99021], [-79.5403, 8.98859], [-79.54035, 8.98812], [-79.54036, 8.98776], [-79.54035, 8.98745], [-79.54014, 8.98628], [-79.53996, 8.98507], [-79.53994, 8.98471], [-79.53995, 8.98436], [-79.53999, 8.98406], [-79.54001, 8.98383], [-79.54005, 8.98334], [-79.54014, 8.983], [-79.54028, 8.98255], [-79.54045, 8.98215], [-79.54064, 8.98178], [-79.5409, 8.98138], [-79.54119, 8.981], [-79.5414, 8.98079], [-79.54151, 8.98068], [-79.54177, 8.98043], [-79.54246, 8.97993], [-79.5425, 8.97991], [-79.54254, 8.97988], [-79.54274, 8.97975], [-79.54308, 8.97957], [-79.54366, 8.97931], [-79.54414, 8.97911], [-79.54442, 8.97899], [-79.54541, 8.97855], [-79.54595, 8.97829], [-79.54655, 8.97798], [-79.54707, 8.97768], [-79.54786, 8.97713], [-79.5482, 8.97682], [-79.54864, 8.97635], [-79.54907, 8.97576], [-79.54944, 8.97516], [-79.54961, 8.9748], [-79.54977, 8.97445], [-79.55022, 8.97328], [-79.55086, 8.97159], [-79.55128, 8.97058], [-79.55146, 8.97023], [-79.55183, 8.96963], [-79.55222, 8.96915], [-79.55271, 8.96861], [-79.55313, 8.96816], [-79.55321, 8.96815], [-79.55329, 8.96816], [-79.55334, 8.9682], [-79.55346, 8.96833], [-79.5525, 8.96946], [-79.55212, 8.96993], [-79.55181, 8.97042], [-79.55167, 8.97068], [-79.55182, 8.97077], [-79.55188, 8.97081], [-79.55191, 8.97088], [-79.55186, 8.97121], [-79.55209, 8.97165], [-79.55209, 8.97167]], &quot;type&quot;: &quot;LineString&quot;});\n",
              "\n",
              "        \n",
              "    \n",
              "        var popup_86edfeaa0d22ec36a0ac38cc87c6df5a = L.popup({&quot;maxWidth&quot;: 300});\n",
              "\n",
              "        \n",
              "            \n",
              "                var html_61561b13d965484d0abc36c1d195d42c = $(`&lt;div id=&quot;html_61561b13d965484d0abc36c1d195d42c&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;&lt;h1&gt;Distancia: 9.6 Kilometros - Duracion: 11.4 Minutos&lt;/h1&gt;&lt;/div&gt;`)[0];\n",
              "                popup_86edfeaa0d22ec36a0ac38cc87c6df5a.setContent(html_61561b13d965484d0abc36c1d195d42c);\n",
              "            \n",
              "        \n",
              "\n",
              "        geo_json_eaa2f92fa812d6eed6ec1477b95e04ee.bindPopup(popup_86edfeaa0d22ec36a0ac38cc87c6df5a)\n",
              "        ;\n",
              "\n",
              "        \n",
              "    \n",
              "    \n",
              "            var marker_d83022e88a3b61b93a7c00087a19b469 = L.marker(\n",
              "                [9.022100303741224, -79.53200963246745],\n",
              "                {}\n",
              "            ).addTo(map_a2cfd1e66b4e51016d8e45a6760ffddc);\n",
              "        \n",
              "    \n",
              "            var icon_5f1e7e74d2f8c5b4551dbbe8c9a5cc88 = L.AwesomeMarkers.icon(\n",
              "                {&quot;extraClasses&quot;: &quot;fa-rotate-0&quot;, &quot;icon&quot;: &quot;info-sign&quot;, &quot;iconColor&quot;: &quot;white&quot;, &quot;markerColor&quot;: &quot;green&quot;, &quot;prefix&quot;: &quot;glyphicon&quot;}\n",
              "            );\n",
              "            marker_d83022e88a3b61b93a7c00087a19b469.setIcon(icon_5f1e7e74d2f8c5b4551dbbe8c9a5cc88);\n",
              "        \n",
              "    \n",
              "        var popup_dff76f90152a5494304771908cc5a588 = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
              "\n",
              "        \n",
              "            \n",
              "                var html_080f6a7c4c5f80d94f99e2a6aa3a9ab4 = $(`&lt;div id=&quot;html_080f6a7c4c5f80d94f99e2a6aa3a9ab4&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;&lt;h1&gt;UTP&lt;/h1&gt;&lt;/div&gt;`)[0];\n",
              "                popup_dff76f90152a5494304771908cc5a588.setContent(html_080f6a7c4c5f80d94f99e2a6aa3a9ab4);\n",
              "            \n",
              "        \n",
              "\n",
              "        marker_d83022e88a3b61b93a7c00087a19b469.bindPopup(popup_dff76f90152a5494304771908cc5a588)\n",
              "        ;\n",
              "\n",
              "        \n",
              "    \n",
              "    \n",
              "            var marker_50de25d44bec36c59e8553671cc7198b = L.marker(\n",
              "                [8.971513053167264, -79.55273002290262],\n",
              "                {}\n",
              "            ).addTo(map_a2cfd1e66b4e51016d8e45a6760ffddc);\n",
              "        \n",
              "    \n",
              "            var icon_86b1bd3d28e503332c9008cae8e2e3d7 = L.AwesomeMarkers.icon(\n",
              "                {&quot;extraClasses&quot;: &quot;fa-rotate-0&quot;, &quot;icon&quot;: &quot;info-sign&quot;, &quot;iconColor&quot;: &quot;white&quot;, &quot;markerColor&quot;: &quot;red&quot;, &quot;prefix&quot;: &quot;glyphicon&quot;}\n",
              "            );\n",
              "            marker_50de25d44bec36c59e8553671cc7198b.setIcon(icon_86b1bd3d28e503332c9008cae8e2e3d7);\n",
              "        \n",
              "    \n",
              "        var popup_edadc99743999a31dee17bab3c7b7dca = L.popup({&quot;maxWidth&quot;: &quot;100%&quot;});\n",
              "\n",
              "        \n",
              "            \n",
              "                var html_8526b269c26587016a2f949be5d4f961 = $(`&lt;div id=&quot;html_8526b269c26587016a2f949be5d4f961&quot; style=&quot;width: 100.0%; height: 100.0%;&quot;&gt;&lt;h1&gt;Teminal de Albrook&lt;/h1&gt;&lt;/div&gt;`)[0];\n",
              "                popup_edadc99743999a31dee17bab3c7b7dca.setContent(html_8526b269c26587016a2f949be5d4f961);\n",
              "            \n",
              "        \n",
              "\n",
              "        marker_50de25d44bec36c59e8553671cc7198b.bindPopup(popup_edadc99743999a31dee17bab3c7b7dca)\n",
              "        ;\n",
              "\n",
              "        \n",
              "    \n",
              "&lt;/script&gt;\n",
              "&lt;/html&gt;\" style=\"position:absolute;width:100%;height:100%;left:0;top:0;border:none !important;\" allowfullscreen webkitallowfullscreen mozallowfullscreen></iframe></div></div>"
            ],
            "text/plain": [
              "<folium.folium.Map at 0x7f76071ffa90>"
            ]
          },
          "execution_count": 37,
          "metadata": {},
          "output_type": "execute_result"
        }
      ],
      "source": [
        "%pip install openrouteservice folium\n",
        "\n",
        "from openrouteservice import convert\n",
        "import openrouteservice\n",
        "import folium\n",
        "import json\n",
        "\n",
        "client = openrouteservice.Client(key='5b3ce3597851110001cf62480f0b073e0b4f4a509451c6c945555492')\n",
        "\n",
        "Punto_A = {\n",
        "    \"nombre\": \"UTP\",\n",
        "    \"latitud\": 9.022100303741224,\n",
        "    \"longitud\": -79.53200963246745,\n",
        "}\n",
        "\n",
        "Punto_B = {\n",
        "    \"nombre\": \"Terminal de Albrook\",\n",
        "    \"latitud\": 8.971513053167264,\n",
        "    \"longitud\": -79.55273002290262,\n",
        "}\n",
        "\n",
        "coordenadas = (\n",
        "    [Punto_A[\"longitud\"], Punto_A[\"latitud\"]],\n",
        "    [Punto_B[\"longitud\"], Punto_B[\"latitud\"]]\n",
        ")\n",
        "\n",
        "def estilo(mensaje):\n",
        "  return f\"<h1>{mensaje}</h1>\"\n",
        "\n",
        "res = client.directions(coordenadas)\n",
        "geometry = client.directions(coordenadas)['routes'][0]['geometry']\n",
        "decoded = convert.decode_polyline(geometry)\n",
        "\n",
        "mensaje = f\"Distancia: {str(round(res['routes'][0]['summary']['distance']/1000,1))} Kilometros - Duracion: {str(round(res['routes'][0]['summary']['duration']/60,1))} Minutos\"\n",
        "\n",
        "m = folium.Map(location=[Punto_A[\"latitud\"], Punto_A[\"longitud\"]],zoom_start=13, control_scale=True,tiles=\"cartodbpositron\")\n",
        "folium.GeoJson(decoded).add_child(folium.Popup(estilo(mensaje),max_width=300)).add_to(m)\n",
        "\n",
        "folium.Marker(\n",
        "    location=list(coordenadas[0][::-1]),\n",
        "    popup=estilo(Punto_A[\"nombre\"]),\n",
        "    icon=folium.Icon(color=\"green\"),\n",
        ").add_to(m)\n",
        "\n",
        "folium.Marker(\n",
        "    location=list(coordenadas[1][::-1]),\n",
        "    popup=estilo(Punto_B[\"nombre\"]),\n",
        "    icon=folium.Icon(color=\"red\"),\n",
        ").add_to(m)\n",
        "\n",
        "m"
      ]
    }
  ],
  "metadata": {
    "colab": {
      "provenance": []
    },
    "kernelspec": {
      "display_name": "Python 3.10.5 64-bit",
      "language": "python",
      "name": "python3"
    },
    "language_info": {
      "name": "python",
      "version": "3.10.5"
    },
    "vscode": {
      "interpreter": {
        "hash": "26de051ba29f2982a8de78e945f0abaf191376122a1563185a90213a26c5da77"
      }
    }
  },
  "nbformat": 4,
  "nbformat_minor": 0
}