Javascript 如何在google maps v3中将图像添加到标记的信息窗口?
我有一个图像,我想添加到一个标记,stagleton.png,我有一个函数来创建一个标记。如何更改InfoWindow方法,使图像与InfoWindow中的文本一起显示Javascript 如何在google maps v3中将图像添加到标记的信息窗口?,javascript,html,google-maps,Javascript,Html,Google Maps,我有一个图像,我想添加到一个标记,stagleton.png,我有一个函数来创建一个标记。如何更改InfoWindow方法,使图像与InfoWindow中的文本一起显示 function createMarker(name, latlng, mapsent) { var marker = new google.maps.Marker({ position: latlng, map: mapsent
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;
}
函数createMarker(名称、latlng、mapsent)
{
var marker=new google.maps.marker({
位置:latlng,
地图:mapsent,
标题:姓名
});
marker.info=new google.maps.InfoWindow({
//当我添加时,地图将不会加载
内容:“我的名字是”+名字
});
google.maps.event.addListener(标记'click',函数(){
marker.info.open(mapssend,marker);
});
返回标记;
}
试试:
内容:“我的名字是”+name
@Dr.Molle,你在IE中试过吗?我无法让信息窗口在IE中打开,只要其中有图像。它们很小,只有X来关闭它,但没有其他内容
一旦我删除了图像,其余的内容(h1标签、链接、文本)就会显示良好,信息窗口就会打开
有什么线索吗
编辑:必须在IMG标记中指定高度和宽度属性,IE才能渲染包含图像的信息窗口。IE是有史以来最差的浏览器,真是一个好位置 希望这对某人有帮助
var contentString=“”+”
“+地址
var contentString = "<a href=/popups/" + id + '>' + name + "</a>" + '<br>' + address
+ '<br>' + category + '<br>' + "<img width='80' src=" + image + ">" ;
+“
”+类别+”
“+”;
这对我有用 检查我的答案,你考IE了吗?
var contentString = "<a href=/popups/" + id + '>' + name + "</a>" + '<br>' + address
+ '<br>' + category + '<br>' + "<img width='80' src=" + image + ">" ;