examples/structured-geocode.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <title>ORS-js lib examples</title>
    <script type="module" src="../dist/ors-js-client.js"></script>
  </head>
  <body>
    <div>
    <h1>ORS-js lib examples</h1>
    <section >
      <h2>Structured geocode Heidelberg</h2>
      <div id="structured-geocode-heidelberg">
        <script type='module'>
          import apiKey from './apiKey.js'
          window.onload = function() {

            const node = document.getElementById("structured-geocode-heidelberg");
              const Geocode = new Openrouteservice.Geocode({
                api_key: apiKey
              })

              Geocode.structuredGeocode({
                  locality: "Heidelberg",
              }).then(function(json) {
                  let response = JSON.stringify(json, null, "\t")
                  console.log(response);
                  response = response.replace(/(\n)/g, '<br>');
                  response = response.replace(/(\t)/g, '&nbsp;&nbsp;');
                  node.innerHTML = "<h3>Response</h3><p>" + response + "</p>";
                })
                .catch(function(err) {
                  let response = JSON.stringify(err, null, "\t")
                  console.log(response);
                  response = response.replace(/(\n)/g, '<br>');
                  response = response.replace(/(\t)/g, '&nbsp;&nbsp;');
                  node.innerHTML = "<h3>Response</h3><p>" + response + "</p>";
                })
          }
        </script>
      </div>

    </section>
    </div>
  </body>
</html>