Ajout de la gestion de distance + debut de la creation d'itinéraire.

chiirz/migrations/Version20230320090715.php

+<?php
+
+declare(strict_types=1);
+
+namespace DoctrineMigrations;
+
+use Doctrine\DBAL\Schema\Schema;
+use Doctrine\Migrations\AbstractMigration;
+
+/**
+ * Auto-generated Migration: Please modify to your needs!
+ */
+final class Version20230320090715 extends AbstractMigration
+{
+    public function getDescription(): string
+    {
+        return '';
+    }
+
+    public function up(Schema $schema): void
+    {
+        // this up() migration is auto-generated, please modify it to your needs
+        $this->addSql('ALTER TABLE itinerary ADD bar LONGTEXT DEFAULT NULL COMMENT \'(DC2Type:json)\'');
+    }
+
+    public function down(Schema $schema): void
+    {
+        // this up() migration is auto-generated, please modify it to your needs
+        $this->addSql('ALTER TABLE itinerary ADD bar LONGTEXT DEFAULT NULL COMMENT \'(DC2Type:json)\'');
+    }
+}

chiirz/migrations/Version20230320093315.php

+<?php
+
+declare(strict_types=1);
+
+namespace DoctrineMigrations;
+
+use Doctrine\DBAL\Schema\Schema;
+use Doctrine\Migrations\AbstractMigration;
+
+/**
+ * Auto-generated Migration: Please modify to your needs!
+ */
+final class Version20230320093315 extends AbstractMigration
+{
+    public function getDescription(): string
+    {
+        return '';
+    }
+
+    public function up(Schema $schema): void
+    {
+        // this up() migration is auto-generated, please modify it to your needs
+        $this->addSql('ALTER TABLE itinerary ADD text LONGTEXT DEFAULT NULL, ADD bar LONGTEXT DEFAULT NULL COMMENT \'(DC2Type:json)\'');
+    }
+
+    public function down(Schema $schema): void
+    {
+        // this down() migration is auto-generated, please modify it to your needs
+        $this->addSql('ALTER TABLE itinerary DROP text, DROP IF EXISTS bar');
+    }
+}

chiirz/public/js/main.js

@@ -123,7 +123,38 @@ function initMap() {
 
         }
     });
-}
-
-
 
+    // Gestion des distances avec ou sans des étapes | waypoint
+    // Doc sur l'api direction
+    // https://developers.google.com/maps/documentation/javascript/directions?hl=fr
+
+    function calculerDistance() {
+      const service = new google.maps.DirectionsService();
+      const origine = 'Paris, France';
+      const destination = 'Marseille, France';
+      const waypoint1 = {location: 'Toulouse, France', stopover: true};
+      const waypoint2 = {location: 'Strasbourg, France', stopover: true};
+      const div = document.getElementById('info');
+    
+      const request = {
+        origin: origine,
+        destination: destination,
+        waypoints: [waypoint1, waypoint2],
+        travelMode: 'WALKING',
+        unitSystem: google.maps.UnitSystem.METRIC,
+        avoidHighways: false,
+        avoidTolls: false
+      };
+    
+      service.route(request, function(result, status) {
+        if (status == "OK") {
+          const distance = result.routes[0].legs[0].distance.text;
+          const duration = result.routes[0].legs[0].duration.text;
+          div.innerHTML+= "Distance: " + distance + ", Durée: " + duration + "<hr>";
+        }
+      });
+    }
+    
+    calculerDistance();
+    
+}

chiirz/public/js/newItinerary.js

+// New itinarary 
\ No newline at end of file

chiirz/templates/base.html.twig

@@ -22,7 +22,10 @@
 
         {% block javascripts %}
             {{ encore_entry_script_tags('app') }}
-            {# <script src="{{ asset('js/main.js') }}"></script> #}
+            
+            <script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDTF1YkHLhu-ami5vuu4x0HyQ1Zhrirq0Q&callback=initMap&libraries=places"></script>
+            <script src="{{ asset('js/main.js') }}"></script>
+
         {% endblock %}
     </head>
 
@@ -152,10 +155,6 @@
         <div id="places"></div>
 
         
-        <script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDTF1YkHLhu-ami5vuu4x0HyQ1Zhrirq0Q&callback=initMap&libraries=places"></script>
-        <script src="{{ asset('js/main.js') }}" defer></script>
-        
-        <script src="{{ asset('js/main.js') }}" defer></script>
         
     </body>
 </html>

chiirz/templates/itinerary/new.html.twig

 {% extends 'base.html.twig' %}
 
+{% block javascripts %}
+    {{ parent() }}
+    <script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyDTF1YkHLhu-ami5vuu4x0HyQ1Zhrirq0Q&callback=initMap&libraries=places"></script>
+    <script src="{{ asset('js/newItinerary.js') }}" defer></script>
+{% endblock %}
+
 {% block title %}New Itinerary{% endblock %}
 
 {% block body %}