在InfoWindow.content中插入樣式HTML表格？

Question

問候Overflowers，

我建設使用谷歌地圖API
一些工具，我想插入一些風格的HTML表格，而不是純文本
我不是成功的，雖然。那麼，有什麼想法？謝謝 ！

<style type="text/css"> 
    html { height: 100% } 
    body { height: 100%; margin: 0px; padding: 0px } 
    table.colorful { 
     font-family: verdana, arial, sans-serif; 
     font-size: 11px; 
     color: #333333; 
     border-width: 1px; 
     border-color: #999999; 
     border-collapse: collapse; 
    } 
    table.colorful th { 
     background: #b5cfd2 url('blueCell.jpg'); 
     border-width: 1px; 
     padding: 8px; 
     border-style: solid; 
     border-color: #999999; 
    } 
    table.colorful td { 
     background: #dcddc0 url('greenCell.jpg'); 
     border-width: 1px; 
     padding: 8px; 
     border-style: solid; 
     border-color: #999999; 
    } 
    #mapCanvas { height: 100% } 
</style> 

這裏：

var info = new google.maps.InfoWindow({ 
       position: dcs[i].coord, 
       content: "" 
      }); 

      info.content = "<table class=\"table.colorful\"><tr><th>Server</th><th>Site</th><th>IP</th><th>Services</th></tr>" 

      for(var j in dcs[i].servers) { 
       info.content += "<tr><td><b>" + dcs[i].servers[j].name + "</b></td><td>" + dcs[i].servers[j].site + "</td><td>" + dcs[i].servers[j].ip + "</td><td>" + dcs[i].servers[j].services + "</td></tr>"; 
      } 

      info.content += "</table>"; 

Answer 1

你是如此的接近，你需要使用info.setContent（）代替。

info.setContent(element);