    <script src="https://unpkg.com/axios/dist/axios.min.js"></script>
    <script type="text/javascript">
      var rosen;
      function init() {
        rosen = new Rosen("map", {            // "map"<div>idƈv
          apiKey: "uwςƘH}ṽANZXL[",
          apiSetting: "https",                // HTTPSłAPIT[ow
          tileSetting: "https"                // HTTPSł̃^CT[ow
        });
        axios.get('http://localhost:4567/delayinfo/list').then(function(res) {
          var rosen_str = '';
          for (var i in res.data.delayInfo) {
            rosen_str += res.data.delayInfo[i].rosen + '&nbsp;';
            for (var j in res.data.delayInfo[i].code) {
              rosen.highlightLine(
                  res.data.delayInfo[i].code[j],
                  {
                    color: '#c73896',
                    opacity: 0.5,
                    weight: 15
                  });
            }
          }
          document.getElementById('rosen_str').innerHTML = rosen_str;
        });
      }
      window.addEventListener('load', init);
    </script>
  </head>
  <body>
    xĂHF&nbsp;<strong><span id="rosen_str"></span></strong>
    <div id="map"></div>
  </body>
