Co to jest dobra biblioteka do wyświetlania wielu małych map na stronie internetowej

Chciałbym utworzyć wizualizację w sieci podobną do następującej: http://namemapper.babynamewizard.com/namemapper/

Czy istnieją do tego jakieś dobre biblioteki? Czy OpenLayers jest wystarczająco lekki, aby obsługiwać wiele map jednocześnie?

W rzeczywistości nie potrzebujesz OpenLayers - ani żadnej innej biblioteki - do małych map (takich jak te na górze twojego przykładu). Są one czysto statyczne (bez panoramowania / powiększania / itp.), A zatem mogą być prostymi obrazami wyświetlającymi odpowiedź wybranego serwera map.

OpenLayers można stosować do wielu map statycznych; W przeszłości tworzyłem do 200 map na jednej stronie bez ogromnego ograniczenia wydajności, o ile są to proste mapy. Wiele stron używa małych, statycznych map OpenLayers do tworzenia prostych map, ponieważ wtedy mogą używać tego samego zestawu kafelków obrazu, którego używają do wielu innych map na swoich stronach.

Korzystając z takich warstw OpenLayers, zalecam stosowanie ograniczonej liczby warstw i kontrolek, a także opcji takich jak „buffer: 0”, aby ograniczyć liczbę załadowanych kafelków. Twoim celem powinno być zminimalizowanie liczby elementów DOM tworzonych przez OpenLayers, ponieważ będzie to główne wąskie gardło w wydajności ładowania strony lub aplikacji.

W przypadku aplikacji, w których nie buforujesz wstępnie wszystkich danych kafelka lub nie pracujesz z danymi wektorowymi, lepszym wyborem może być użycie pojedynczego żądania obrazu do serwera mapy. Jeśli pracujesz z danymi sąsiadującymi lub chcesz użyć danych wektorowych renderowanych przez klienta, OpenLayers jest rozsądną opcją rozwiązania przypadku użycia.

HTML może być używany do tworzenia prostych map statycznych bez żadnych elementów po stronie serwera, takich jak WMS lub bibliotek po stronie klienta, takich jak OpenLayers. Użyj obrazu rastrowego obszaru mapy w połączeniu ze znacznikami HMTL map i obszaru , ostatni z kształtem atrybutu ustawionym na „poli”. Będziesz musiał podać współrzędne granicy granicy względem lewego górnego rogu obiektu mapy. Poza tym obsługiwane są zdarzenia takie jak onmouseover lub onclick .

• Mapa HTML (w3schools.com)
• Mapy obrazu po stronie klienta: elementy MAP i AREA (zalecenie W3C)

Zredagowany 26.09.2010 01:25 CET: Przykład mapy obrazu HTML można znaleźć na stronie „ iCITA: Przykład mapy obrazu ”