В настоящее время я собираю демонстрационное приложение, которое должно отображать 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. Любые ссылки или код приветствуются! Благодарность!