Créateur de carte image cliquable

Créateur de carte image cliquable — vos photos

Importez une image, et recevez une carte image cliquable : des points numérotés sur les bons bâtiments, une légende pour les nommer, et une page publiable ou intégrable.

East Blue, point ouvert — Un point sur le rocher du phare, son nom et sa description s'ouvrent sans quitter la carte.
East Blue, point ouvert
Campus, vue rapprochée — Points numérotés sur le hall, la cour et la porte ; la légende reprend chaque numéro.
Campus, vue rapprochée
Ribcage, vue rapprochée — La couche de points actifs se superpose à l'illustration au lieu d'être à côté.
Ribcage, vue rapprochée
Inazuma, vue rapprochée — Chaque île garde son point, et la couche s'adapte à l'échelle de l'image.
Inazuma, vue rapprochée
✦Carte image cliquable
Créez une carte image cliquable de un port au crépuscule, et où les cinq guildes cachent leurs portes
One Piece · East Blue — Six îles et une zone de tempête ; chaque épingle marque le début d'une histoire.
One Piece · East Blue — Six îles et une zone de tempête ; chaque épingle marque le début d'une histoire.
One Piece · Water 7 — Un anneau de canaux, six arrêts : fontaine, tour, docks, train marin, marché, porte.
One Piece · Water 7 — Un anneau de canaux, six arrêts : fontaine, tour, docks, train marin, marché, porte.
One Piece · Wano — Cinq provinces sur une île fortifiée, avec la capitale au centre.
One Piece · Wano — Cinq provinces sur une île fortifiée, avec la capitale au centre.
Genshin Impact · Liyue — Port, terrasse, auberge, champs, forêt de pierre et porte sur un littoral.
Genshin Impact · Liyue — Port, terrasse, auberge, champs, forêt de pierre et porte sur un littoral.
Genshin Impact · Inazuma — Six îles derrière une ceinture de tempête, chacune avec sa propre mission.
Genshin Impact · Inazuma — Six îles derrière une ceinture de tempête, chacune avec sa propre mission.
Jujutsu Kaisen · Tokyo Jujutsu High — Plan du campus avec sept points : salle, dortoir, cour, porte, sanctuaire, entrepôt, route.
Jujutsu Kaisen · Tokyo Jujutsu High — Plan du campus avec sept points : salle, dortoir, cour, porte, sanctuaire, entrepôt, route.
Jujutsu Kaisen · Shibuya — Gare, carrefour, tour, pont et ruelles — et le voile sur le périmètre.
Jujutsu Kaisen · Shibuya — Gare, carrefour, tour, pont et ruelles — et le voile sur le périmètre.
Ribcage · les districts — Une ville dans une cage thoracique, où les épingles nomment les organes habités.
Ribcage · les districts — Une ville dans une cage thoracique, où les épingles nomment les organes habités.
Ash Harbor · la ligne de brouillard — Sept points le long d'une côte tortueuse, de la route des marées au phare.
Ash Harbor · la ligne de brouillard — Sept points le long d'une côte tortueuse, de la route des marées au phare.

Une image est un point de départ. Les lieux cachés derrière forment le monde.

Neta Studio est un créateur de monde par IA — ce même monde conserve la carte, ses habitants et les scènes entre les points. Publiez la page, dupliquez-la, ou continuez à ajouter des lieux à la carte.

  • Des points qui restent sur l'image — Les points sont stockés en pourcentage de l'image ; la carte garde ses alignements à 900px sur un bureau et 390px sur un mobile.
  • Une légende, pas un tableau de coordonnées — Chaque numéro a un nom et une ligne. Rien à mesurer, rien à saisir manuellement dans une balise HTML.
  • Une page, prête à partager — La carte est publiée sous forme de page à envoyer, intégrer ou enrichir au sein du même monde.

Quelques questions avant de commencer

Qu'est-ce qu'une carte image cliquable ?

Une image dont certaines zones sont cliquables. En HTML, c'est une image avec des zones de formes ; ici, l'image et ses points actifs sont créés ensemble : un point ouvre un nom et une description au lieu d'une liste de coordonnées.

Dois-je tracer les coordonnées moi-même ?

Non. Nommez les lieux et les points s'y placent, stockés en pourcentage de l'image. Si un point se décale, indiquez lequel et où il va, et il se déplace.

Puis-je utiliser ma propre image ?

Oui. Importez une photo, un plan d'étage, une capture d'écran ou une affiche, puis nommez les lieux. L'art généré est juste une option par défaut, car beaucoup de cartes partent d'une page blanche.

Cela génère-t-il le code HTML de la carte ?

Cela publie une page avec une vraie couche de points actifs — numéros, libellés, liens — qui s'adapte à l'image. Si vous devez l'intégrer à votre site, demandez le JSON des points et le balisage area.

Un point actif peut-il renvoyer vers un lien ?

Oui. Un point peut ouvrir un panneau, sauter vers un autre lieu sur la même carte, ou pointer vers une URL que vous indiquez.

Cela fonctionnera-t-il sur téléphone ?

Oui. Les coordonnées sont en pourcentage, donc les points restent sur leurs bâtiments quand la carte rétrécit ; les panneaux s'ouvrent en carte près du point au lieu d'une barre latérale.

Que puis-je cartographier ?

Cartes du monde, niveaux de jeu, plans de campus ou d'étages, sièges d'une salle, diagrammes produits, photo d'une rue. Si c'est une image avec des lieux, elle peut porter des points.

Combien de points actifs mettre sur une carte ?

Cinq à huit est l'idéal : assez pour être utile, peu pour rester lisible. Une carte de ville dense peut en accueillir douze si les points sont groupés par quartier.

Donnez à votre prochaine carte une couche interactive.

Nommez les lieux une fois. L'image, les points, la légende et la page sont générés ensemble.

×