jquery - what3word map API call -


i'm sitting here location api called what3word , i'm finding myself in trouble trying show the map in dom. api connection working well, see in console console.log() don't understand should add see json response data on dom (so far in dom see [object object] , in console see:

object { crs: object, words: "effekt.mikroklimat.kurser", bounds: object, geometry: object, language: "sv", map: "http://w3w.co/effekt.mikroklimat.ku…", status: object, thanks: "thanks of @ index.home…" } 

here code:

<!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> 

i followed documentation there nothing how display data in dom. should add content-type in "headers"? tried "content-type": "text/html; charset=utf-8" no luck, missing?


Comments