Creer une carte interactive sur Joomla ?

[Higaara]

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

[ghazal]

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

http://codepen.io/marcobiedermann/full/qEjQNz/

la démo + le code affiché

http://codepen.io/marcobiedermann/pen/qEjQNz

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.

[daneel]

Re : Creer une carte interactive sur Joomla ?

Bonjour,

Alternativement tu as aussi MapTiler (windows/linux/macos).

http://www.maptiler.com/download/

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.

[fynhooft]

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

[daneel]

Re : Creer une carte interactive sur Joomla ?

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) :

https://developers.google.com/maps/documentation/android-api/groundoverlay?hl=fr

http://biostall.com/demos/google-maps-v3-api-codeigniter-library/groundoverlay

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

{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

[fynhooft]

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.

[Higaara]

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.

[ghazal]

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 ->

http://www.webdesignertrends.com/2016/07/cartes-custom/

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.

[houba_houbi]

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

[georgios]

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