Skip to content

LPOAgirPourLaBiodiversite/GnCitizenEmbedMap

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

16 Commits
 
 
 
 
 
 
 
 

Repository files navigation

GnCitizenEmbedMap

Carte simple de restitution des données d'un programme.

Démo ici

Pour personnaliser la source des données, utilisez des querystrings dans l'url de la page. Example: http://macarte.org/index.html?api=http://v2327.phpnet.fr/gncitizen/api&program=3&type=observations ou éditez le fichier assets/custom.js

Pour accéder à la totalité des données de tous les programmes, indiquez all au querystring program ou "all" à la variable citizenProgram.

Les querystrings à utiliser sont:

  • api > l'url de l'API (ex: http://obs.maville.fr/gncitizen/api )
  • program > l'identifiant du programme
  • type > le type de programme (observations (default) ou sites)

Le fichier assets/custom.js:

    var citizenUrl = 'https://cors.io/?http://v2252.phpnet.fr/gncitizen/api'; // GeoNature-citizen API url 
    var citizenProgram = 2; // Program id
    var citizenType = 'sites'; // Program type 'sites' or 'observations' 
    var tileLayer = 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png'; // Map background source layer (OpenStreetMap)
    var tileLayerAttribution = '&copy;<a href="https://www.openstreetmap.org/copyright">OpenStreetMap</a>contributors'; // Map background source layer citation (OpenStreetMap)
    var dataMarker = 'assets/images/pointer-green.png' // Map marker for datas

Le préfixe d'url https://cors.io est optionnel, utilisé en cas de problème de type cross-origin

TODO

  • Ajouter une photo de l'observation dans les tooltips
  • Type de programme automatiquement défini à partir des descriptions du programme