2011-08-02 72 views
4

我想知道是否有人能夠幫助我。谷歌地圖標記不在Firefox中顯示

我正在使用下面的代碼來檢索Google地圖座標並在Google地圖上添加關聯的標記。該編碼在Internet Explorer中完美工作,但在使用Firefox時遇到問題。地圖已創建,但沒有添加任何標記。

有人可能請看看這個,讓我知道我要去哪裏錯了。

非常感謝和問候

克里斯

HTML

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml" lang="en"> 
    <head> 
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> 
     <title>All Locations</title> 
     <link rel="stylesheet" href="css/alllocationsstyle.css" type="text/css" media="all" /> 
     <script type="text/javascript" 
     src="http://maps.google.com/maps/api/js?sensor=false&language=en"></script> 
     <script type="text/javascript"> 
      var customIcons = { 
      0: { 
      icon: 'http://labs.google.com/ridefinder/images/mm_20_red.png', 
      shadow: 'http://labs.google.com/ridefinder/images/mm_20_shadow.png' 
      }, 
      1: { 
      icon: 'http://labs.google.com/ridefinder/images/mm_20_green.png', 
      shadow: 'http://labs.google.com/ridefinder/images/mm_20_shadow.png' 
      } 
      }; 

      function load() { 
      var map = new google.maps.Map(document.getElementById("map"), { 
      center: new google.maps.LatLng(54.312195845815246,-4.45948481875007), 
      zoom:6, 
      mapTypeId: 'roadmap' 
      }); 

      // Change this depending on the name of your PHP file 
      downloadUrl("phpfile.php", function(data) { 
      var xml = data.responseXML; 
      var markers = xml.documentElement.getElementsByTagName("marker"); 
      for (var i = 0; i < markers.length; i++) { 
      var locationname = markers[i].getAttribute("locationname"); 
      var address = markers[i].getAttribute("address"); 
      var finds = markers[i].getAttribute("finds"); 
      var point = new google.maps.LatLng( 
      parseFloat(markers[i].getAttribute("osgb36lat")), 
      parseFloat(markers[i].getAttribute("osgb36lon"))); 
      var icon = customIcons[finds] || {}; 
      var marker = new google.maps.Marker({   
      map: map, 
      position: point, 
      title: locationname + ' - ' + address, 
      icon: icon.icon, 
      shadow: icon.shadow 
      }); 
      } 
      }); 
      } 
      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> 
      </head> 

      <body onLoad="load()"> 
       <div id="map"></div> 
      </body> 
      </html> 

PHP代碼

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

// Start XML file, create parent node 

$dom = new DOMDocument("1.0"); 
$node = $dom->createElement("markers"); 
$parnode = $dom->appendChild($node); 

// Opens a connection to a MySQL server 

$connection=mysql_connect ("******", $username, $password); 
if (!$connection) { die('Not connected : ' . mysql_error());} 

// Set the active MySQL database 

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

// Select all the rows in the markers table 

$query = "SELECT * FROM locations WHERE 1"; 
$result = mysql_query($query); 
if (!$result) { 
die('Invalid query: ' . mysql_error()); 
} 

header("Content-type: text/xml"); 

// Iterate through the rows, adding XML nodes for each 

while ($row = @mysql_fetch_assoc($result)){ 
// ADD TO XML DOCUMENT NODE 
$node = $dom->createElement("marker"); 
$newnode = $parnode->appendChild($node); 
$newnode->setAttribute("locationname",$row['locationname']); 
$newnode->setAttribute("address", $row['address']); 
$newnode->setAttribute("osgb36lat", $row['osgb36lat']); 
$newnode->setAttribute("osgb36lon", $row['osgb36lon']); 
$newnode->setAttribute("finds", $row['finds']); 
} 

echo $dom->saveXML(); 

?> 
+0

你可以發佈一個phpfile.php的樣例輸出,或者你有一個開發網站,所以我可以測試這個帽子嗎?你有沒有檢查過,如果phpfile.php真的用firefox加載了你的AJAX請求? –

回答

0

我有相同的問題,我的猜測是,你有一些撇號或查詢結果中的其他特殊字符阻止Firefox加載正確的XML。

編輯:我實際上通過使用utf8encode()創建問題的列上解決了我的問題。在你的情況下,你可以使用你的PHP文件中的

$newnode->setAttribute("locationname",utf8encode($row['locationname'])); 

0

我有我的地圖同樣的問題,該標記在Firefox 1或2分鐘後顯示,但它在Chrome做工精細,問題是一個空的影子網址,我只是通過設置陰影圖標爲解決這個問題標記,所以你的情況重新檢查你的icon.shadow,希望這可以幫助你。

+0

嗨@Maher,感謝您花時間回覆我的文章和指導。這是真正的讚賞。親切的問候 – IRHM