Comment créer une carte cliquable en utilisant votre propre image de carte personnalisée avec iMapBuilder?

Cliquez sur «importer une image de carte personnalisée» pour importer une image au format JPG
Cliquez sur «importer une image de carte personnalisée» pour importer une image au format JPG, GIF ou PNG.

Outre l'utilisation des modèles de carte proposés par l'éditeur de cartographie numérique, il est également possible pour les utilisateurs d'importer leurs propres images de carte personnalisées telles que le plan d'étage et le plan des rues dans le logiciel. Ajoutez ensuite un repère pour définir l'emplacement, avec une boîte d'informations et des info-bulles affichant des informations supplémentaires lors d'un survol ou d'un clic de souris. Ce didacticiel vous guide à travers les étapes de création d'une carte cliquable à l'aide de votre propre image.

Pas

  1. 1
    Téléchargez le logiciel de création de cartes interactives sur son site officiel et installez-le sur votre ordinateur.
  2. 2
    Exécutez le logiciel, cliquez sur l'icône "créer" pour créer une nouvelle carte.
  3. 3
    Cliquez sur «importer une image de carte personnalisée» pour importer une image au format JPG, GIF ou PNG.
  4. 4
    Dans l'onglet Options de la carte, définissez le titre de la carte, la couleur d'arrière-plan, la mise en page et la taille de la carte. Vous pouvez cocher la case «Fonction de zoom» pour permettre aux utilisateurs de zoomer /dézoomer et de naviguer sur les cartes.
  5. 5
    Cliquez sur l'onglet «options de carte personnalisées» et entrez la largeur/hauteur souhaitée de la carte. Cliquez sur «Mettre à jour la taille de la carte» lorsque vous avez terminé.
  6. 6
    Ajoutez des étiquettes/icônes/points/lignes/infobox/info-bulles en appuyant sur les icônes sous la section point, ligne, texte
    Cliquez sur télécharger dans l'écran de publication
    Après avoir défini les informations ftp, cliquez sur télécharger dans l'écran de publication.
  7. 7
    Cliquez sur «aperçu» dans la barre de menu pour voir à quoi cela ressemblera dans le navigateur.
  8. 8
    Sélectionnez fichier->publier et sélectionnez le dossier dans lequel vous souhaitez publier la carte.
  9. 9
    Après la publication de la carte, une fenêtre pop-up «publication» s'affichera. Copiez et collez le code d'intégration dans votre page Web existante à l'aide de Dreamweaver/Frontpage ou de tout autre éditeur HTML.
  10. 10
    Enregistrez la page Web (par exemple mywebpage.html), accédez au dossier de publication et copiez le dossier "imapbuilder" dans le même répertoire que mywebpage.html
  11. 11
    Cliquez sur Paramètres FTP pour définir les informations ftp. (Veuillez ne pas renseigner http:// ou ftp:// dans l'hôte FTP) Le répertoire hôte par défaut est le chemin d'accès à votre répertoire racine de votre serveur, vous pouvez le laisser vide si vous n'avez pas cette information. (Habituellement, ce sera /public_html, /htdocs, /var/www/html, vous pouvez contacter votre hébergeur pour obtenir ces informations.)
  12. 12
    Après avoir défini les informations ftp, cliquez sur télécharger dans l'écran de publication.
  13. 13
    Sélectionnez le dossier distant si nécessaire et cliquez sur télécharger pour commencer le téléchargement.
  14. 14
    Une fois le téléchargement terminé, vous pouvez parcourir la carte flash en cliquant sur le lien URL et vous pouvez modifier le lien URL s'il n'est pas approprié.
FacebookTwitterInstagramPinterestLinkedInGoogle+YoutubeRedditDribbbleBehanceGithubCodePenWhatsappEmail