Добавление изображений в информационное окно из файла GeoJSON? Google maps 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'>" 

В настоящее время вы установите src из <img/> в строку myIMAGE и не величина переменной myIMAGE