Przykład strony HTML z nawigacją za pomocą mapy graficznej

Można utworzyć stronę HTML z bardziej zaawansowaną zawartością, na przykład obraz mapy umożliwiający przełączanie się między widokami.

W poniższym przykładzie wykorzystaliśmy dwie grupy i dwa widoki z poprzedniego przykładu. Zamiast korzystać z przycisków, utworzyliśmy stronę HTML z obrazem rozkładu pomieszczeń, a także mapę graficzną zgodną z tym rozkładem. Po wyświetleniu w przeglądarce nasza strona HTML wygląda tak:

Strona HTML z mapą graficzną do nawigacji między widokami

Na potrzeby tego przykładu podzieliliśmy plan pomieszczeń na cztery kolorowe strefy i dla każdej z nich zdefiniowaliśmy obszar mapy graficznej. Użytkownik może kliknąć strefę, aby przejść do widoku, w którym wyświetlane są kamery z tej strefy.

Na przykład, czerwona strefa na naszej mapie graficznej odzwierciedla przycisk Przejdź do wspólnego Widoku2 Grupy2 z poprzedniego przykładu. Kliknięcie czerwonej strefy spowoduje przejście do widoku Widok2 w grupie Grupa2.