what3word map API调用

时间:2016-08-01 13:48:02

标签: jquery html json api dom

我坐在这里,名为what3word的位置API,我发现自己在尝试在DOM中显示地图时遇到了麻烦。 API连接运行良好,我在控制台中看到console.log()的所有内容,但我不明白我应该添加什么来查看DOM上的JSON响应数据(到目前为止我在DOM中看到[对象对象],在控制台中我看到:

Object { crs: Object, words: "effekt.mikroklimat.kurser", bounds: Object, geometry: Object, language: "sv", map: "http://w3w.co/effekt.mikroklimat.ku…", status: Object, thanks: "Thanks from all of us at index.home…" }

这是我的代码:

<!DOCTYPE html>
  <head>
    <script src="https://code.jquery.com/jquery-3.1.0.min.js"
            integrity="sha256-cCueBR6CsyA4/9szpPfrX3s49M9vUU5BgtiJj06wt/s="
            crossorigin="anonymous"></script>

    <script>
      var settings = {
        "async": true,
        "crossDomain": true,
        "url": "https://api.what3words.com/v2/forward?addr=effekt.mikroklimat.kurser&key=5QM8EG7T&lang=sv&format=json&display=full",
        "method": "GET",
        "headers": {}
      }

      $.ajax(settings).done(function (response) {
        console.log(response);
        document.getElementById('test').innerHTML = response;
      });
    </script>
    <style>
      #test {
        width: 300px;
        height: 300px;
      }
    </style>
  </head>
  <body>

    <div id="test"></div>
  </body>
</html>

我遵循了文档,但没有关于如何在DOM中显示数据的内容。我应该在&#34;标题中添加内容类型&#34;?我试过&#34; Content-Type&#34;:&#34; text / html;字符集= UTF-8&#34;但没有运气,我错过了什么?

0 个答案:

没有答案