Jak obsługiwać dużą liczbę pinezek w Bing Maps

Question

Używam Bing Maps z Ajaxem i mam około 80 000 lokalizacji, do których można wrzucić pinezki. Celem tej funkcji jest umożliwienie użytkownikowi wyszukania restauracji w Luizjanie i kliknięcie pinezki, aby wyświetlić informacje na temat inspekcji sanitarnej.

Oczywiście nie jest zbyt dobrze mieć 80 000 szpilek na raz, ale staram się znaleźć najlepsze rozwiązanie tego problemu. Innym problemem jest to, że odległość między tymi lokalizacjami jest bardzo mała (wszystkie 80 000 znajduje się w Luizjanie). Wiem, że mogłem użyć klastrowania, aby nie zaśmiecać mapy, ale wydaje się, że to nadal powodowałoby problemy z wydajnością.

Co obecnie próbuję zrobić, to po prostu nie pokazywać żadnych pinezek, aż do pewnego poziomu powiększenia, a następnie pokazać tylko piny w bieżącym widoku. Sposób, w jaki obecnie próbuję to zrobić, polega na użyciu zdarzenia viewchangeend w celu znalezienia poziomu powiększenia i granic mapy, a następnie wysłania zapytania do bazy danych (za pośrednictwem usługi internetowej) dla dowolnego punktu w tym zakresie.

Czuję, że podążam tą drogą w niewłaściwy sposób. Czy istnieje lepszy sposób zarządzania tak dużą ilością danych? Czy byłoby lepiej, aby załadować wszystkie punkty na początku, a następnie mieć dane na wyciągnięcie ręki, bez konieczności uderzania w moją usługę internetową za każdym razem, gdy mapa porusza się. Jeśli tak, to jak bym to zrobił?

Nie byłem w stanie znaleźć odpowiedzi na moje pytania, co zwykle oznacza, że ​​zadaję niewłaściwe pytania. Jeśli ktokolwiek mógłby mi pomóc w znalezieniu właściwego pytania, byłoby to bardzo cenne.

Answer 1

Cóż, wprowadziłem nieco inne podejście do tego. To było tylko zabawne ćwiczenie, ale wyświetlam wszystkie moje dane (około 140 000 punktów) w Mapach Bing przy użyciu płótna HTML5.

Poprzednio wczytałem wszystkie dane do klienta. Następnie zoptymalizowałem proces rysowania tak bardzo, że przyłączyłem go do zdarzenia "Viewchange" (które strzela cały czas podczas procesu zmiany widoku).

Blogowałem o tym. Możesz to sprawdzić here.

Mój przykład nie ma interakcji, ale można go łatwo zrobić (powinien to być miły temat na blogu). W ten sposób będziesz musiał obsługiwać zdarzenia ręcznie i wyszukiwać odpowiednie punkty samodzielnie lub, jeśli ilość punktów do narysowania i/lub poziom powiększenia był poniżej pewnego progu, pokaż zwykłe pinezki.

---

Zresztą inna opcja, jeśli nie jesteś ograniczony do Bing Maps, jest użycie pokroju Leaflet. Umożliwia utworzenie warstwy Canvas, która jest warstwą opartą na kafelkach, ale renderowaną po stronie klienta przy użyciu obszaru roboczego HTML5. Otwiera nowy zakres możliwości. Sprawdź na przykład this mapę w GisCloud.

---

Jeszcze inna opcja, choć bardziej odpowiednia dla danych statycznych, wykorzystuje technikę zwaną UTFGrid. Chłopcy, którzy go rozwinęli, mogą z pewnością lepiej niż ja, ale skalują się na tyle punktów, ile zechcesz, z fenomenalną wydajnością. Polega ona na posiadaniu warstwy kafli z twoimi informacjami i towarzyszącego pliku json z czymś w rodzaju pliku "ascii-art" opisującego cechy płytek. Następnie, korzystając z biblioteki o nazwie wax, zapewnia ona pełne zdarzenia po kliknięciu myszką, bez żadnego wpływu na wydajność.

Mam również o tym blogged.

Answer 2

Myślę, że tworzenie klastrów byłoby najlepszym wyjściem, jeśli można uciec z jego użyciem. Mówisz, że próbowałeś używać klastrowania, ale nadal powodował problemy z wydajnością? Poszedłem przetestować go z 80000 punktów danych na V7 Interactive SDK i wydaje się, że działa dobrze. Przetestować samemu wchodząc na link i zmienić linię w zakładce Load module - clustering:

TestDataGenerator.GenerateData(100,dataCallback); 

do

TestDataGenerator.GenerateData(80000,dataCallback); 

następnie naciśnij przycisk Run. Wydajność wydaje mi się możliwa do przyjęcia z tak wieloma punktami danych.