谷歌地圖信息窗口的問題

您好我已經適應了代碼示例和其他網站，以適應自己，我需要的信息窗口中顯示四個屬性，「姓名」，「地址」，「電話」和「品種」。一旦予除去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); 
     } 
    }); 
}

乾杯！

來源

2012-08-04 cmccarra

但我可以在最新版本的Firefox上看到相當好的標記。你使用的是什麼瀏覽器？ – 2012-08-04 17:03:27

我也可以看到標記，但我想要的是當您點擊標記時，在信息窗口中顯示姓名，地址，電話和品種信息。任何時候我試圖改變標記消失，顯然我沒有做編碼權。 – cmccarra 2012-08-04 17:07:23

這看起來像問題：

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

複製的代碼是設置來改變基於「類型」的圖標。如果刪除該行：

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

應該有一個清晰的javascript錯誤。如果您不需要自定義圖標，請將該行更改爲var icon = {};或刪除它，並將您的標記更改爲：

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

來源

2012-08-04 17:22:30 geocodezip

乾杯！知道這是簡單的事情。 – cmccarra 2012-08-04 17:42:26

谷歌地圖信息窗口的問題

回答

相關問題