Question

我已经在一个名为photo的变量中的url图像和一个名为url的变量中的页面的url，我想在我的HTML中调用它们

我试图做这样的事情：

ContentString= '<img src= "photo" alt="url" />'

marker['infowindow'] = new google.maps.InfoWindow({
        content: ContentString

但是没有结果，这样做的正确形式是什么？我已经阅读了谷歌地图API，他们为他们的标记创建了他们的结构 - HTML就是这样......

var contentString = '<div id="content">'+
  '<div id="siteNotice">'+
  '</div>'+
  '<h1 id="firstHeading" class="firstHeading">Uluru</h1>'+
  '<div id="bodyContent">'+
  '<p><b>Uluru</b>, also referred to as <b>Ayers Rock</b>, is a large ' +
  'sandstone rock formation in the southern part of the '+
  'Northern Territory, central Australia.'+
  'Heritage Site.</p>'+
  '<p>Attribution: Uluru, <a href="https://en.wikipedia.org/w/index.php?title=Uluru&oldid=297882194">'+
  'https://en.wikipedia.org/w/index.php?title=Uluru</a> '+
  '(last visited June 22, 2009).</p>'+
  '</div>'+
  '</div>';

如果我尝试遵循此结构并添加＆lt; img＆gt;我得到一张空照片..谢谢!!

Answer 1

ContentString= '<img src= "photo" alt="url" />'

需要

ContentString= '<img src= "'+photo+'" alt="'+url+'" />'

Answer 2

连接（添加）字符串的元素以及（单个，在您的情况下）引号之间的+符号。像这样;

ContentString = '<img src="' + photo + '" alt="' + url + '" />';

如何在HTML中使用InfoWindow在标记内插入图像？

2 个答案: