特定の部門にリーフレットのポップアップ情報を追加

Question

特定の部門にポップアップデータを追加したいとします。tab4です。私は私の質問にコードを掲載しました。これは私がこれまで持っていたものです。もし私がconsole.log(d.html)私は正しい出力を得るが、私のdivにまだ表示されません。私はバインドするか、それをtab4 divにプッシュする何かを見逃していると思うが、わからない。

window["mapDataLayer"] = L.geoJson(geojson, { 
     onEachFeature: function (feature, layer){ 
      layer.on({ 
       click: function showResultsInDiv() { 
        var d = document.getElementById('tab4'); 
        d.html = ""; 
         for (prop in feature.properties){ 
         d.html += prop+": "+feature.properties[prop]+"<br>"; 
         } 
        console.log(d.html); 
        // I Think i need a line of code here that pushes it to the 'tab4' div. 
       } 
      }); } 
    }).addTo(map); 

Answer 1

私はinnerHTMLの代わりhtmlを使用するために必要な、それを修正しました。これでコード全体が完成しました：

window["mapDataLayer"] = L.geoJson(geojson, { 
     onEachFeature: function (feature, layer){ 
      layer.on({ 
       click: function showResultsInDiv() { 
        var d = document.getElementById('tab4'); 
        d.innerHTML = ""; 
         for (prop in feature.properties){ 
         d.innerHTML += prop+": "+feature.properties[prop]+"<br>"; 
         } 
        console.log(d.innerHTML); 
       } 
      }); } 
    }).addTo(map);