Google Maps API (JS) 信息窗口显示图像(html <img> 标记)的问题

Question

我正在使用Google Maps API(JavaScript(制作一个微型Web应用程序，在我的应用中，我可以通过位置(纬度和经度(循环循环(纬度和经度(其他一些信息...进入我有此代码：

for (i = 0; i < locations.length; i++) {  
    var coords =  new google.maps.LatLng(Number(locations[i][1]), Number(locations[i][2]))
    marker = new google.maps.Marker({
      position: coords,
      map: map
    });
    var iwcontent="<a href='app.php?id="+locations[i][3]+"' target='_blank'><h4><img='images/icons/"+locations[i][3]+"/logo.jpg' class='minilogo'> "+locations[i][0]+"</h4></a>";
    console.log(iwcontent);
    bounds.extend(coords);
    google.maps.event.addListener(marker, 'click', (function(marker, i) {
      return function() {
        infowindow.setContent(iwcontent);
        infowindow.open(map, marker);
      }
    })(marker, i));
  }

在控制台中我收到正确的HTML结构(IMHO(，如这样：

<a href='app.php?id=ABCD-J2WZSW' target='_blank'><h4><img='images/icons/ABCD-J2WZSW/logo.jpg' class='minilogo'> ABCD, 33.</h4></a>

in4b：文件images/icons/ABCD-J2WZSW/logo.jpg存在，.minilogo类具有固定(可见(width CSS值。

问题/问题是：我看不到任何图像！

有趣的：如果我"检查" Infowdindow，我可以看到以下内容：

<a href="app.php?id=ABCD-J2WZSW" target="_blank"><h4><img='images icons="" abcd-j2wzsw="" logo.jpg'="" class="minilogo"> ABCD, 33.</img='images></h4></a>

请注意：

1. 标签完全弄乱了！
2. 在标签中ID值是小写。

为什么会发生这种情况？我该如何解决？感谢您的阅读，请原谅我的英语不好！

Answer 1

您在创建img标签方面存在问题。在您的代码中，您无法将URL值分配给img，而是将其分配给src属性。这是您的img标签代码错误的格式-<img='images/icons/"+locations[i][3]+"/logo.jpg' class='minilogo'>，并且由于没有src属性，整个HTML结构都变得混乱了。

应该是 -

<img src='images/icons/"+locations[i][3]+"/logo.jpg' class='minilogo'>

应该照顾您的问题！