{"id":975,"date":"2023-05-17T11:51:26","date_gmt":"2023-05-17T11:51:26","guid":{"rendered":"https:\/\/javierladino.com\/fr\/?post_type=rara-portfolio&#038;p=975"},"modified":"2023-05-17T16:00:05","modified_gmt":"2023-05-17T16:00:05","slug":"comment-utiliser-les-cartes-isochrones-interactives-pour-trouver-un-logement-pres-de-lecole-a-nantes","status":"publish","type":"rara-portfolio","link":"https:\/\/javierladino.com\/fr\/portfolio\/comment-utiliser-les-cartes-isochrones-interactives-pour-trouver-un-logement-pres-de-lecole-a-nantes\/","title":{"rendered":"Comment utiliser les cartes isochrones interactives pour trouver un logement pr\u00e8s de l&rsquo;\u00e9cole \u00e0 Nantes"},"content":{"rendered":"\n<p class=\"wp-block-paragraph\">Trouver un logement convenable \u00e0 proximit\u00e9 de l&rsquo;\u00e9cole de nos enfants est une pr\u00e9occupation commune \u00e0 de nombreuses familles. Heureusement, les cartes isochrones offrent un moyen efficace de visualiser les zones accessibles en fonction du temps de trajet. Dans cet article, vous apprendrez \u00e0 utiliser Python et les biblioth\u00e8ques Leaflet et Folium pour cr\u00e9er une carte isochrone interactive de la ville de Nantes, en France, et trouver l&rsquo;endroit id\u00e9al pour vivre pr\u00e8s de la nouvelle \u00e9cole de vos enfants.<\/p>\n\n\n\n<figure class=\"wp-block-image size-large is-resized\"><img loading=\"lazy\" decoding=\"async\" src=\"https:\/\/javierladino.com\/es\/wp-content\/uploads\/2023\/05\/iso_nantes.gif\" alt=\"Isocrone Nantes\" class=\"wp-image-1013\" width=\"634\" height=\"346\"\/><\/figure>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Conditions pr\u00e9alables<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Avant de commencer, assurez-vous que les biblioth\u00e8ques Python suivantes sont install\u00e9es dans votre environnement :<\/p>\n\n\n\n<ul class=\"wp-block-list\">\n<li>Folium<\/li>\n\n\n\n<li>Requests<\/li>\n\n\n\n<li>Shapely<\/li>\n<\/ul>\n\n\n\n<pre class=\"wp-block-code\"><code>import folium\nimport requests\nfrom shapely.geometry import Polygon\nfrom shapely.ops import cascaded_union<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">De plus, vous devrez obtenir un jeton d&rsquo;acc\u00e8s pour le service Mapbox isochrone. Si vous n&rsquo;en avez pas encore, vous pouvez cr\u00e9er un compte Mapbox gratuit et obtenir le jeton sur leur site web.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/account.mapbox.com\/\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/account.mapbox.com\/<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u00c9tape 1 : D\u00e9finir l&#8217;emplacement et les intervalles de temps<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Tout d&rsquo;abord, nous devons d\u00e9terminer l&#8217;emplacement de la nouvelle \u00e9cole de vos enfants \u00e0 Nantes. Utilisez les coordonn\u00e9es de latitude et de longitude pour marquer cet emplacement sur la carte.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code># D\u00e9finit la localisation et le point de d\u00e9part (Nantes, France)\nlat = 47.23864\nlon = -1.53362<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">J&rsquo;ai utilis\u00e9 Google Maps pour localiser l&rsquo;endroit. Cliquez avec le bouton droit de la souris sur le n\u0153ud rouge de la carte et vous obtiendrez les coordonn\u00e9es dont vous avez besoin. \ud83d\udccd\ud83d\uddfa<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">D\u00e9terminez ensuite les intervalles de temps souhait\u00e9s en minutes, en tenant compte du temps maximum que vous \u00eates pr\u00eat \u00e0 consacrer au trajet quotidien de vos enfants vers et depuis l&rsquo;\u00e9cole. Par exemple, vous pouvez fixer des intervalles de 10, 20 et 30 minutes.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code># D\u00e9finit les intervalles de temps en minutes pour les isochrones.\nintervals = &#91;5, 10, 15] # Fix\u00e9 \u00e0 5, 10 et 15 minutes \u00e0 la vitesse moyenne d'une personne marchant.<\/code><\/pre>\n\n\n<figure class=\"wp-block-post-featured-image\"><img loading=\"lazy\" decoding=\"async\" width=\"1278\" height=\"698\" src=\"https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2023\/05\/iso_nantes.jpg\" class=\"attachment-post-thumbnail size-post-thumbnail wp-post-image\" alt=\"\" style=\"object-fit:cover;\" srcset=\"https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2023\/05\/iso_nantes.jpg 1278w, https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2023\/05\/iso_nantes-300x164.jpg 300w, https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2023\/05\/iso_nantes-1024x559.jpg 1024w, https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2023\/05\/iso_nantes-768x419.jpg 768w, https:\/\/javierladino.com\/fr\/wp-content\/uploads\/2023\/05\/iso_nantes-110x60.jpg 110w\" sizes=\"auto, (max-width: 1278px) 100vw, 1278px\" \/><\/figure>\n\n\n<p class=\"wp-block-paragraph\"><strong>\u00c9tape 2 : Obtenir les donn\u00e9es isochrones<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Nous allons utiliser la biblioth\u00e8que <kbd>requests<\/kbd> pour envoyer une requ\u00eate HTTP au service Mapbox isochron et obtenir les donn\u00e9es pour chaque intervalle de temps.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code># D\u00e9finir le jeton d'acc\u00e8s pour le service isochron\ntoken = \"pk.token.mapbox\" # Remplacer par votre propre token\n\n# Cr\u00e9er une carte interactive en utilisant Folium\nmap = folium.Map(location=&#91;lat, lon], zoom_start=15)\n\n# Traverser les intervalles de temps et obtenir les isochrones\npour intervalle dans intervalles :\n    # Construire l'URL de la requ\u00eate isochrone.\n    url = f \"https:\/\/api.mapbox.com\/isochrone\/v1\/mapbox\/walking\/{lon},{lat}?contours_minutes={intervalle}&amp;polygones=true&amp;access_token={token}\"\n    \n    # Effectuer la requ\u00eate HTTP et obtenir les donn\u00e9es de la r\u00e9ponse\n    response = requests.get(url)\n    data = response.json()<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Nous construirons l&rsquo;URL de la requ\u00eate isochron en utilisant les coordonn\u00e9es de l&rsquo;\u00e9cole et le jeton d&rsquo;acc\u00e8s fourni par Mapbox. Ensuite, nous enverrons la requ\u00eate et obtiendrons la r\u00e9ponse au format JSON.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u00c9tape 3 : Traiter les donn\u00e9es et g\u00e9n\u00e9rer les polygones<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Une fois les donn\u00e9es JSON obtenues pour chaque isochrone, nous allons extraire les coordonn\u00e9es des polygones des isochrones en utilisant la biblioth\u00e8que shapely.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code># Extraire les coordonn\u00e9es des polygones isochrones\n    coordinates = data&#91;\"features\"]&#91;0]&#91;\"geometry\"]&#91;\"coordinates\"]]\n    \n    # Cr\u00e9er un polygone Shapely et ajouter les points du polygone\n    polygone = Polygone(coordonn\u00e9es&#91;0])\n    \n    # Ajouter le polygone \u00e0 la carte en tant que couche GeoJSON\n    folium.GeoJson(\n        data=data,\n        style_function=lambda x : {'fillColor' : '#e26e4d', 'colour' : '#ea4141', 'weight' : 1, 'fillOpacity' : 0.3},\n        name=f \"{intervalle} min\"\n    ).add_to(map)<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">Nous utiliserons ensuite l&rsquo;op\u00e9ration <kbd>cascaded_union<\/kbd> de <kbd>shapely<\/kbd> pour combiner les polygones d&rsquo;isochrones en un seul. Nous obtiendrons ainsi un polygone repr\u00e9sentant toutes les zones accessibles dans les intervalles de temps d\u00e9finis.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u00c9tape 4 : Cr\u00e9er la carte interactive avec Folium<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Nous allons utiliser la biblioth\u00e8que <kbd>Folium<\/kbd> pour cr\u00e9er une carte interactive et ajouter le polygone isochrone en tant que couche GeoJSON. Nous allons d\u00e9finir un style pour le polygone et ajuster l&rsquo;opacit\u00e9 pour une meilleure visualisation.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code># Ajouter une couche de contr\u00f4le pour basculer l'affichage des isochrones\nfolium.LayerControl().add_to(map)<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\">En outre, nous ajouterons d&rsquo;autres couches utiles, telles que les \u00e9coles, les transports publics ou les magasins \u00e0 proximit\u00e9, afin de vous aider \u00e0 prendre une d\u00e9cision \u00e9clair\u00e9e quant \u00e0 l&#8217;emplacement de votre nouvelle maison.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>\u00c9tape 5 : Enregistrer et afficher la carte interactive<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Enfin, nous allons enregistrer la carte interactive dans un fichier HTML et l&rsquo;afficher dans un navigateur web. Le fichier HTML contiendra tous les \u00e9l\u00e9ments n\u00e9cessaires, y compris les donn\u00e9es et les param\u00e8tres de la carte.<\/p>\n\n\n\n<pre class=\"wp-block-code\"><code># Enregistrer la carte interactive sous forme de fichier HTML\nmap.save(\"webmap.html\")<\/code><\/pre>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/javierladino.com\/es\/wp-content\/uploads\/2023\/05\/webmap.html\">https:\/\/javierladino.com\/es\/wp-content\/uploads\/2023\/05\/webmap.html<\/a><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Vous pourrez explorer la carte interactive \u261d pour trouver des zones qui se situent dans les intervalles de temps souhait\u00e9s et qui sont proches de l&rsquo;\u00e9cole de vos enfants. Cela vous aidera \u00e0 identifier les quartiers potentiels et \u00e0 prendre une d\u00e9cision \u00e9clair\u00e9e quant \u00e0 l&#8217;emplacement de votre nouvelle maison.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>Conclusions<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Dans cet article, vous avez appris \u00e0 utiliser des cartes isochrones pour trouver un logement pr\u00e8s de la nouvelle \u00e9cole de vos enfants en utilisant Python et les biblioth\u00e8ques Leaflet et Folium. Ces cartes interactives vous permettront de visualiser les zones accessibles en fonction du temps de trajet et de prendre une d\u00e9cision \u00e9clair\u00e9e quant \u00e0 l&#8217;emplacement de votre logement. Vous \u00eates maintenant pr\u00eat \u00e0 commencer votre recherche et \u00e0 trouver l&rsquo;endroit id\u00e9al pour vivre pr\u00e8s de l&rsquo;\u00e9cole de vos enfants &#8211; bonne chance !<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><strong>T\u00e9l\u00e9charger le code sur Github<\/strong><\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Vous pouvez acc\u00e9der au code du bloc-notes Python \u00e0 partir du lien suivant :<\/p>\n\n\n\n<p class=\"wp-block-paragraph\"><a href=\"https:\/\/github.com\/javiladino\/isocronas_nantes\" target=\"_blank\" rel=\"noreferrer noopener\">https:\/\/github.com\/javiladino\/isocronas_nantes<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Trouver un logement convenable \u00e0 proximit\u00e9 de l&rsquo;\u00e9cole de nos enfants est une pr\u00e9occupation commune \u00e0 de nombreuses familles. Heureusement, les cartes isochrones offrent un moyen efficace de visualiser les zones accessibles en fonction du temps de trajet. Dans cet article, vous apprendrez \u00e0 utiliser Python et les biblioth\u00e8ques Leaflet et Folium pour cr\u00e9er une &hellip; <\/p>\n","protected":false},"author":1,"featured_media":979,"comment_status":"closed","ping_status":"closed","template":"","meta":{"ngg_post_thumbnail":0},"rara_portfolio_categories":[27],"class_list":["post-975","rara-portfolio","type-rara-portfolio","status-publish","has-post-thumbnail","hentry","rara_portfolio_categories-dataviz"],"_links":{"self":[{"href":"https:\/\/javierladino.com\/fr\/wp-json\/wp\/v2\/rara-portfolio\/975","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/javierladino.com\/fr\/wp-json\/wp\/v2\/rara-portfolio"}],"about":[{"href":"https:\/\/javierladino.com\/fr\/wp-json\/wp\/v2\/types\/rara-portfolio"}],"author":[{"embeddable":true,"href":"https:\/\/javierladino.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/javierladino.com\/fr\/wp-json\/wp\/v2\/comments?post=975"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/javierladino.com\/fr\/wp-json\/wp\/v2\/media\/979"}],"wp:attachment":[{"href":"https:\/\/javierladino.com\/fr\/wp-json\/wp\/v2\/media?parent=975"}],"wp:term":[{"taxonomy":"rara_portfolio_categories","embeddable":true,"href":"https:\/\/javierladino.com\/fr\/wp-json\/wp\/v2\/rara_portfolio_categories?post=975"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}