2

我有一个正在开发的网站，它使用 Google Maps API V3 来加载多个定位器。一切正常，除了在 IE7/8 中，由于以下错误，我的数组循环失败：

SCRIPT5007: Unable to get value of the property '5': object is null or undefined

我查看了 StackOverflow 上的所有类似问题，但找不到任何解决方案。

所以我试图从一个对象数组中访问数据（我也尝试了一个嵌套数组，但发生了同样的错误）。我的数组如下。我还尝试删除 html 对象以防万一导致问题，但没有任何变化 - IE7/8 仍然无法获取对象值。

var sites = [
    {title: "Hermitage Medical Clinic", latitude: 53.3593139774, longitude: -6.40494071541, enumerator: 1, html: "<div class=\"find_a_surgeon_info_inner\"><h4 style=\"margin: 0; padding: 0;\">Hermitage Medical Clinic</h4><p>Old Lucan Road, Dublin 20</p><p><a href=\"http://devel.pixelapes.com/iaps.ie/location/hermitage-medical-clinic/\">View hospital details</a></p></div>", iconTerm: "hospital" }
        ];

这是我试图访问数据的函数：

        function setMarkers(map, sites) {

            for (var i = 0; i < sites.length; i++) {
                // var sites = markers[i];
                var icon = '<?php bloginfo("template_url"); ?>/images/map-icons/' + sites[i].iconTerm + '.png';
                var siteLatLng = new google.maps.LatLng(sites[i].latitude, sites[i].longitude);
                var marker = new google.maps.Marker({
                    position: siteLatLng,
                    map: map,
                    icon: icon,
                    title: sites[i].title,
                    zIndex: sites[i].enumerator,
                    html: sites[i].html
                });

                var contentString = "Some content";

                google.maps.event.addListener(marker, "click", function () {
                    infowindow.setContent(this.html);
                    infowindow.open(map, this);
                });
            }
        }

如果 iconTerm 对象存在特定问题，但 IE7/8 尝试获取下一个对象值失败，我也尝试回退到仅使用默认 Maps 标记。

这是发生这种情况的页面：http: //devel.pixelapes.com/iaps.ie/surgeon/eamon-s-beausang/

奇怪的是，我有另一个地图实例，我没有使用 map.fitBounds 设置边界。仍然无法获取对象值，但地图加载（但非常混乱）：http ://devel.pixelapes.com/iaps.ie/find-a-hospital-or-clinic/

我已尝试删除单个外科医生页面上的 fitBounds 功能，但地图仍然没有像在“查找医院”​​地图上那样部分加载。

关于如何解决这个问题的任何想法？

4

2 回答 2

7

sites在and的最后一项之后有尾随逗号latlngs，删除它们，IE 不喜欢数组/对象中的尾随逗号。

于 2012-05-03T12:31:22.923 回答
0

我认为您的问题可能是 IE 不喜欢您为sites数组成员选择的一个（或多个）属性名称。我建议将您的第一个代码部分更改为：

var sites = [{
        "title": "Hermitage Medical Clinic",
        "latitude": 53.3593139774,
        "longitude": -6.40494071541,
        "enumerator": 1,
        "html": "<div class=\"find_a_surgeon_info_inner\"><h4 style=\"margin: 0; padding: 0;\">Hermitage Medical Clinic</h4><p>Old Lucan Road, Dublin 20</p><p><a href=\"http://devel.pixelapes.com/iaps.ie/location/hermitage-medical-clinic/\">View hospital details</a></p></div>",
        "iconTerm": "hospital"
}];
于 2012-05-03T14:46:01.280 回答