В настоящее время я собираю демонстрационное приложение, которое должно отображать 28 000 маркеров на карте без использования какого-либо типа кластеризации. Проблема в том, что добавление маркера на карту для такого количества занимает так много времени, что браузер вылетает! Вот текущий процесс
-Получает точки карты из базы данных, включая LAT и LONG (не требует геокодирования)
- для цикла циклически перебирает каждое из возвращаемых значений и делает это:
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%' });
}
- маркеры выпадают, и пользователь может щелкнуть по любому из них, чтобы увидеть немного информации
Есть ли более эффективный способ сделать это так, чтобы показ 28000 был возможен без необходимости их кластеризации? Я нашел несколько сценариев, которые люди писали, чтобы справиться с этим раньше, но все они для API V2. Любые ссылки или код с благодарностью!
спасибо!