Google maps API проблема с выводом маркеров из БД

[Даниил Виттманн]

Всем здрасти. В общем есть у меня в БД таблица с информацией о маркерах (ид, имя, адрес, широта, долгота). Эта информация из базы данных размещается в XML средствами PHP
 

Скрытый текст

 

<?php
require("phpsqlajax_dbinfo.php");

function parseToXML($htmlStr)
{
$xmlStr=str_replace('<','&lt;',$htmlStr);
$xmlStr=str_replace('>','&gt;',$xmlStr);
$xmlStr=str_replace('"','&quot;',$xmlStr);
$xmlStr=str_replace("'",'&#39;',$xmlStr);
$xmlStr=str_replace("&",'&amp;',$xmlStr);
return $xmlStr;
}

// подключаюсь к бд
$connection=mysql_connect ('localhost', $username, $password);
if (!$connection) {
  die('Not connected : ' . mysql_error());
}

$db_selected = mysql_select_db($database, $connection);
if (!$db_selected) {
  die ('Can\'t use db : ' . mysql_error());
}

// беру инфу о маркерах
$query = "SELECT * FROM markers WHERE 1";
$result = mysql_query($query);
if (!$result) {
  die('Invalid query: ' . mysql_error());
}

// открываю xml тег
echo '<markers>';

// цикл...
while ($row = @mysql_fetch_assoc($result)){
  echo '<marker ';
  echo 'type="' . $row['id] . '" ';
  echo 'name="' . parseToXML($row['name']) . '" ';	//беру имя и убираю из него все специальные символы
  echo 'address="' . parseToXML($row['address']) . '" '; //то же самое с адрессом
  echo 'lat="' . $row['lat'] . '" ';
  echo 'lng="' . $row['lng'] . '" ';
  echo '/>';
}

//тег закрыл
echo '</markers>';

?>

 

 

 

В итоге если открыть браузером будет что-то типо этого

<markers>
  <marker id="1" name="Name of first marker" address="Address of first marker" lat="49.234310" lng="28.464508" />
  <marker id="2" name="Name of second marker" address="Address of second marker" lat="49.237968" lng="28.481297" />
</markers>

 

Дальше начинается самое сложное и непонятное для меня. С помощью js надо все впихнуть в google карту

Скрытый текст

 

 function initMap() { 
        var map = new google.maps.Map(document.getElementById('map'), { //вызываюкарту
          center:  {lat: 49.23, lng: 28.47}, //параметры
          zoom: 12
        });
        var infoWindow = new google.maps.InfoWindow;

          downloadUrl('pointmarkers.php', function(data) { // pointmarkers.php — тут указываю файл описаный выше
            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('address');
              var point = new google.maps.LatLng(
                  parseFloat(markerElem.getAttribute('lat')),
                  parseFloat(markerElem.getAttribute('lng')));

              var infowincontent = document.createElement('div');
              var strong = document.createElement('strong');
              strong.textContent = name
              infowincontent.appendChild(strong);
              infowincontent.appendChild(document.createElement('br'));

              var text = document.createElement('text');
              text.textContent = address
              infowincontent.appendChild(text);
              var marker = new google.maps.Marker({
                map: map,
                position: point
              });
              marker.addListener('click', function() {
                infoWindow.setContent(infowincontent);
                infoWindow.open(map, marker);
              });
            });
          });
        }



      function downloadUrl(url, callback) {
        var request = window.ActiveXObject ?
            new ActiveXObject('Microsoft.XMLHTTP') :
            new XMLHttpRequest;

        request.onreadystatechange = function() {
          if (request.readyState == 4) {
            request.onreadystatechange = doNothing;
            callback(request, request.status);
          }
        };

        request.open('GET', url, true);
        request.send(null);
      }

      function doNothing() {}

 

 

 

И в указаной выше строке выдает ошибку
Uncaught TypeError: Cannot read property 'getElementsByTagName' of null

делал по туториалу на англоязычных форумах конкретного ответа не нашел. Надеюсь на вашу помощь.

Если нужно посмотреть вживую, то вот

Edited September 13, 2017 by Даниил Виттманн