谷歌地图集群IE8问题
下面的代码在火狐和IE9上运行良好，但在IE8上更新标记时出现了问题。我得到"SCRIPT16389: Unspecified error。main.js，第20行字符313“，标记一旦创建，就不会使用新的数据集进行更新
我的newdata.json格式是
{
"points": [
{
"lat": "-28.0000",
"long": "133.1500",
"id": 0
},
{
"lat": "-28.4710",
"long": "153.3443",
"id": 1
}
]
}下面是获取json并使用聚类来显示点的脚本
var map=null;
var markersArray = [];
var markerCluster= null;
google.load('maps', '3', {
other_params: 'sensor=true'
});
google.setOnLoadCallback(initialize);
function initialize() {
var mapcentre = new google.maps.LatLng(-29,135);
var mapOptions = {
zoom: 5,
center: mapcentre,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById('map'), mapOptions);
startTimer();
}
function startTimer(){
setInterval(function() {
deleteOverlays();//should delete any existing point and clear the cluster
addMarker();
},3000);
}
function addMarker() {
$.ajax({
type: "GET",
url: "newdata.json",
async: false,
dataType: "json",
success: function(data){
for (var i = 0, dataPoint; dataPoint = data.points[i]; i++) {
var latLng = new google.maps.LatLng(dataPoint.lat,dataPoint.long);
var marker = new google.maps.Marker({
position: latLng
});
markersArray.push(marker);
}
markerCluster = new MarkerClusterer(map, markersArray);
}
});
}
// Deletes all markers in the array by removing references to them
function deleteOverlays() {
if (markersArray.length > 0) {
for (i in markersArray) {
markersArray[i].setMap(null);
}
markersArray.length = 0;
}
if(markerCluster!= null) {
markerCluster.clearMarkers();
}
}在IE8上，地图加载得很好，初始数据也显示得很好，但是新数据没有更新，所以我猜deleteOverlays出了什么问题？
上面的示例基于http://google-maps-utility-library-v3.googlecode.com/svn/trunk/markerclusterer/examples/advanced_example.html?compiled
回答 2
Stack Overflow用户
发布于 2012-07-19 12:19:04
添加缓存:false，触发IE8以始终获取最新的json并按预期更新标记。
function addMarker() {
$.ajax({
type: "GET",
url: "newdata.json",
async: false,
cache: false,
dataType: "json",
success: function(data){
for (var i = 0, dataPoint; dataPoint = data.points[i]; i++) {
var latLng = new google.maps.LatLng(dataPoint.lat,dataPoint.long);
var marker = new google.maps.Marker({
position: latLng
});
markersArray.push(marker);
}
markerCluster = new MarkerClusterer(map, markersArray);
}
});}
Stack Overflow用户
发布于 2012-07-18 10:39:00
有一件事是非常错误的，for/in循环是针对对象的，而不是数组。我一直讨厌IE，但现在似乎越来越多的时候，当我希望每个人都这样做的时候，它似乎就会崩溃。它可能会破坏这一点。在这些花哨的新J-I-T年轻的whippersnapper浏览器中发生的事情是，他们将点击所有的键，但也会点击所有的数组属性，这是愚蠢的，IMO。这是一种轻量级的输入方式，也是循环数组的更有效的方式(请记住它是向后循环的)：
var i = markersArray.length
while(i--){
markersArray[i].setMap(null);
}如果不是这样，请检查HTML。如果你搞砸了HTML，其他浏览器可能足够聪明，知道如何把它们拼凑在一起(同样，这也太聪明了)，而IE8会像金丝雀一样踢死曼哈顿项目的起点。
不，真的，停止在数组上使用for/in。即使它起作用了，它也可能是一团糟。
https://stackoverflow.com/questions/11533051
复制相似问题
腾讯云开发者
