从 GeoJSON 文件向信息 window 添加图像？ Google 地图 javascript API

Question

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

  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]}}

每个信息 window 中都有不同的图像。有没有办法从我的 GeoJSON 字符串调用 link 到 'src' 值？所以我可以在我的信息 window 中显示此图像。

谢谢！

Answer 1

应该是：

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

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

的值

从 GeoJSON 文件向信息 window 添加图像？ Google 地图 javascript API

Adding images to an info window from a GeoJSON file? Google maps javascript API

javascript

google-maps

google-maps-api-3

geojson

infowindow