【问题标题】:how to using javascript to get data from couchdb如何使用javascript从couchdb获取数据
【发布时间】:2015-05-09 04:46:50
【问题描述】:

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

{user_name, longitude, latitude, tweet_content} 

现在我需要使用谷歌地图的api 来显示这些点。 (热图)我需要在couchdb 的那个视图中获取经度和纬度的值。谷歌地图提供了 HTML 代码来显示热图, (https://developers.google.com/maps/documentation/javascript/examples/layer-heatmap) 我只需要协调的数据。问题似乎是如何使用 Javascript 与couchdb 连接。我只是不知道如何开始,也找不到任何关于如何用 HTML 编写 Javascript 代码的说明。

【问题讨论】:

    标签: javascript html couchdb heatmap


    【解决方案1】:

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

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

    可以通过多种方式将 JavaScript 代码包含到您的 HTML 中。从阅读about the HTML script tag开始。

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

    在浏览器中加载 HTML 内容后,您可以通过 AJAX calls 与 CouchDB 进行通信

    【讨论】:

    • 你好,@llabball。非常感谢您的帮助。但我对 Ajax 完全陌生。你介意给我一个普遍的例子吗?比如说,我有一个名为 heatmap.html 的 HTML 文档,其内容在 (developers.google.com/maps/documentation/javascript/examples/…) 中,并且我在 couchdb 中有一个名为 UK 的数据库,其中包含经纬度属性。如何在 heatmap.html 中获取英国的纬度和经度值?非常感谢!
    • 谢谢你。听从你的建议后,我已经解决了。为了帮助也有这个问题的人,以下是我的回答。
    • $.ajax({ url: 'name:password@localhost:5984/yourdatabase/_design/analyse/_view/…', type: 'get', dataType: 'json', 成功: function(data) { data.rows.forEach(function(tweet) { taxData.push(new google.maps.LatLng(tweet.key[0], tweet.key[1])) console.log(tweet.key[0]); }); }, reduce: false });
    【解决方案2】:
    $.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
        });
    

    【讨论】:

      猜你喜欢
      • 2019-08-04
      • 1970-01-01
      • 2013-04-01
      • 1970-01-01
      • 2021-12-19
      • 2011-11-05
      • 2014-09-18
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多