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 :
-
Créez variables structurées et instances.
Par exemple, vous pouvez créer un actif $Tank et des instances appelées Tank1 et Tank2.
-
Ajoutez des attributs à chacune des instances. Exemple, Flow et Temp.
-
Ajoutez les attributs d'emplacement tels que « Latitude » et « Longitude ».
-
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
-
Ouvrez WindowMaker.
-
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.
-
Configurer les sources de la carte

-
Cliquez sur Ajouter.
Une nouvelle entrée est créée dans la grille des sources.
-
Entrez un nom de la source.
-
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. -
Saisissez la valeur de configuration
Clé API : An6Grh5_YKz-_CYnREoNn3nOaBU_rlnVEoc7o8HpSj3GWCvjseEguPvN3rJkZ95T
-
-
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 :
-
Cliquez sur Ajouter.
-
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 ».
-
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 %.
-
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.
-
-
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 %.
-
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 :
-
Créer un nouveau graphique. Exemple, MyApp.
-
Modifiez ce graphique dans l'éditeur de graphique.
-
Cliquez avec le bouton droit n'importe où dans l'éditeur de graphique et sélectionnez Incorporer graphique industriel.
-
Dans le Explorateur de Galaxy, sélectionnez Widgets dans la boîte à outils graphique.
-
Dans la liste des widgets, sélectionnez Map_App

-
Sélectionnez et incorporez le widget Map_App dans la zone de dessin et ajustez sa taille.
-
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

-
Sélectionnez OK.
-
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
-
Basculement rapide à WindowViewer, puis ouvrez la fenêtre contenant le graphique MyMap.
-
Le widget Map_App et les variables structurées s'affichent à l'emplacement configuré sur la carte.

-
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
-
Installez le navigateur Chrome et faites-en le navigateur par défaut.
-
Avec WindowViewer en cours d'exécution, lancez client Web.
-
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.
-
Ajustez le pourcentage de zoom pour faire un zoom avant ou un zoom arrière sur la carte.
