从 GeoJSON 文件将图像添加到信息窗口？谷歌地图 javascript API

Question

基本上，我想通过一个标记显示一个信息窗口，该窗口可以显示来自 GeoJSON 文件的多个信息，例如日期、时间和事件类型（我现在可以做到所有这些）... 但我还需要每个标记信息窗口的特定图像。

  var infowindow = new google.maps.InfoWindow();

  map.data.addListener('click', function(event) {

  var myIMAGE = event.feature.getProperty("Image");
  var myDATE = event.feature.getProperty("Date");
  var myHOUR = event.feature.getProperty("Hour");     
  var myCATEGORY = event.feature.getProperty("Category");

  infowindow.setContent("<div style='width:150px; text-align: left;'>"+"<b>Category: </b>"+myCATEGORY +"<br>"+"<b>Date: </b>"+ myDATE +"<br>"+"<b>Hour: </b>"+myHOUR +"<br>" +"<b>Image:</b>" +"<br>" + "<img src= 'myIMAGEN' alt='Dale la Cara AC' >" + "</div>");

我知道可能的错误在：

+ "<img src= 'myIMAGE' alt='Dale la Cara AC'>"

这是我的 GeoJSON 字符串：

{"id":"MPBA001","properties":{"Image":"http://storage.googleapis.com/ops_geojson/Flecker/Icons/Atoyac/Marcador_BasuraEnBarrancas.png","Latitude":19.0225448527012,"Category":"Agua","Date":"21/03","Hour":"21:00pm","ID":"MPBA001","Longitude":-98.1973242759704}, "type":"Feature","geometry":{"type":"Point","coordinates":[-98.1973242759704,19.0225448527012]}}

每个信息窗口内都有不同的图像。有没有办法从我的 GeoJSON 字符串调用链接到 'src' 值？所以我可以在我的信息窗口中显示这个图像。

谢谢！

Answer 1

应该是：

+ "<img src= '" + myIMAGE + "' alt='Dale la Cara AC'>"

目前您将<img/> 的src 设置为字符串myIMAGE，而不是变量myIMAGE 的值