Příklad HTML stránky pro navigaci pomocí obrazové mapy

Můžete také vytvořit HTML stránku s pokročilejším obsahem, například obrazovou mapou, která uživatelům umožňuje přepínat mezi zobrazeními.

V následujícím příkladu jsme ponechali dvě skupiny a dvě zobrazení z předchozího příkladu. Místo použití tlačítek jsme vytvořili HTML stránku s obrázkem plánu podlaží a na základě plánu podlaží jsme vytvořili obrazovou mapu. Při prohlížení v prohlížeči vypadá HTML stránka následovně:

HTML stránka s obrazovou mapou pro navigaci mezi zobrazeními

Pro tento příklad jsme plán podlaží rozdělili na čtyři barevné zóny a pro jednotlivé zóny jsme definovali oblasti obrazové mapy. Uživatelé se mohou kliknutím na zónu přesunout na zobrazení, které zobrazuje kamery z příslušné zóny.

Například červená zóna na naší obrazové mapě odráží tlačítko Přejít na náhled View2 sdílené skupiny Group2 z předchozího příkladu. Po kliknutí na červenou zónu se přesunete do zobrazení View2 ve skupině Group2.