2012-08-04 74 views
0

您好我已经适应了代码示例和其他网站,以适应自己,我需要的信息窗口中显示四个属性,“姓名”,“地址”,“电话”和“品种”。一旦予除去var type = markers[i].getAttribute("type");(这是从谷歌地图的示例代码现有属性)谷歌地图信息窗口的问题

并将其替换为:

var phone = markers[i].getAttribute("phone"); 
var breeds = markers[i].getAttribute("breeds"); 

地图不显示任何标记。我不是那么高的JavaScript,所以它可能是简单的我很想念。地图可以在这里找到:http://connormccarra.com/test/

的信息正在采取从这个XML文件:http://connormccarra.com/test/phpsqlajax_genxml3.php

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


    // Change this depending on the name of your PHP file 
    downloadUrl("phpsqlajax_genxml3.php", function(data) { 
     var xml = data.responseXML; 
     var markers = xml.documentElement.getElementsByTagName("marker"); 
     for (var i = 0; i < markers.length; i++) { 
      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); 
     } 
    }); 
} 

干杯!

+0

但我可以在最新版本的Firefox上看到相当好的标记。你使用的是什么浏览器? – 2012-08-04 17:03:27

+0

我也可以看到标记,但我想要的是当您点击标记时,在信息窗口中显示姓名,地址,电话和品种信息。任何时候我试图改变标记消失,显然我没有做编码权。 – cmccarra 2012-08-04 17:07:23

回答

2

这看起来像问题:

 var icon = customIcons[type] || {}; 

复制的代码是设置来改变基于“类型”的图标。如果删除该行:

 var type = markers[i].getAttribute("type"); 

应该有一个清晰的javascript错误。如果您不需要自定义图标,请将该行更改为var icon = {};或删除它,并将您的标记更改为:

 var marker = new google.maps.Marker({ 
     map: map, 
     position: point 
     }); 
+0

干杯!知道这是简单的事情。 – cmccarra 2012-08-04 17:42:26