0

我想要做的是，在页面上加载谷歌地图，然后逐个加载我的标记，以便用户在它们可用时看到它们。我是故意这样做的，因为我想展示我的网站在一个城市中的覆盖范围。现在我尝试在页面加载之前加载它们，但这需要很长时间！（我有 600 多个标记并且还在增长）

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

4

3 回答 3

1

我不知道你是什么意思它需要很长时间。谁？要渲染的页面？要渲染的地图。

从 UI 的角度来看，您应该尝试使用集群标记 id 它们非常接近（有 v3 api 的演示）

于 2012-09-12T22:10:18.417 回答
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();
于 2012-09-13T11:26:47.140 回答
1

你的意思是像文档中的“太多标记”页面？

于 2012-09-13T03:09:38.607 回答