JSFiddle - React, Tailwind, and code Playground

by Lawrence Ross

HTML

<script src="https://maps.googleapis.com/maps/api/js?libraries=geometry,places&amp;key=AIzaSyCkUOdZ5y7hMm0yrcCQoCvLwzdM6M8s5qk"></script>
<div id="delay"></div>
<div id="map"></div>
<div id="messages"></div>

CSS

html,
body,
#map {
  height: 100%;
  width: 100%;
  margin: 0px;
  padding: 0px
}

JavaScript

var addresses = [
  ['243, Dornacherstrasse', '26, Mattenstrasse'],
  ['48 av general de gaulle, saint louis', 'Gründenstraße 40, Muttenz'],
  ['50 ackerstrasse , Basel', 'holeestrasse 133, Basel'],
  ['71 avenue de Bâle , Saint-Louis ', 'Leonhardstr 6, Basel'],
  ['Ackerstrasse 44, Basel', 'Petersplatz 1, Basel'],
  ['Ackerstrasse 51, Basel', 'Maiengasse 51, Basel '],
  ['Aeussere Baselstr. 255, Riehen', 'zu den drei Linden 80, Basel'],
  ['Aeussere Baselstrasse 309, Riehen', 'Gotthelfplatz 1, Basel'],
  ['Ahornstrasse 20, Basel', 'Viaduktstrasse , Basel'],
  ['Albert Schweitzer Strasse 10, Basel', 'Kohlenberg 17, Basel'],
  ['alemannengasse 17, Basel', 'Centrahlbahnplatz, Basel'],
  ['Alemannengasse 23, Basel', 'Peter Merian-Weg 8, Basel'],
  ['Allmendstrasse 233, Basel', 'Universitätsspital Basel, Basel '],
  ['Allmendstrasse 4, Basel', 'Petersplatz 1, Basel'],
  ['Allschwilerstrasse 106, Basel', 'Centralbahnstrasse 10 , Basel'],
  ['Allschwilerstrasse 116, Basel', 'Spitalstrasse 8, Architektur Institut, Basel '],
  ['Allschwilerstrasse 116, Basel', 'Steinenvorstadt 55, Kino Pathè Küchlin, Basel'],
  ['Allschwilerstrasse 48, Basel', 'Schneidergasse 28, Basel'],
  ['Altrheinweg 52, Basel', 'Vogesenplatz 1, Basel '],
  ['Am Rheinpark 6, Weil am Rhein', 'J. J. Balmer-Str. 3, Basel'],
  ['Am Weiher 15, Binningen', 'Klingelbergstrasse 82, Basel '],
  ['Amerbachstrasse, , Basel', 'Peter Merian-Weg, Basel'],
  ['Amerikanerstrasse 16, Binningen', 'Petersplatz 1, Basel'],
  ['Amselweg 20, Reinach', 'Baselstrasse 33, Münchenstein'],
  ['An der Auhalde 15, Riehen', 'Zu den Dreilinden 95, Basel'],
  ['arnikastr. 22, Riehen', 'marktplatz, Basel'],
  ['Auf der Lyss 14, Basel', 'Grenzstrasse 15, Basel']
];

var directionsDisplay;
var directionsService = new google.maps.DirectionsService();
var map;
var bounds;

function initialize() {
  directionsDisplay = new google.maps.DirectionsRenderer();
  var basel = new google.maps.LatLng(41.850033, -87.6500523);
  var mapOptions =...