Question

我有一个想要添加到标记的图像，stagleton.png，我有一个创建标记的功能。如何更改InfoWindow方法以使图像也与InfoWindow中的文本一起显示？

function createMarker(name, latlng, mapsent)
{
    var marker = new google.maps.Marker({
                       position: latlng,
                       map: mapsent,
                       title: name   
                       });
    marker.info = new google.maps.InfoWindow({
              //when I add <IMG BORDER="0" ALIGN="Left" SRC="stagleton.jpg"> the maps will not load
      content: <IMG BORDER="0" ALIGN="Left" SRC="stagleton.jpg"> "My name is " + name

    });

    google.maps.event.addListener(marker, 'click', function(){
        marker.info.open(mapsent, marker);
    });
    return marker;
}

Answer 1

尝试：

content: '<IMG BORDER="0" ALIGN="Left" SRC="stagleton.jpg"> My name is ' + name

Answer 2

@ Dr.Molle，你在IE中尝试过吗？我无法在IE中打开infoWindows，只要他们在其中有图像。它们很小，X用来关闭它，但没有其他内容。

一旦删除图像，其余内容（h1标签，链接，文本）就会显示正常，并且infoWindow会打开。

任何线索??

编辑：您必须在IMG标签中指定高度和宽度属性，以便IE能够在其中呈现带有图像的infoWindow。 IE是历史上最糟糕的浏览器，它是一个POS ...

希望能帮助别人！

Answer 3

  var contentString = "<a href=/popups/" + id + '>' + name + "</a>" + '<br>' + address
  + '<br>' + category + '<br>' + "<img width='80' src=" + image + ">" ;

这对我有用。

如何在google maps v3中将图像添加到标记的InfoWindow？

3 个答案: