Javascript GoogleMaps api：如何在多个信息窗口的内容中放置图像？

简而言之，我想结合这两个主题：

我将我的位置数据存储在数据库中，并将其作为数组检索。我想为数据库中的每个x数量的位置放置一个标记和信息窗口。其中一个字段包含图像，我想将其包含在infoWindow内容中

到目前为止，我的情况如下：

Php: //创建连接 $con=mysqli_connect（“测试”）

Javascript

函数初始化（）

：

变量样式=[
{
样式：[
{hue:#00ffe6}，
{饱和：-20}，
]
},{
特色类型：“道路”，
elementType:“几何体”，
样式：[
{亮度：100}，
{可见性：“简化”}，
]
},{
特色类型：“道路”，
elementType:“标签”，
样式：[
{可见性：“关闭”}
]
}
];
var styledMap=new google.maps.StyledMapType（样式，
{name:“样式化映射”}）；
var mapProp={
缩放：12，
中心：新google.maps.LatLng（51.508742，-0.120850），
mapTypeControlOptions：{
MapTypeId:[google.maps.MapTypeId.ROADMAP，'map_style']
}
};
var map=new google.maps.map（document.getElementById（'map-canvas'），
mapProp）；
var infowindow=new google.maps.infowindow（）；
var标记，i；
对于（i=0；i

---

把一个普通的图像url放进去效果很好，但是只要我试着放一个数组值，地图就不想加载了！在这一点上，我真的可以用一个理智的头脑来告诉我该怎么做：-（…

这行有一个打字错误

infowindow.setContent('<img src=/uploads/'. locations[i][3]'>' + locations[i][0]);

---

哦，天哪！我就知道会是那样的小事！非常感谢！！这让我非常高兴/松了一口气。我希望我能投票支持你，但我必须有15个代表。

<?php
$js_array = json_encode($users);
echo "var locations = ". $js_array . ";\n";
?>

var styles = [
   {
     stylers: [
       { hue: "#00ffe6" },
       { saturation: -20 },
     ]
   },{
     featureType: "road",
     elementType: "geometry",
     stylers: [
       { lightness: 100 },
       { visibility: "simplified" },
     ]
   },{
     featureType: "road",
     elementType: "labels",
     stylers: [
       { visibility: "off" }
     ]
   }
 ];

var styledMap = new google.maps.StyledMapType(styles,
   {name: "Styled Map"});

var mapProp = {
   zoom: 12,
   center: new google.maps.LatLng(51.508742,-0.120850),
   mapTypeControlOptions: {
     mapTypeIds: [google.maps.MapTypeId.ROADMAP, 'map_style']
   }
 };

 var map = new google.maps.Map(document.getElementById('map-canvas'),
   mapProp);


   var infowindow = new google.maps.InfoWindow();
   var marker, i;

   for (i = 0; i < locations.length; i++) {  

    //var container = document.getElementById("photo");

    //var img = new Image();
    //img.src = '
    //container.appendChild(img);

     marker = new google.maps.Marker({
       position: new google.maps.LatLng(locations[i][1], locations[i][2]),
       map: map
     });

     google.maps.event.addListener(marker, 'click', (function(marker, i) {
       return function() {
        //infowindow.setContent('<img id=="photo">' + locations[i][0]);
        infowindow.setContent('<img src=/uploads/'. locations[i][3]'>' + locations[i][0]);
        infowindow.open(map, marker);
       }
     })(marker, i));

   }

map.mapTypes.set('map_style', styledMap);
map.setMapTypeId('map_style');
}

google.maps.event.addDomListener(window, 'load', initialize);

infowindow.setContent('<img src=/uploads/'. locations[i][3]'>' + locations[i][0]);

infowindow.setContent('<img src=/uploads/' + locations[i][3] + '>' + locations[i][0]);