Layerpin logo
Commencer

Marqueurs ou formes : choisir le bon élément de carte

Maîtrisez l'utilisation stratégique des épingles, des polygones, des rectangles, des polylignes et des étiquettes pour créer des cartes interactives claires et intuitives qui communiquent sans effort la hiérarchie spatiale.

LP

Équipe Layerpin

7 min de lecture
Carte avec des marqueurs précis et des limites de zone désignées

La règle de base : des points pour les destinations, des zones pour le territoire

L’erreur la plus courante sur les cartes interactives consiste à abuser des marqueurs d’épingles pour de grandes zones géographiques ou, à l’inverse, à dessiner de minuscules formes pour localiser des objets. Le choix du bon élément de carte détermine fondamentalement la rapidité avec laquelle les visiteurs digèrent votre mise en page.

Utilisez des marqueurs lorsque l'emplacement est un seul point discret : une porte d'entrée, un kiosque d'information, un point de vue panoramique, une machine ou un bureau spécifique. Une épingle de marquage répond à la question : 'Où se trouve exactement cette chose ?'

Utilisez Formes (polygones et rectangles) lorsque l'emplacement occupe une zone physique mesurable : un terrain de magasin de vente au détail, une parcelle de terrain résidentielle, une aile de bureau, un parking ou une zone de parc protégée. Une forme répond à la question : 'Quelles sont les limites, l'empreinte et la portée de cet espace ?'

  1. 1
    Évaluez si le visiteur a besoin de trouver une coordonnée précise ou de comprendre une zone délimitée.
  2. 2
    Par défaut, les épingles de marquage sont utilisées pour les points d'intérêt inférieurs à 5 % de la zone d'affichage.
  3. 3
    Par défaut, ce sont des polygones ou des rectangles pour les pièces, les bâtiments, les terrains et les zones.

Quand utiliser des polylignes, des connecteurs et des lignes personnalisées

Au-delà des épingles et des formes, Layerpin fournit des outils de lignes vectorielles spécialisés : polylignes, flèches et connecteurs de légende.

Utilisez les Polylignes pour les éléments linéaires continus : sentiers pédestres, itinéraires de marathon, canalisations de services publics, sentiers de visites guidées et lignes de transport en commun. Les polylignes prennent en charge les styles de trait personnalisés, les tirets, les flèches et l'édition de sommets multi-segments.

Utilisez Connecteurs lorsqu'une zone de carte est trop dense pour placer les étiquettes directement sur l'élément. Une ligne de repère relie une carte de titre ou une icône décentrée aux coordonnées précises sans obscurcir l'œuvre architecturale sous-jacente.

  1. 1
    Sélectionnez l'outil Polyligne pour les chemins, les limites, les itinéraires et les canaux de distribution.
  2. 2
    Utilisez des connecteurs de légende pour les zones très fréquentées afin de décaler proprement les étiquettes.
  3. 3
    Ajustez l'épaisseur des lignes (2 px à 6 px) et les motifs de tirets pour distinguer les différents types de chemins (par exemple, plein pour les couloirs principaux, en pointillés pour les sorties de secours).
Carte de navigation interactive montrant des épingles le long des lignes et des zones d'itinéraire polygonal

Maîtriser le style des formes : opacité, bordures et contraste

Une forme mal stylisée obscurcit le dessin de la carte en dessous. Une forme bien stylisée améliore le dessin en fournissant une teinte de couleur claire sans masquer les étiquettes ou les textures sous-jacentes.

Définissez l'opacité de remplissage de forme par défaut entre 15 % et 30 %. Ce lavage subtil établit le territoire tout en gardant les détails architecturaux lisibles. Associez-le à une bordure nette de 1,5 px à 2,5 px dans une teinte contrastée.

Au survol et à la sélection, augmentez l'opacité à 40-50 % et épaississez la bordure pour fournir un retour interactif clair. Layerpin vous permet de définir des jetons de couleur personnalisés qui s'alignent directement sur les directives de votre marque.

  1. 1
    Gardez l'opacité du remplissage de base faible (15-25 %) afin que les cartes d'arrière-plan restent entièrement visibles.
  2. 2
    Utilisez des couleurs de trait distinctes qui ressortent sur les images d’arrière-plan claires et sombres.
  3. 3
    Configurez le survol proéminent et les états sélectionnés pour un retour interactif transparent.

Combiner des marqueurs et des formes en harmonie

Les cartes interactives haut de gamme combinent souvent des formes et des marqueurs dans des systèmes composites cohérents. Par exemple, dessinez un polygone autour d’une aile entière d’un centre commercial et placez-y des épingles de catégorie spécifique pour les magasins phares et les sorties de secours.

Établissez une règle d'interaction cohérente : si cliquer sur un polygone ouvre sa carte d'informations de location, cliquer sur les épingles enfants à l'intérieur devrait ouvrir des cartes de commerçant spécifiques. Assurez-vous que les épingles enfants ont un empilement d'indice z plus élevé afin qu'elles restent facilement cliquables à l'intérieur des périmètres du polygone.

Utilisez le panneau de gestion des calques de Layerpin pour réorganiser les éléments et verrouiller les formes d'arrière-plan, évitant ainsi les erreurs de clic accidentelles lors de l'édition.

Layerpin logo

Prêt à créer une carte interactive ?

Créez votre carte en privé, vérifiez la vue visiteur, puis publiez-la lorsqu’elle est prête. No credit card needed.

Commencer gratuitement