Creer une carte interactive sur Joomla ?

Réduire
X
 
  • Filtrer
  • Heure
  • Afficher
Tout effacer
nouveaux messages

  • Creer une carte interactive sur Joomla ?

    Bonjour,

    Je souhaiterais creer une carte interactive façon google map, mais j'aimerais ne pas utiliser une carte réelle comme le fais google map.

    Mon projet est de faire une carte interractive pour un serveur de jeu vidéo Arma III.

    L'ile d'Altis sur Arma III est une copie de l'ile de Lemnos, en grèce, qui est elle bien réelle.

    Carte d'Altis version arma III

    Carte de Lemnos (l'ile réelle) sur google map

    L'idée est donc sur mon site d'utiliser la MAP du jeu et d'y poser des points d'interets sur lesquels les joueurs pourrons cliquer pour en savoir plus.

    Je sais qu'il existe plusieurs plugins google map sur Joomla, mais aucun ne permet l'utilisation d'une Carte fictive comme base, et je ne pense pas que google map le permette.

    Quelqu'un saurait-il m’aiguiller vers quelque chose ?

    Lien de notre site web : http://altislife-france.com

    Merci d'avance

  • #2
    Re : Creer une carte interactive sur Joomla ?

    Salut,
    il existe des alternatives à googlemap.
    Dans ton cas, j'utiliserais le format .svg.
    Mais il faudrait que tu saches manipuler Photoshop (ou un autre éditeur d'images), et que tu connaisses, même un peu, les CSS.

    Un exemple :
    la démo

    la démo + le code affiché


    Pour appliquer cet exemple, tu crées un "shape" (un à-plat) de la carte à partir d'un .png (de ta carte) avec Photoshop, tu convertis en .svg (il y a des convertisseurs en ligne), tu insères ton .svg dans l'exemple codepen. Cette partie peut être un peu délicate, je t'aiderai si tu as besoin. Même chose avec les css associées qu'il faut modifier un peu.
    Un message d’erreur sur votre site Joomla ... ayez le reflexe de consulter lla base de connaissance : https://kb.joomla.fr

    Ce forum, vous l'aimez ? il vous a sauvé la vie ? Vous y apprenez chaque jour ? Alors adhérez à l'AFUJ https://www.joomla.fr/association/adherer

    Commentaire


    • #3
      Re : Creer une carte interactive sur Joomla ?

      Bonjour,

      Alternativement tu as aussi MapTiler (windows/linux/macos).
      Installer of MapTiler Engine for your operating system: Windows, macOS, or Linux.


      C'est un logiciel qui réalise du georeferencing de ton image en surcouche de GoogleMap.
      Avec la version "gratuite", tu peux générer le code html que tu intègre ensuite dans Joomla.



      Personnellement, je choisirai la méthode de Ghazal avec du svg + javascript + api de googlemap
      mais les deux solutions sont intéressantes à connaître.
      Joomla User Group (JUG) Lille : https://www.facebook.com/groups/JUGLille/

      Commentaire


      • #4
        Re : Creer une carte interactive sur Joomla ?

        Bonjour,

        Tu peux aussi utiliser Openstrretmap et le module joomla associé osmodul

        En fait, tu as besoin d'une imagemap. Voci un site pour fabriquer les tiennes : à voir
        Dernière édition par fynhooft à 22/07/2016, 13h01
        GIMPons.net : http://www.GIMPons.net = plus de 1000 tutoriels sur GIMP , plus d'un millier d'images pour expliquer les filtres de GIMP.
        Le terrier de Fynhooft : http://patrick.gauwin.free.fr
        Le CSE d'Hazebrouck : http://www.csehazebrouck.fr

        Commentaire


        • #5
          Re : Creer une carte interactive sur Joomla ?

          Envoyé par Higaara Voir le message
          Je sais qu'il existe plusieurs plugins google map sur Joomla, mais aucun ne permet l'utilisation d'une Carte fictive comme base, et je ne pense pas que google map le permette.
          Que ce soit avec googlemap, openstreetmap ou en svg, tout est possible avec plus ou moins de difficulté...

          Sur GoogleMap, c'est la notion de superposition d'images (ground overlay) :



          En fait c'est assez simple si tu suis cette procédure en 3 étapes :

          tu n'a besoin qu'une image PNG transparente, 2 points de coordonnées (sud-ouest et nord-est)

          1. tu prend ton image : http://i.imgur.com/cNoRTSW.png
          que tu ouvre dans gimp ou photoshop pour ajouter la transparence et conserver uniquement l'ile.

          2. Tu peux ensuitre utiliser un outil en ligne comme http://heganoo.github.io/OverlayTiler/examples/
          en indiquant l'url de ton image (n'oublie pas de le transférer sur ton site).
          De cette façon tu vois le résultat sur googlemap directement et tu peux récupérer les 2 coordonnées avec leur longitude et latitude.

          Maptiler permet de faire la même chose que le script overlaytiler et plus encore mais c'est juste une question de pratique...

          3. Il ne reste plus qu'à incorporer ton image dans un plugin joomla comme celui de de Reumer Tech: http://www.mapsplugin.com/Google-Map...map-tiles.html

          Ce plugin permet d'utiliser pleinement l'api de googlemap et d'ajouter les points d'intérêts, image en superposition, etc....

          Publie le plugin et indique dans un article le shortcode comme dans cet exemple
          Code:
          {mosmap tilelayer='http:// nom de ton site.com /images/nomdelacarte.png'|
          tileminzoom='6'| tilemaxzoom='9'| tileopacity='0.85'|
          tilebounds='51.0001625721, 3.0, 54.0, 8.00049916174'|
          zoom='6'| centerlat='52.5'| centerlon='5.5'| tilemethod='maptiler'}
          • tilelayer est l'url de ton image
          • tilebounds étant les valeurs des 2 points sud-ouest latitude et longitude , nord-est latitude et longitude (soit 4 chiffres séparés par une virgule).
          • zoom : niveau de détail
          • centerlat et centerlon représente le point central de la carte (latitude et longitude).


          Voila
          Dernière édition par daneel à 22/07/2016, 14h24
          Joomla User Group (JUG) Lille : https://www.facebook.com/groups/JUGLille/

          Commentaire


          • #6
            Re : Creer une carte interactive sur Joomla ?

            Bonjour,

            Je viens de découvrir, par hasard, cet article récent publié sur zeste de savoir : Des cartes sur votre site avec OpenStreetMap et Leaflet.
            Voici la page des tutoriels
            Tu trouves même un article sur les cartes non géographiques.

            A toi de jouer.
            GIMPons.net : http://www.GIMPons.net = plus de 1000 tutoriels sur GIMP , plus d'un millier d'images pour expliquer les filtres de GIMP.
            Le terrier de Fynhooft : http://patrick.gauwin.free.fr
            Le CSE d'Hazebrouck : http://www.csehazebrouck.fr

            Commentaire


            • #7
              Re : Creer une carte interactive sur Joomla ?

              Merci beaucoup pour vos réponses, je vais essayer ça dès que j'aurais un peu de temps, je vous tient au courant.

              Commentaire


              • #8
                Re : Creer une carte interactive sur Joomla ?

                Tiens un article sur le sujet, en français !!!

                3 outils pour créer des cartes personnalisées | Webdesigner Trends ->


                Si avec tout ça, tu nous crées pas une belle carte ....
                En tous les cas, ce serait bien de nous montrer ce que tu as fait.
                Un message d’erreur sur votre site Joomla ... ayez le reflexe de consulter lla base de connaissance : https://kb.joomla.fr

                Ce forum, vous l'aimez ? il vous a sauvé la vie ? Vous y apprenez chaque jour ? Alors adhérez à l'AFUJ https://www.joomla.fr/association/adherer

                Commentaire


                • #9
                  Re : Creer une carte interactive sur Joomla ?

                  Bonjour
                  Pour une simple image avec des points d'intérêts tu as aussi l'extension widgetkit avec l'animation popover : http://yootheme.com/demo/widgetkit/j...p/home/popover
                  Création de sites internet : http://www.crealys-web.fr

                  Commentaire


                  • #10
                    Re : Creer une carte interactive sur Joomla ?

                    Hello,

                    Il y a longtemps (joomla 1.5) j'avais utilisé cet outil: http://extensions.joomla.org/extensi...-map-manager-2 qui permet de créer une image puis d'y placer des points par systèmes de coordonnées.

                    Bon courage

                    Commentaire

                    Annonce

                    Réduire
                    Aucune annonce pour le moment.

                    Partenaire de l'association

                    Réduire

                    Hébergeur Web PlanetHoster
                    Travaille ...
                    X