Добавить изображение в Google Map Infowindow из базы данных - PullRequest
Новая
       11

Добавить изображение в Google Map Infowindow из базы данных

0 голосов
/ 07 мая 2018

Я пытаюсь добавить изображение на карту Google Infowindow из базы данных MySQL, но это не работает, я использую этот код: я использую этот код: я использую этот код: я пытаюсь использовать этот код: 

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);
          });
        });
      });
    }

это данные выборки XML: 

<markers><marker name="1525684435213.jpg" description="rest 2" latitude="33.5934134" longitude="-7.6574144" path="www.source.com/images/1525684435213.jpg" type=""/></markers>

1 Ответ

0 голосов
/ 08 мая 2018

Я исправил проблему, добавив это к коду: 

 var img = document.createElement('img');                                 
                    img.src =markerElem.getAttribute('path') ;
                    img.style.width = '40%';
                    infowincontent.appendChild(img);

путь: путь извлечения изображения из базы данных по XML-файлу

...