Javascript 谷歌地图API(JS)信息窗口问题显示图像(html<;img>;标记)
我正在用谷歌地图API(JavaScript)制作一个小小的网络应用程序,在我的应用程序中,我有一个for循环,通过位置(纬度和经度)和一些其他信息。。。我有以下代码:Javascript 谷歌地图API(JS)信息窗口问题显示图像(html<;img>;标记),javascript,jquery,html,google-maps-api-3,infowindow,Javascript,Jquery,Html,Google Maps Api 3,Infowindow,我正在用谷歌地图API(JavaScript)制作一个小小的网络应用程序,在我的应用程序中,我有一个for循环,通过位置(纬度和经度)和一些其他信息。。。我有以下代码: 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
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));
}
请注意:
为什么会发生这种情况?我怎样才能修好它?谢谢阅读,请原谅我的英语不好 您在创建
img
标签时遇到问题。在代码中,您不能将url值分配给img
,它被分配给src
属性。这是你的img
标签代码,格式错误-属性整个HTML结构都搞砸了
应该是-
<img src='images/icons/"+locations[i][3]+"/logo.jpg' class='minilogo'>
那应该会解决你的问题 提供你的代码的一把小提琴?是复杂的复制所有的代码。。。我已经解释了问题和代码(还有DOM检查)。所有标记都设置得很好,信息窗口显示文本,但不显示图像。出于某种奇怪的原因,
是这样呈现的:ABCD,33。如何重新生成问题?
<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>
<img src='images/icons/"+locations[i][3]+"/logo.jpg' class='minilogo'>