Please ensure Javascript is enabled for purposes of website accessibility
Powered by Zoomin Software. For more details please contactZoomin

AVEVA™ InTouch HMI

Utiliser le widget MapApp avec des variables structurées

Utiliser le widget MapApp avec des variables structurées

  • Last UpdatedSep 24, 2024
  • 6 minute read

Le widget MapApp vous permet de visualiser une carte contenant des graphiques dans une application en cours d'exécution. Pendant l'exécution, la carte permet aux utilisateurs d'effectuer un panoramique sur différentes zones de la carte et de faire un zoom avant ou arrière pour afficher plus ou moins de détails sur la carte. Les graphiques placés dans une carte représentent généralement des actifs commerciaux situés dans une zone représentée par la carte.

Pour plus d'informations, voir Propriétés des widgets Map_App dans l'Aide sur les widgets.

Vous pouvez intégrer des variables structurées au widget MapApp pour l'afficher dans WindowViewer ou client Web.

Suivez le flux de travail pour configurer le widget MapApp dans InTouch HMI.

Étape 1 : créer les variables structurées et l’instance de variables structurées

Étape 2 : créer un graphique pour les variables structurées

Étape 3 : configurer les paramètres de la carte pour les variables structurées

Étape 4 : configurer et utiliser un widget MapApp

Étape 5 : visualiser la MapApp dans WindowViewer ou Web Client

Créez les variables structurées et l'instance de variables structurées

Le widget MapApp utilise le détail de variable structurée et les attributs de localisation des instances configurées dans le volet Variable structurée du WindowMaker.

Ajouter les attributs de l’emplacement :

  1. Créez variables structurées et instances.

    Par exemple, vous pouvez créer un actif $Tank et des instances appelées Tank1 et Tank2.

  2. Ajoutez des attributs à chacune des instances. Exemple, Flow et Temp.

  3. Ajoutez les attributs d'emplacement tels que « Latitude » et « Longitude ».

  4. Utilisez le dictionnaire de variable pour définir les valeurs des attributs.

    Exemple<:hs>:

    Double-cliquez sur Tank1 pour ouvrir le dictionnaire de variable. Définir les valeurs des membres (attributs) ci-dessous :

    Tank1\Flux = 11

    Tank1\Latitude = 33

    Tank1\Longitude = -114

    Double-cliquez sur Tank2 pour ouvrir le dictionnaire de variable. Définir les valeurs des membres (attributs) ci-dessous

    Tank2\Flux = 21

    Tank2\Latitude = 36,746

    Tank2\Longitude = -119,773

Créer un graphique pour les actifs

Utilisez la boîte à outils graphique pour créer des graphiques représentant les actifs.

Exemple : les graphiques créés sont Tank1Sym et Tank2Sym.

Ajouter un graphique à un actif

  • Entrez le nom du graphique

    Ou bien, faites glisser et déposez le graphique depuis la boîte à outils graphique.

Exemple<:hs>:

Utilisez Tank1Sym pour le graphique de l'actif Tank1.

Utilisez Tank2Sym pour le graphique de l'actif Tank2.

Le graphique peut faire référence aux autres attributs de l'instance d'actif, tels que le flux et la température.

Configurer les paramètres de la carte pour les actifs

Utilisez le widget MapApp pour configurer les paramètres de la carte pour chaque instance d'actif.

Configurer les paramètres de la carte

  1. Ouvrez WindowMaker.

  2. Dans le volet de la boîte à outils graphique industriel, naviguez jusqu'à Widgets, puis double-cliquez sur Map_App.

    L'écran de configuration Paramètres de la carte apparaît sous la forme d'un onglet sur la zone de dessin.

  3. Configurer les sources de la carte

    1. Cliquez sur Ajouter.

      Une nouvelle entrée est créée dans la grille des sources.

    2. Entrez un nom de la source.

    3. Sélectionnez une carte fournisseur dans la liste fournisseur, telle que Bing.
      Cette option est facultative. Si aucune carte fournisseur n'est sélectionnée, la MapApp utilise le fournisseur par défaut de la Map App.

    4. Saisissez la valeur de configuration
      Clé API : An6Grh5_YKz-_CYnREoNn3nOaBU_rlnVEoc7o8HpSj3GWCvjseEguPvN3rJkZ95T

  4. Configurez les calquez de zoom.

    Les calquez de zoom vous permettent d'ajouter le pourcentage de zoom pour la carte.

    Pour ajouter un calque de zoom :

    1. Cliquez sur Ajouter.

    2. Entrez un nom pour le calque de zoom. Le nom fourni ici s'affiche dans la colonne Calque de l'onglet Emplacements.

      Par exemple, vous pouvez définir le calque pour Tank1 comme Défaut, et Tank2 comme « État ».

    3. Entrez le pourcentage de zoom minimum et maximum.

      Par exemple, si vous définissez les pourcentages de zoom minimum et maximum pour le calque État comme étant respectivement de 9 % et 31 %, le graphique Tank2Sym n'est affiché sur la carte que si le pourcentage de zoom est compris entre 9 % et 31 %.

    4. Définir un calque par défaut : le calque de zoom défini par défaut affiche Vrai, et toutes les autres entrées affichent Faux.

    Pour supprimer un calque de zoom, cliquez sur Supprimer.

    Pour définir un calque de zoom par défaut, cliquez sur Définir la valeur par défaut.

  5. Configurer les emplacements

    Les détails de l'emplacement de chacun des actifs sont récupérés à partir de la valeur de l'attribut d'actif configurée dans l'écran de configuration d'actif.

    Les informations sur les calquez sont récupérées dans l'onglet Calquez de zoom.

    Par exemple, vous pouvez définir le calque pour Tank1 comme Défaut, et Tank2 comme « État ».

    Cela signifie que le graphique Tank2Sym n'apparaît sur la carte que si le pourcentage de zoom est compris entre 9 % et 31 %.

  6. Cliquez sur OK enregistrer et fermer la page.

    Incorporer le widget MapApp

    Vous devez incorporer le widget MapApp dans un graphique pour le visualiser sur une carte.

    Incorporer le widget MapApp :

    1. Créer un nouveau graphique. Exemple, MyApp.

    2. Modifiez ce graphique dans l'éditeur de graphique.

    3. Cliquez avec le bouton droit n'importe où dans l'éditeur de graphique et sélectionnez Incorporer graphique industriel.

    4. Dans le Explorateur de Galaxy, sélectionnez Widgets dans la boîte à outils graphique.

    5. Dans la liste des widgets, sélectionnez Map_App

    6. Sélectionnez et incorporez le widget Map_App dans la zone de dessin et ajustez sa taille.

    7. Modifiez la propriété de widget pour le widget Map_App.

      Le nom de la configuration est un champ obligatoire. Nous vous recommandons de mettre à jour au moins les valeurs des attributs suivants : ConfigName, CurrentZoom, InitialLatitude, InitialLongitude et InitialZoom.

      Par exemple, vous pouvez définir les valeurs des attributs comme suit :

      ConfigName = Défaut

      Zoom actuel = 5

      Latitude initiale = 33

      Longitude initiale = -114

      Zoom initial = 30

    8. Sélectionnez OK.

    9. Incorporez le graphique sur une fenêtre Frame, puis fermez et enregistrez la fenêtre.

      Visualisez la MapApp dans WindowViewer ou Web Client

      Vous pouvez visualiser le poste et la MapApp configurés soit dans WindowViewer, soit dans Web Client.

      Visualiser la MapApp dans WindowViewer

      1. Basculement rapide à WindowViewer, puis ouvrez la fenêtre contenant le graphique MyMap.

      2. Le widget Map_App et les variables structurées s'affichent à l'emplacement configuré sur la carte.

      3. Ajustez le pourcentage de zoom pour faire un zoom avant ou un zoom arrière sur la carte.

        Afficher la MapApp dans le client Web

        1. Installez le navigateur Chrome et faites-en le navigateur par défaut.

        2. Avec WindowViewer en cours d'exécution, lancez client Web.

        3. Dans le menu, cliquez sur le graphique « MyMap ».

          Le widget Map_App et les variables structurées s'affichent à l'emplacement configuré sur la carte.

        4. Ajustez le pourcentage de zoom pour faire un zoom avant ou un zoom arrière sur la carte.