2017-10-13 77 views
1

我正在開發一個應用程序,使我能夠顯示多個標記,當我點擊標記時,它應該向我顯示圖像以及一些細節。值在模板標記中被損壞

我當前的代碼是:

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,它包含了我想要加載的圖像的名字,以前我硬編碼的URL

'<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(Not Found)

a lo生成了垃圾,而不是sen1的值。

我無法理解爲什麼會發生這種情況,並希望得到一些幫助。

回答

0

嘗試簡單:

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

不能使用動態渲染神社的模板,因爲這個渲染只運行一次。