interface PanoramaxOptions {
    auto?: boolean;
    background?: {
        active?: boolean;
        maxZoom?: number;
        minZoom?: number;
        name?: string;
        url?: string;
    };
    buttonsWindow?: {
        background?: {
            description?: string;
            display?: boolean;
            label?: string;
        };
        contributions?: { display?: boolean; label?: string; link?: string };
        display?: boolean;
        filters?: {
            content?: { dates?: boolean; periodes?: boolean; types?: any };
            description?: string;
            display?: boolean;
            exclusive?: boolean;
            label?: string;
        };
        hover?: { description?: string; display?: boolean; label?: string };
        layerswitcher?: {
            description?: string;
            display?: boolean;
            label?: string;
        };
        styles?: {
            content?: any;
            description?: string;
            display?: boolean;
            label?: string;
        };
        target?: null
        | string
        | HTMLElement;
    };
    collapsed?: boolean;
    displayable?: boolean;
    draggable?: boolean;
    gutter?: boolean;
    hover?: boolean;
    id?: string;
    interactions?: {
        grid?: { actions?: string[]; active?: boolean };
        pictures?: { actions?: string[]; active?: boolean };
        sequences?: { actions?: string[]; active?: boolean };
    };
    layer?: { maxZoom?: number; minZoom?: number; name?: string; url?: string };
    panel?: boolean;
    position?: string;
    viewer?: {
        class?: string;
        endpoint?: string;
        psvOptions?: any;
        widgets?: boolean;
    };
    visualizationWindow?: {
        display?: boolean;
        size?: string;
        target?: null
        | string
        | HTMLElement;
    };
}

Properties

auto?: boolean

Active l’ajout automatique des événements sur la carte.

background?: {
    active?: boolean;
    maxZoom?: number;
    minZoom?: number;
    name?: string;
    url?: string;
}

Options de configuration de la couche de fond.

Type declaration

  • Optionalactive?: boolean

    Affiche ou masque la couche de fond.

  • OptionalmaxZoom?: number

    Zoom maximum pour afficher la couche de fond.

  • OptionalminZoom?: number

    Zoom minimum pour afficher la couche de fond.

  • Optionalname?: string

    Nom de la couche de fond à afficher dans le gestionnaire de couches.

  • Optionalurl?: string

    URL du style de la couche de fond à charger.

buttonsWindow?: {
    background?: { description?: string; display?: boolean; label?: string };
    contributions?: { display?: boolean; label?: string; link?: string };
    display?: boolean;
    filters?: {
        content?: { dates?: boolean; periodes?: boolean; types?: any };
        description?: string;
        display?: boolean;
        exclusive?: boolean;
        label?: string;
    };
    hover?: { description?: string; display?: boolean; label?: string };
    layerswitcher?: { description?: string; display?: boolean; label?: string };
    styles?: {
        content?: any;
        description?: string;
        display?: boolean;
        label?: string;
    };
    target?: null
    | string
    | HTMLElement;
}

Options de configuration des boutons.

Type declaration

  • Optionalbackground?: { description?: string; display?: boolean; label?: string }

    Options de configuration du bouton de fond.

    • Optionaldescription?: string

      Description du bouton de fond de carte.

    • Optionaldisplay?: boolean

      Affiche ou masque le bouton de fond de carte.

    • Optionallabel?: string

      Libellé du bouton de fond de carte.

  • Optionalcontributions?: { display?: boolean; label?: string; link?: string }

    Options de configuration des contributions.

    • Optionaldisplay?: boolean

      Affiche ou masque les contributions.

    • Optionallabel?: string

      Libellé du bouton de contribution.

    • Optionallink?: string

      Lien vers la page de contribution.

  • Optionaldisplay?: boolean

    Affiche ou masque les boutons.

  • Optionalfilters?: {
        content?: { dates?: boolean; periodes?: boolean; types?: any };
        description?: string;
        display?: boolean;
        exclusive?: boolean;
        label?: string;
    }

    Options de configuration des filtres.

    • Optionalcontent?: { dates?: boolean; periodes?: boolean; types?: any }

      Options de configuration du contenu des filtres.

      • Optionaldates?: boolean

        Affiche le filtre des plages de dates.

      • Optionalperiodes?: boolean

        Affiche le filtre des périodes.

      • Optionaltypes?: any

        Affiche le filtre des types d’images et sélectionne le filtre actif par défaut ("Tout", "Classique", "360°").

    • Optionaldescription?: string

      Description du bouton de filtrage.

    • Optionaldisplay?: boolean

      Affiche ou masque les filtres.

    • Optionalexclusive?: boolean

      Indique si les filtres sont exclusifs (un seul actif à la fois) ou inclusifs (plusieurs actifs).

    • Optionallabel?: string

      Libellé du bouton de filtrage.

  • Optionalhover?: { description?: string; display?: boolean; label?: string }

    Options de configuration du bouton de survol.

    • Optionaldescription?: string

      Description du bouton de survol.

    • Optionaldisplay?: boolean

      Affiche ou masque le bouton de survol.

    • Optionallabel?: string

      Libellé du bouton de survol.

  • Optionallayerswitcher?: { description?: string; display?: boolean; label?: string }

    Options de configuration du bouton de gestion des couches.

    • Optionaldescription?: string

      Description du bouton de gestion des couches.

    • Optionaldisplay?: boolean

      Affiche ou masque le bouton de gestion des couches.

    • Optionallabel?: string

      Libellé du bouton de gestion des couches.

  • Optionalstyles?: { content?: any; description?: string; display?: boolean; label?: string }

    Options de configuration du bouton de styles.

    • Optionalcontent?: any

      Options de configuration du contenu des styles.

    • Optionaldescription?: string

      Description du bouton de styles.

    • Optionaldisplay?: boolean

      Affiche ou masque le bouton de styles.

    • Optionallabel?: string

      Libellé du bouton de styles.

  • Optionaltarget?: null | string | HTMLElement

    Experimental -Cible DOM où injecter le panneau des boutons.

collapsed?: boolean

Définit si le widget est replié au chargement.

displayable?: boolean

Indique si les couches sont affichables dans le gestionnaire de couches.

draggable?: boolean

Permet de déplacer le panneau du catalogue.

gutter?: boolean

Ajoute ou retire l’espace autour du panneau.

hover?: boolean

Active l’interaction au survol (pointermove) sur la couche Panoramax.

id?: string

Identifiant unique du widget.

interactions?: {
    grid?: { actions?: string[]; active?: boolean };
    pictures?: { actions?: string[]; active?: boolean };
    sequences?: { actions?: string[]; active?: boolean };
}

Options de configuration des interactions sur les différentes couches Panoramax.

Type declaration

  • Optionalgrid?: { actions?: string[]; active?: boolean }

    Options d'interaction pour la couche de grille.

    • Optionalactions?: string[]

      Actions disponibles sur la couche de grille ("preview", "zoom").

    • Optionalactive?: boolean

      Active ou désactive les interactions sur la couche de grille.

  • Optionalpictures?: { actions?: string[]; active?: boolean }

    Options d'interaction pour la couche d'images individuelles.

    • Optionalactions?: string[]

      Actions disponibles sur la couche d'images individuelles ("preview", "zoom").

    • Optionalactive?: boolean

      Active ou désactive les interactions sur la couche d'images individuelles.

  • Optionalsequences?: { actions?: string[]; active?: boolean }

    Options d'interaction pour la couche de séquences.

    • Optionalactions?: string[]

      Actions disponibles sur la couche de séquences ("preview", "zoom").

    • Optionalactive?: boolean

      Active ou désactive les interactions sur la couche de séquences.

layer?: { maxZoom?: number; minZoom?: number; name?: string; url?: string }

Options de configuration de la couche de données.

Type declaration

  • OptionalmaxZoom?: number

    Zoom maximum pour afficher la couche.

  • OptionalminZoom?: number

    Zoom minimum pour afficher la couche.

  • Optionalname?: string

    Nom de la couche à afficher dans le gestionnaire de couches.

  • Optionalurl?: string

    URL du style de la couche à charger.

panel?: boolean

Affiche un en-tête (header) dans le panneau.

position?: string

Position CSS du widget sur la carte.

viewer?: {
    class?: string;
    endpoint?: string;
    psvOptions?: any;
    widgets?: boolean;
}

Options de configuration du visualiseur d'images panoramiques.

Type declaration

  • Optionalclass?: string

    Classe CSS personnalisée à appliquer au conteneur du visualiseur.

  • Optionalendpoint?: string

    URL de l'endpoint du visualiseur d'images panoramiques.

  • OptionalpsvOptions?: any

    Experimental Options de configuration du visualiseur d'images panoramiques (ex. pour PhotoSphereViewer).

  • Optionalwidgets?: boolean

    Affiche ou masque les widgets du visualiseur.

visualizationWindow?: {
    display?: boolean;
    size?: string;
    target?: null | string | HTMLElement;
}

Options de configuration de la fenêtre de visualisation.

Type declaration

  • Optionaldisplay?: boolean

    Affiche ou masque la fenêtre de visualisation.

  • Optionalsize?: string

    Taille de la fenêtre de visualisation ("small", "medium", "large", "fullscreen", "fullscreen-map").

  • Optionaltarget?: null | string | HTMLElement

    Experimental - Cible DOM où injecter le panneau de visualisation.