模板标记

Question

我正在开发一个应用程序，当我点击标记时，我可以显示多个标记，它应该显示图像以及一些细节。

我目前的代码是：

google.maps.event.addListener(marker, 'click', (function(marker, i) {
    return function() {
      infowindow.setContent(

             contentString = 
             '<div id="content">'+
            '<p>'+ 'sensor image:'  +'<br/>' +
            '<img src="{% static "test/imgs/sen1.jpg" %}">'+
            + '<br/>' +
            'sensor light level :' + j[i][4] +'<br/>' +
            'sensor battery level :' + j[i][5] +
            '</p>'+
            '</div>'
        );
      infowindow.open(map, marker);
    }
  })(marker, i));

我得到了所需的输出：

！https://imgur.com/a/Q1lPU

我有一个数组，j包含我要加载的图像的名称，之前我硬编码了网址

'<img src="{% static "test/imgs/sen1.jpg" %}">'+

我试图通过使用

来实现这种动态

'<img src="{% static "test/imgs/'+ j[i][3] +'.jpg" %}">'+

但我得到一个错误，在使用F12时会出现 GET localhost：8000 / static / test / imgs /'％2B％20j％5Bi％5D％5B3％5D％20％2B'.jpg 404（未找到）

生成了大量垃圾而不是值sen1。

我无法理解为什么会这样，并希望得到一些帮助。

Answer 1

尝试简单：

'<img src="/static/test/imgs/' + j[i][3] + '.jpg">'

您无法为jinja模板使用动态渲染，因为此渲染仅在第一次运行。