谷歌地图标记未在 Firefox 中显示答案

【问题标题】：Google Map Markers Not Showing in Firefox谷歌地图标记未在 Firefox 中显示
【发布时间】：2011-10-18 11:18:42
【问题描述】：

我想知道是否有人可以帮助我。

我正在使用下面的编码来检索谷歌地图坐标并在谷歌地图上添加相关标记。编码在 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(); 

?>

【问题讨论】：

你能发布一个 phpfile.php 的示例输出，或者你有一个开发站点，所以我可以测试一下吗？您是否检查过 phpfile.php 是否真的与您的 AJAX 请求一起加载到 firefox 中？

标签： php html firefox google-maps-api-3

【解决方案1】：

我遇到了完全相同的问题，我的猜测是您的查询结果中有一些撇号或其他特殊字符会阻止 Firefox 正确加载 XML。

编辑：我实际上通过在产生问题的列上使用 utf8encode() 解决了我的问题。在您的情况下，您可以使用

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

例如，在您的 PHP 文件中。

【讨论】：

【解决方案2】：

我在地图上遇到了同样的问题，标记在 Firefox 上 1 或 2 分钟后显示，但在 Chrome 上工作正常，问题是一个空的影子 url，我只是通过为标记设置一个影子图标来解决它，所以在你的情况下重新检查你的 icon.shadow，希望这对你有帮助。

【讨论】：

嗨@Maher，感谢您抽出宝贵时间回复我的帖子并提供指导。真的很感激。亲切的问候