2012-09-12 34 views
0

我想要做的是在页面上加载谷歌地图,然后加载我的标记,以便用户在可用时看到它们。我故意这样做,因为我想展示我的网站在一个城市覆盖了多少。现在我已经尝试在页面加载之前加载它们,但这需要很长时间! (我有600多个标记和不断增长)在页面加载后加载标记地图

我有基本的知识来显示地图,加载标记,但这需要一个不同的方法,我需要一些帮助。如果任何人可以指向我的教程或参考页面来帮助我开始将是一个巨大的帮助。

回答

1

我不确定你的意思是需要多长时间。谁?页面呈现?要渲染的地图。

从视图OU的UI点应尽量簇标记ID他们太接近(有V3的API演示)

+0

页面需要永远在我,如果加载在一个循环的标记加载。我现在将研究集群标记。 – BalintD

1

负载在与调用setTimeout的时间了几个标记,例如:

//Global variable 
var markersData = []; 

markersData[0] = { 
    "lat": 45.0, 
    "lon": -91.0, 
    "name":"marker 0" 
}; 
markersData[1] = { 
    "lat": 45.0, 
    "lon": -92.0, 
    "name":"marker 1" 
}; 
//...etc 



// Load 10 markers every 100 miliseconds 

function load_10_markers(){ 
    for (var n = 0 ; n < 10 ; n++) { 
     var markerData = markersData.shift(); 
     if(markerData){ 
      var marker = new google.maps.Marker({ 
       position: new google.maps.LatLng(markerData.lat, markerData.lon), 
       title: markerData.name, 
       map: map 
      }); 
     } 

    } 
    if(markersData.length){ 
     window.setTimeout("load_10_markers()",100); 
    } 

} 

load_10_markers();