javascript - 如何将图像添加到谷歌地图 v3 中标记的信息窗口?

标签 javascript html google-maps

我有一个要添加到标记 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;
}

最佳答案

尝试:

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

关于javascript - 如何将图像添加到谷歌地图 v3 中标记的信息窗口?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10161013/

相关文章:

javascript - 合并来自两个http请求的AngularJS对象

javascript - 如何获取前两个 URL 路径段?

javascript - 动态调整由 KineticJS 框架创建的 HTML5 Canvas 大小

java - j2me : how to show My Location in google map?

android - 启动谷歌地图应用

javascript - 更新基本 jQuery 脚本以使用 ScrollTo 函数

javascript - 为什么req.files不存在?

html - 如何覆盖我的导航栏背景颜色以使其与 jumbotron BG 颜色相同?

javascript - 在 Canvas 中绘制 1px 粗线创建 2px 粗线