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();