我目前正在组装一个演示应用程序,需要在地图上显示 28,000 个标记,而不使用任何类型的聚类。问题是,将标记添加到地图上花费的时间太长,以至于浏览器崩溃!这是当前的流程
-从数据库中检索地图点,包括 LAT 和 LONG(无需进行地理编码)
- for 循环循环遍历每个返回值并执行以下操作:
var marker = new google.maps.Marker({
position: point,
animation: google.maps.Animation.DROP,
map: map,
title: value.Title,
icon: icons['store']
});
google.maps.event.addListener(marker, 'click', function () {
var hidingMarker = currentPlace;
var slideIn = function (marker) {
$('#Name', info).text(place.Title);
$('#Phone', info).text(place.Description);
$('#Address', info).text(place.Proper_Address);
$('#LastSale', info).text("Last Sale:" + place.Last_Sale);
info.animate({ right: '0%' });
}
- 标记插入,用户可以单击其中任何一个来查看一些信息
是否有更有效的方法来执行此操作,以便无需对它们进行聚类即可显示 28,000 个?我发现以前有人写过一些脚本来处理它,但它们都是针对 api V2 的。非常感谢任何链接或代码!
谢谢!