Add image to google map infowindow from database - mysql

Question

i am trying to add a image to a infowindow google map from mysql database , but it doesnt work,
im triying this code :
im triying this code :
im triying this code :
im triying this code :
function initMap() {
var map = new google.maps.Map(document.getElementById('map'), {
center: new google.maps.LatLng(33.5934134, -7.6574144),
zoom: 16
});
var infoWindow = new google.maps.InfoWindow;
// Change this depending on the name of your PHP or XML file
downloadUrl('http://source.com/map/info.php', function(data) {
var xml = data.responseXML;
var markers = xml.documentElement.getElementsByTagName('marker');
Array.prototype.forEach.call(markers, function(markerElem) {
var name = markerElem.getAttribute('name');
var address = markerElem.getAttribute('description');
var type = markerElem.getAttribute('type');
var point = new google.maps.LatLng(
parseFloat(markerElem.getAttribute('latitude')),
parseFloat(markerElem.getAttribute('longitude')));
var infowincontent = document.createElement('div');
var strong = document.createElement('strong');
strong.textContent = name
infowincontent.appendChild(strong);
infowincontent.appendChild(document.createElement('br'));
var img = document.createElement('img');
img.src =markerElem.getAttribute('path') ;
img.style.width = '40%';
infowincontent.appendChild(img);
var text = document.createElement('text');
text.textContent = address
infowincontent.appendChild(text);
var icon = customLabel[type] || {};
var marker = new google.maps.Marker({
map: map,
position: point,
label: icon.label
});
marker.addListener('click', function() {
infoWindow.setContent(infowincontent);
infoWindow.open(map, marker);
});
});
});
}
this is the XML fetching data :
<markers><marker name="1525684435213.jpg" description="rest 2" latitude="33.5934134" longitude="-7.6574144" path="www.source.com/images/1525684435213.jpg" type=""/></markers>

Answer 1

i was correct the problème by add this to code :
var img = document.createElement('img');
img.src =markerElem.getAttribute('path') ;
img.style.width = '40%';
infowincontent.appendChild(img);
path : is the path of image fetching from database by xml file