Question

我正在使用谷歌地图API。

以下内容属于<head>

<script src="http://maps.google.com/maps/api/js?sensor=false"></script>

以下内容属于body

<script type="text/javascript">

    var infowindow = new google.maps.InfoWindow({ 
        //size: new google.maps.Size(150,150)
        maxWidth: 500,
    });
    function initialize() {
        var myOptions = {
            zoom: 4,
            center: new google.maps.LatLng(38.90, -99.00),
            mapTypeControl: true,
            mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU},
            navigationControl: true,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        }

        map = new google.maps.Map(document.getElementById("map"), myOptions);

        var markers = [];


        for (var i = 0; i < businesses.length; i++) {

            var latLng = new google.maps.LatLng(businesses[i].latitude, businesses[i].longitude);
            var marker = createMarker(latLng,businesses[i].name, businesses[i].description);

            markers.push(marker);


        }

    }

    function createMarker(latlng, name, html) {
        var contentString = html;
        var marker = new google.maps.Marker({
            position: latlng,
            map: map,
            zIndex: Math.round(latlng.lat()*-100000)<<5
            });

        google.maps.event.addListener(marker, 'click', function() {
            infowindow.setContent(contentString); 
            infowindow.open(map,marker);
        });
    }


</script>
<script type="text/javascript">
    var businesses = new Array();
</script>

然后我运行一些php并在php foreach语句中使用它

<script type="text/javascript">
    business = {
        name:"<?php echo $i; ?> - Columbia Gorge Blue Grass",
        description:"<?php echo $row['display_name']; ?>",
        address:"$row['address'];",
        latitude:"<?php echo $row['lat']; ?>",
        longitude:"<?php echo $row['lon']; ?>",
        url:"$row['url'];",
        business_type:"Getaway"
    };
    businesses[<?php echo $i; ?>] = business;
</script>

在foreach语句之后，我有div的地图并调用初始化语句

<div id="map-container"><div id="map"></div></div>
<script>    
    initialize();    
</script>

Chrome和Firefox中的一切都有效但在IE中我得到了“完成，但页面上有错误”。错误。地图在IE中加载正常，但地图上没有标记。

当我点击IE错误图标时，这是我得到的消息：网页错误详情

User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.1; WOW64; Trident/4.0; SLCC2; .NET CLR 2.0.50727; .NET CLR 3.5.30729; .NET CLR 3.0.30729; MS-RTC LM 8; InfoPath.3)
Timestamp: Fri, 13 Jan 2012 16:54:36 UTC


Message: Object doesn't support this property or method
Line: 111102061
Char: 3
Code: 0
URI: http://www.domain.com/contractor/listings

我很确定在调用initialize();时会出现问题，但我无法确定导致问题的原因。

任何帮助或见解都将不胜感激。

由于

-Mike

Answer 1

这里有逗号：

 maxWidth: 500,

Answer 2

只是一个想法。纬度和经度是浮点数。在这种情况下，不确定是否应将它们包装在“”中。

latitude:"<?php echo $row['lat']; ?>",
longitude:"<?php echo $row['lon']; ?>",

可能IE正在将它们视为字符串。另一个建议;删除此行，看看是否有任何区别：

zIndex: Math.round(latlng.lat()*-100000)<<5

谷歌地图标记未在IE中加载

2 个答案: