Créer un widget carto avec bazar

L'outil Widget permet d'afficher les contenus venant d'un formulaire bazar sous forme :

Nous nous intéressons ici à la création de cartes issues de formulaires bazar. (Voir page ActionBazarcarto pour en savoir plus sur l'affichage carte)

Voici par exemple le widget issu du bazar des personnes ressources YesWiki

Créer facilement des cartes


Vous avez besoin de créer des cartes pour :

Vous pouvez utiliser yeswiki pour :

Etape 1 : rendez-vous sur la page Bazar de votre wiki

image Capture_bazar.png (13.1kB)



Etape 2 : Sur la page widget

image pagewidgetcarto.png (0.5MB)


















Etape 3 : Sélection des couches Facettes

image widgetcartofacette.png (15.1kB)











Etape 4 : choix code d'intégration

Avant la création du code final vous pouvez aussi :

Une fois tout paramétré vous avez deux codes à copier/coller à votre disposition :


image widgetembed.png (90.8kB)


Alternative, utiliser gogocarto


{{bazarliste id="2" template="gogomap.tpl.html" width="100%" height="600px" groups="checkboxListeCategories" titles="Mes catégories" colorfield="checkboxListeCategories" color="#98A100= market, #1E8065= organic" iconfield="checkboxListeCategories" icon="leaf=market,cogs=organic"  iconprefix="fa fa-"}}


image Capture_dcran_de_20191021_122151.png (0.1MB)

Pour les icones, j'ai utilisé la librairie fontawesome, vous pouvez trouver des icones ici : https://fontawesome.com/icons?d=gallery&m=free

Toute la configuration de gogocarto n'est pas disponible via des paramètres de bazarliste. A la place, vous pouvez donner un fichier de configuration en utilisant "jsonconfurl"
{{bazarliste id="2" template="gogomap.tpl.html" jsonconfurl="https://pixelhumain.github.io/GoGoCartoJs/web/data/configuration-pwa.json"}}


Voir tout la configuration possible sur https://pixelhumain.github.io/GoGoCartoJs/docs/configuration.html