ejsスクリプトセクションでバックエンド変数を使用するにはどうすればよいですか？

Question

<!-- begin snippet: js hide: false console: true babel: false -->

<script> 
 
    // initialize the map 
 
    var map = L.map('map').setView([25.037393872113785, 121.56372070312499], 12); 
 
    // load a tile layer 
 
    var baseLayer = L.tileLayer('http://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', 
 
      { 
 
       attribution: '&copy; <a href="http://www.openstreetmap.org/copyright">OpenStreetMap</a>', 
 
       maxZoom: 17 
 
      }).addTo(map); 
 

 
    var Data = 
 
    var cfg = { 
 
     "radius": 0.03, 
 
     "maxOpacity": 0.5, 
 
     "scaleRadius": true, 
 
     "useLocalExtrema": true, 
 
     latField: 'lat', 
 
     lngField: 'lng', 
 
     valueField: 'count' 
 
    }; 
 
    
 
    var heatmapLayer = new HeatmapOverlay(cfg).addTo(map); 
 
    heatmapLayer.setData(Data); 
 
    
 
</script>

//javascript version = 1.7 
var express = require('express'); 
var router = express.Router(); 
var r = require('rethinkdb'); 
var rethinkdbHost = "140.109.18.136"; 
var connection = null; 
var waterfall = require('async-waterfall'); 

r.connect({host: rethinkdbHost, port: 28015}, function(err, conn) { 
    if (err) throw err; 
    connection = conn; 
    r.db('AQI_inference').table('pm25_one_week')).run(connection, function(err, cursor) { 
     if (err) throw err; 
     cursor.toArray(function(err, result) { 
      if (err) throw err; 
       var cor = result.geometry.coordinates; 
       var t = result.properties.time; 
       var pm25 = result.properties.col; 
       console.log(cor, t, pm25); 
       router.get('/', function(req, res, next) { 
        res.render('mapTest', {cor: cor,time: t, pm25: pm25}); 
       }); 
      }); 
     }); 
    }); 

Iちょうど学んだnodejsが、私はその上に空気の品質マークでマップを作りたい週

のために表現すると、今、いくつかの問題を抱えて、

私はrethinkDBからデータを取得し、データには<％=％>

フロントエンドスクリプトセクションで変数cor、time、およびpm25を使用するにはどうすればよいですか？

jsコードで 'var Data'のcorを使いたいです。

これを行う簡単な方法はありますか？

助けてください

Answer 1

データ要素を格納するためにいくつかの要素を使用してください。あなたは同様にあなたが他の変数を使用することができます

var time = document.getElementById("script").getAttribute('data-time'); 

を使用してアクセスすることができますスクリプトタグで

<div id="script" data-time="<%= time %>" data-cor="<%= cor %>"></div> 

。