examples/reverse-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>Reverse geocode</h2>
    <div id='reverse-geocode'>
      <script type='module'>
        import apiKey from './apiKey.js'
        import { prettifyJson } from './utils.js'

        window.onload = async function() {

          const node = document.getElementById('reverse-geocode')
          const Geocode = new Openrouteservice.Geocode({
            api_key: apiKey
          })

          try {
            const json = await Geocode.reverseGeocode({
              point: {
                lat_lng: [49.412388, 8.681247],
                radius: 50
              },
              boundary_country: ['DE']
            })
            console.log(json)
            let response = prettifyJson(json)
            node.innerHTML = '<h3>Response</h3><p>' + response + '</p>'
          } catch (err) {
            console.error(err)
            let response = prettifyJson(err)
            node.innerHTML = '<h3>Error</h3><p>' + response + '</p>'
          }
        }
      </script>
    </div>
  </section>
</div>
</body>
</html>