获取Google Maps XML文件的最后一个节点

Question

我一直在使用Google Maps API v3，因为v2已过时，并且不再适用于我的网站

我不想显示地图上xml文件中的每个指针，而是要显示与该页面相关的当前标记。 我有一个事件页面，所以我想显示有关事件的信息并显示仅用于从xml文件获取的事件的地图。

除了我需要在URL中指定一个ID（这是我需要做的，但是如果在URL中未设置ID的情况下）时，我已经完成了所有工作。

假设我的网址是不会显示地图的www.mysite.com/events.php，因为没有ID，但是如果我使用www.mysite.com/events.php?id=1，地图将显示

我需要确定一个id是否在url中，如果没有，请找到xml文件的最后一个标记并显示它，因为它将是最新的

这是谷歌代码以及我的附加内容，用于检查网址中的ID是否存在

   function load() {
          var map = new google.maps.Map(document.getElementById("map"), {
            center: new google.maps.LatLng(50.618438, -3.420304),
            zoom: 13,
            mapTypeId: 'roadmap'
          });
          var infoWindow = new google.maps.InfoWindow;

          // Change this depending on the name of your PHP file
          downloadUrl("results.xml", function(data) {
            var xml = data.responseXML;
            var the_id = gup('id');

            var markers = xml.documentElement.getElementsByTagName("marker");
            var last = markers.length-1;

            for (var i = 0; i < markers.length; i++) {
                if (markers[i].hasAttribute('id')) {
                    //if there is, test its value
                    if (markers[i].getAttribute('id') == the_id) {
                          var name = markers[i].getAttribute("name");
                          var address = markers[i].getAttribute("address");
                          var type = markers[i].getAttribute("type");
                          var point = new google.maps.LatLng(
                              parseFloat(markers[i].getAttribute("lat")),
                              parseFloat(markers[i].getAttribute("lng")));
                          var html = "<b>" + name + "</b> <br/>" + address;
                          var icon = customIcons[type] || {};
                          var marker = new google.maps.Marker({
                            map: map,
                            position: point,
                            icon: icon.icon,
                            shadow: icon.shadow
                          });

                        bindInfoWindow(marker, map, infoWindow, html);
                     }
                     else {
                         var name = markers[last].getAttribute("name");
                          var address = markers[last].getAttribute("address");
                          var type = markers[last].getAttribute("type");
                          var point = new google.maps.LatLng(
                              parseFloat(markers[last].getAttribute("lat")),
                              parseFloat(markers[last].getAttribute("lng")));
                          var html = "<b>" + name + "</b> <br/>" + address;
                          var icon = customIcons[type] || {};
                          var marker = new google.maps.Marker({
                            map: map,
                            position: point,
                            icon: icon.icon,
                            shadow: icon.shadow
                          });

                        bindInfoWindow(marker, map, infoWindow, html);
                     }

                }
            }
          });
        }

我添加了else，因此它应使用最后一个xml标记替换for循环中的i，但它不起作用

这是从网址获取ID的函数

function gup( name ) {
  name = name.replace(/[\[]/,"\\\[").replace(/[\]]/,"\\\]");
  var regexS = "[\\?&]"+name+"=([^&#]*)";
  var regex = new RegExp( regexS );
  var results = regex.exec( window.location.href );
  if( results == null )
    return "";
  else
    return results[1];
}

我想我需要检查id是否存在，如果不存在，请获取最后一个标记。

Answer 1

啊...一方面，您的“ else”子句处于错误的级别（并且附加到错误的if）。 每个具有id的标记都会被执行一次，因为它位于for循环内。 至少，您应该将else移出for循环。

但是for循环也是不必要的。 使用getElementById(id)而不是遍历标记元素来检查哪个具有正确的id：

 var the_id = gup('id');
 var respDoc = data.responseXML.documentElement
 var the_marker = respDoc.getElementById(the_id);
 // If the_id is '' then there will be no such marker, and the_marker will be
 // null, which is "falsy".
 if (!the_marker) {
   var markers = respDoc.getElementsByTagName("marker");
   // check whether there are any markers.
   if (markers.length < 1) return; // avoid errors
   the_marker = markers[markers.length - 1];
 }
 // Now do what you need to with the_marker.getAttribute("name") etc.
 // This is just your code, with markers[i] replaced by the_marker:
 var name = the_marker.getAttribute("name");
 var address = the_marker.getAttribute("address");
 var type = the_marker.getAttribute("type");
 var point = new google.maps.LatLng(
   parseFloat(the_marker.getAttribute("lat")),
   parseFloat(the_marker.getAttribute("lng")));
 var html = "<b>" + name + "</b> <br/>" + address;
 var icon = customIcons[type] || {};
 var marker = new google.maps.Marker({
    map: map,
    position: point,
    icon: icon.icon,
    shadow: icon.shadow
 });

 bindInfoWindow(marker, map, infoWindow, html);

（未经测试。）

最后，我注意到您使用的gup（）正在查看window.location.href，即当前网页的URL。 那就是你想要的，对吗？ 好的，只是检查一下...