Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/89.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
如何使用javascript从couchdb获取数据_Javascript_Html_Couchdb_Heatmap - Fatal编程技术网

如何使用javascript从couchdb获取数据

如何使用javascript从couchdb获取数据,javascript,html,couchdb,heatmap,Javascript,Html,Couchdb,Heatmap,我在couchdb中存储了一些文档,并使用map reduce生成了一个视图。视图中的每个文档都具有以下结构: {user_name, longitude, latitude, tweet_content} 现在我需要使用googlemap的api来显示这些点。(热图)我需要在couchdb中获取该视图中的经度和纬度值。谷歌地图提供了显示热图的HTML代码, () 我只需要协调的数据。问题似乎是如何使用Javascript连接couchdb。我只是不知道如何开始,也找不到任何关于如何用HT

我在
couchdb
中存储了一些文档,并使用map reduce生成了一个视图。视图中的每个文档都具有以下结构:

{user_name, longitude, latitude, tweet_content} 
现在我需要使用googlemap的
api
来显示这些点。(热图)我需要在
couchdb
中获取该视图中的经度和纬度值。谷歌地图提供了显示热图的HTML代码, ()
我只需要协调的数据。问题似乎是如何使用Javascript连接
couchdb
。我只是不知道如何开始,也找不到任何关于如何用HTML编写Javascript代码的说明

您提到的热图代码将在浏览器的客户端执行

我只是不知道如何开始,也找不到任何关于如何用HTML编写Javascript代码的说明

JavaScript代码可以通过多种方式包含到HTML中。从阅读开始

问题似乎是如何使用Javascript连接couchdb


一旦您的HTML内容加载到浏览器中,您就可以通过

hello,@llabball与CouchDB进行通信。非常感谢你的帮助。但我对阿贾克斯完全陌生。你能给我举个一般的例子吗?比如说,我有一个名为heatmap.HTML的HTML文档,它的内容在()中,我还有一个名为UK的couchdb数据库,它包含纬度和经度属性。如何在heatmap.html中从英国获取纬度和经度值?非常感谢你!谢谢你,拉贝尔。听了你的建议后,我已经把它解决了。为了帮助同样有这个问题的人,下面是我的答案。$.ajax({url:'',type:'get',dataType:'json',success:function(data){data.rows.forEach(function(tweet){taxiData.push(new google.maps.LatLng(tweet.key[0],tweet.key[1]))console.log(tweet.key[0]);},reduce:false});
$.ajax({
      url: 'http://name:password@localhost:5984/yourdatabase/_design/analyse/_view/viewname',
      type: 'get',
      dataType: 'json',
      success: function(data) {
        data.rows.forEach(function(tweet){

          taxiData.push(new google.maps.LatLng(tweet.key[0], tweet.key[1]))
          console.log(tweet.key[0]);
        });
      },
      reduce: false
    });