La création d'une carte interactive avec HTML5,CSS3,Javascript

Je vais construire et de développer un carte interactive de mon école.La carte doit être entièrement interactif où il doit être cliquable de l'événement.Lorsqu'un utilisateur souhaite afficher le laboratoire de détails,il convient de cliquer sur les laboratoires de la région.De sorte que cliquable des événements,des pop-ups devrait être appliquée à la carte.

J'ai commencé cette tâche avec SVG/CSS et HTML5.Et aussi je l'ai cherché et trouvé ce lien intéressant pour cela.
http://jvectormap.com/examples/mall/

Si quelqu'un connais un meilleur tutoriel ou un site pour accomplir ma tâche,il sera très reconnaissant.Si oui pouvez-vous partager un tutoriel/l'url des liens

Grâce

InformationsquelleAutor Amila Iddamalgoda | 2014-01-12
  1. 4

    Depuis que j'ai été à la recherche sur ce que j'ai trouvé ce site intéressant où u peut en tirer vos propres images svg. http://svg-edit.googlecode.com/svn/branches/2.5.1/editor/svg-editor.html

    Vous pouvez facilement obtenir le code svg pour le diagramme.

    Et facilement, nous pouvons intégrer sur les événements,quelle que soit code java script avec l'image svg. cheers!!

    InformationsquelleAutor Amila Iddamalgoda
  2. 2

    Essayer FLDraw Interactive, Créateur De L'Image Lite, c'est gratuit
    l'utiliser pour créer un mobile-friendly carte interactive de votre école, je l'ai utilisé
    pour certains de mes projets (pas la version Lite, parce que j'ai besoin de quelques fonctions avancées)

    C'est très simple:

    1. Démarrer un nouveau projet et de choisir votre école de l'image de la carte en tant que votre image de base
    2. Utiliser l'outil de Forme pour créer un hotspot
    3. Double-cliquez sur votre nouvelle forme de l'élément pour ouvrir la fenêtre des événements
    4. Sélectionnez un type d'événement (info-bulle, l'image de l'infobox, HTML boîte d'information, ...)
    5. Enregistrer le projet et de le Publier pour HTML5

    ouvert créé le fichier HTML dans votre navigateur.

    Exemple de Carte Interactive à partir de leur page d'accueil

    • Bienvenue à Débordement de Pile! Vous pouvez lire sur la Comment Répondre une question.
    InformationsquelleAutor Jeff