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

Télécharger le fichier Capture_bazar.png


Etape 2 : Sur la page widget

Télécharger le fichier pagewidgetcarto.png

















Etape 3 : Sélection des couches Facettes

Télécharger le fichier widgetcartofacette.png










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 :


Télécharger le fichier widgetembed.png

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


Télécharger le fichier Capture_dcran_de_20191021_122151.png
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