Fermer

octobre 20, 2021

Découvrez le monde des fonctionnalités de RadMap pour WinUI


RadMap est un composant doté de fonctionnalités qui aideront votre application à fournir facilement des données riches et des visualisations cartographiques tout en réduisant le temps de développement au minimum.

Un composant de cartographie est essentiel à toute technologie de nos jours. Nous avons pensé qu'il était temps qu'un composant de carte natif puissant, riche en fonctionnalités entre dans la phase WinUI, et le résultat de cette intention est RadMap, un composant doté de fonctionnalités qui aideront votre application à fournir facilement des données riches et des visualisations cartographiques tout en gardant temps de développement au minimum.

RadMap pour WinUI fait partie de notre Telerik pour WinUI 0.5.0 version – vous pouvez voir ce qui l'accompagne dans cet article de blog. Maintenant, je suis heureux d'avoir la chance de vous montrer un aperçu des capacités de RadMap.

Plongeons-nous dedans !

Chaque voyage commence par un plan et une préparation plan, vous prévoyez d'échouer. Pour commencer notre voyage du bon pied, voici les parties de RadMap que nous visiterons.

Tout d'abord, nous examinerons les fournisseurs et leurs spécificités. Deuxièmement, nous examinerons les configurations à une ou plusieurs couches. Troisièmement, nous allons désencombrer nos visualisations en regroupant les éléments. Quatrièmement, nous prendrons les rênes et nous familiariserons avec les commandes intégrées. Cinquièmement, nous nous aventurerons sur des routes inconnues. Enfin, nous verrons comment la carte peut toujours nous aider à naviguer dans un lieu étranger sans afficher une carte géographique réelle. vous montrera les fournisseurs Bing Maps et Open Street Maps. Vous pouvez trouver la liste complète dans notre documentation.

Regardons maintenant Bing Maps. La configuration du côté de RadMap est de quelques lignes. Ce que vous remarquerez peut-être là, c'est la valeur "Bing Map Key". Pour faire fonctionner ce fournisseur, vous devez obtenir votre propre clé sur le portail des développeurs Bing Maps. Une fois que vous avez passé cette étape, remplacez-le dans le XAML de votre Windows et vous serez opérationnel.

<dataVisualization:RadMap x:Name=[19659015]"radMap">  
  <dataVisualization:RadMap.Provider>         
    <telerik[Map:BingRProvider 19659022]ApplicationId="Bing_Map_Key" Mode="Aérien" IsLabelVisible 19659014]="True"/>     
  </dataVisualization :RadMap.Provider> 
</[19659012]dataVisualization :RadMap>

Une carte montrant le sud des États-Unis, le Mexique et l'Amérique centrale à l'aide de Bing Maps

Open Street Maps est encore plus facile à configurer. Si vous souhaitez utiliser les cartes Transport et Cycle, vous pouvez trouver des informations sur pour obtenir une clé ici. Sinon, vous pouvez sauter directement.

<dataVisualization:RadMap x:Name="radMap"[19659015]>     
  <dataVisualization :RadMap.Provider>         
    <telerikMap :OpenStreetMapProvider APIKey=" your-api-key" />     
  </dataVisualization :RadMap.Provider> 
</dataVisualization :RadMap ]>

Si vos besoins ne sont pas entièrement satisfaits par l'un des fournisseurs intégrés, nous sommes là pour vous. Vous pouvez créer des fournisseurs personnalisés basés sur des fournisseurs existants ou tout nouveaux, qui répondent précisément aux besoins de vos clients.

Le deuxième arrêt est le mécanisme de superposition

Une seule couche est ce que nous avons fait dans les deux exemples précédents. Nous avons une couche de données et ce sont les tuiles d'images provenant du fournisseur de services. Avec le système de superposition de RadMap, nous pouvons superposer des couches d'informations les unes sur les autres et ajouter plus de données géographiques et/ou d'éléments qui augmentent ces données géographiques comme des repères, des itinéraires, des légendes, des avions, des bateaux et toute forme de géométrie dont votre application a besoin.

Voici une capture d'écran d'une carte de Washington DC montrant une vue de rue à partir d'Open Street Maps sur une vue aérienne de Bing Maps.

Carte multicouche de Washington DC montrant une vue de rue à partir d'Open Street Maps sur vue aérienne de Bing Maps.

Troisième étape : obtenir une vue plus claire

Saviez-vous qu'il existe près de 20 000 aéroports publics et privés aux États-Unis ? Cela fait beaucoup d'épingles à placer sur une carte. Heureusement, nous n'avons pas une, mais deux solutions qui peuvent fonctionner en synergie.

La première consiste à regrouper les éléments à proximité les uns des autres en clusters. Le numéro deux est la virtualisation de l'interface utilisateur, qui permet à la carte d'afficher uniquement les éléments actuellement à l'intérieur de la fenêtre.

Je n'ai pas pu trouver de fichier avec tous les aéroports des États-Unis, nous devrons donc se contenter « uniquement » des internationaux. Voici RadMap montrant lesdits aéroports sur deux niveaux de zoom sans que les broches se chevauchent grâce à la clusterization.

Carte large des aéroports aux États-Unis - broches numérotées réparties dans tout le pays[19659003]Une carte agrandie des aéroports de la région de New York et de Philadelphie

Le quatrième arrêt est les commandes intégrées de RadMap

Ils peuvent sembler minuscules, mais ils ont du punch. Ils sont là quand vous en avez besoin sans gêner les éléments importants que la carte visualise. Et quand je dis qu'ils emballent beaucoup, voici ce que vous pouvez faire avec eux : suivre la géolocalisation du pointeur de la souris, obtenir l'échelle à laquelle la carte est affichée, changer le niveau de zoom, faire un panoramique dans quatre directions, changer le type de tuiles affichées par le fournisseur (s'il en propose plusieurs).

Le cinquième arrêt consiste à trouver l'itinéraire entre deux lieux

Les cartes sont utilisées pour la navigation depuis l'Antiquité. C'est encore le cas aujourd'hui et c'est plus facile que jamais. Voici une capture d'écran montrant comment se rendre de New York à Boston. En rouge, c'est l'itinéraire le plus rapide à emprunter en voiture et en bleu, l'itinéraire à emprunter si vous conduisez un camion semi-remorque, tirez des marchandises explosives et évitez les péages. Oh, vous obtenez également des instructions détaillées.
Carte de routage de New York à Boston

Le routage et le routage des camions font partie des services disponibles dans le fournisseur Bing Maps de RadMap. Et ils ne sont pas seuls là-bas, leur tenant compagnie est la recherche, le géocodage et l'élévation. Tous ces excellents services sont consommables via une API pratique directement à partir de votre code C#.

En soi, ces services sont utiles et excellents, bien que uniquement sous forme de texte/JSON/xml. Pour les rendre vraiment puissants et libérer leur plein potentiel, vous devez les « traduire » dans le langage de RadMap—graphique.

Entrez les formes intégrées. Grâce à cet ensemble de formes, vous pouvez visualiser quelque chose, aussi complexe que les itinéraires dans la capture d'écran ci-dessus, dans une langue facilement comprise par le client.

L'arrêt final est la lecture et l'affichage des fichiers de formes

Les cartes géographiques sont utile pour vous amener à une certaine destination, et lorsque vous y arrivez, RadMap peut continuer à être utile. A titre d'exemple, voici un plan d'étage d'hôtel qui peut être d'une grande utilité non seulement pour s'orienter mais aussi pour choisir sa chambre. Vue sur la mer, vue sur la montagne, vue sur la piscine, quelle que soit votre préférence, vous pouvez rapidement vous en rassasier. qui utilisent RadMap et son riche ensemble de fonctionnalités. Je suis sûr qu'il existe d'innombrables autres cas d'utilisation dont je ne réalise même pas l'existence. Vous pouvez lire la documentation complète pour avoir une idée de l'endroit où RadMap peut vous aider et commencer à construire. Essayez RadMap, partagez vos commentaires et montrez-nous comment RadMap renforce vos applications. Voici quelques canaux pour nous contacter :

  • Contactez-nous par e-mail : envoyez-nous un message, pour tout ce qui concerne le produit ou simplement pour nous dire bonjour à TelerikWinUI@progress.com.
  • Commentaires Portail—partagez toute demande de fonctionnalité (ou rapport de bogue) que vous pourriez avoir.
  • Forums Telerik—si vous avez besoin d'une assistance technique avec nos produits, faites-le nous savoir et nous vous aiderons.

Obtenez les Bits

N'attendez pas : essayez la dernière version :

UI pour WinUI




Source link