JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
  <head>
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no">
    <meta charset="utf-8">
    <title>Directions service (complex)</title>
    <style>
      html, body {
        height: 100%;
        margin: 0;
        padding: 0;
      }
      #map {
        height: 50%;
      }
      #warnings-panel {
        width: 100%;
        height:10%;
        text-align: center;
      }
#floating-panel {
  position: absolute;
  top: 10px;
  left: 25%;
  z-index: 5;
  background-color: #fff;
  padding: 5px;
  border: 1px solid #999;
  text-align: center;
  font-family: 'Roboto','sans-serif';
  line-height: 30px;
  padding-left: 10px;
}

    </style>
  </head>
  <body>
    <div id="floating-panel">
    <b>Start: </b>
    <select id="start">
      <option value="22.620695, 120.29371">高雄女中站</option>
      <option value="22.624798, 120.3010259">中央公園站</option>
      <option value="22.622917, 120.289218">高雄電影館站</option>
      <option value="22.623908, 120.290549">國賓飯店站</option>
      <option value="22.610307, 120.299225">新光成功站</option>
      <option value="22.614298, 120.304327">三多商圈站</option>
      <option value="22.622842, 120.283391">鹽埕埔站</option>
      <option value="22.622197, 120.275531">西子灣站</option>
    </select>
    <b>End: </b>
    <select id="end">
      <option value="22.617397, 120.293292">光榮碼頭(黃色小鴨)</option>
      <option value="22.620665, 120.291561">玫瑰聖母堂</option>
      <option value="22.624202, 120.290291">水漾愛河</option>
      <option value="22.622638, 120.289279">愛河親水徒步區</option>
      <option value="22.618843, 120.289900">珍愛碼頭</option>
      <option value="22.60978, 120.296928">新光碼頭</option>
      <option value="22.613801, 120.295881">陳中和紀念館</option>
      <option value="22.620312, 120.282036">駁二藝術特區</option>
      <option value="22.618768, 120.278137">河邊香蕉碼頭</option>
      <option value="22.619242, 120.276107">漁人碼頭</option>
      <option value="22.621802, 120.2753109">打狗鐵道故事館</option>
      <option value="22.624549,...