Почему консоль не может определить идентификатор? - PullRequest
0 голосов
/ 07 мая 2018

Я пытаюсь заставить консоль показывать идентификатор, а также широту и долготу, чтобы в идеале сохранить его в массиве, который затем я могу сохранить в базе данных mysql. Это включает в себя использование Google Maps Javascript API.

Вот код:

<script>
 var markers;
        function initMap() {    
        var geocoder = new google.maps.Geocoder();
        var map = new google.maps.Map(document.getElementById('map'), {
          zoom: 12
        });
        var infoWindow = new google.maps.InfoWindow;

          // Change this depending on the name of your PHP or XML file
            // this connects to the database
             function geocodeAddress(geocoder, resultsMap) {       
          downloadUrl('maps.php', function(data) {
      //        var cdata = JSON.parse(document.getElementById('data').innerHTML);
            var xml = data.responseXML;
            var markers = xml.documentElement.getElementsByTagName('marker');
            Array.prototype.forEach.call(markers, function(markerElem) {
              var id = markerElem.getAttribute('id');
              var name = markerElem.getAttribute('name');
              var address = markerElem.getAttribute('address');
              var type = markerElem.getAttribute('type');
              var lat = markerElem.getAttribute('lat');
              var lng = 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);
            geocoder.geocode({'address': address}, function(results, status) {
          if (status === 'OK') {     
            resultsMap.setCenter(results[0].geometry.location); 
            lat = (results[0].geometry.location.lat());
            lng = (results[0].geometry.location.lng());
              var points = {};
              points.id = id.id;
              points.lat = map.getCenter().lat();
              points.lng = map.getCenter().lng();
              getlatlng(points);
            var marker = new google.maps.Marker({
              map: resultsMap,
              position: results[0].geometry.location
            });
          } else {
            alert('Geocode was not successful for the following reason: ' + status);
          }
                             marker.addListener('click', function() {
                infoWindow.setContent(infowincontent);
                infoWindow.open(map, marker);
              });
        })   

            });   
          });
           function getlatlng(points) {
               console.log(points);
           }
             }
geocodeAddress(geocoder, map);

      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() {}

    </script> 

Когда консоль загружена, id будет отображаться как неопределенное, тогда как lat и lng будут отображаться. Может кто-нибудь помочь мне с этим вопросом?

1 Ответ

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

Возможно, потому что var id = markerElem.getAttribute('id'); не возвращает массив, а здесь points.id = id.id; вы атакуете свойство 'id'. Изменение его на points.id = id; должно сработать.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...