Skip to content
Snippets Groups Projects
Select Git revision
  • 0856346548cb4484ea02ae1e3471940e423d502e
  • master default
  • support/1.7
  • feature/clean-tykayn-commits
  • dev
  • 0.4.11
  • minimal
  • v0.4.13
  • v0.4.12
  • v0.4.11
  • v0.4.10
  • v0.4.9
  • v0.4.8
  • v0.4.7
  • 0.4.5
  • 0.4.4
  • 0.4.2
  • 0.4.1
  • 0.3.7
  • 0.3.6
  • module-0.3.6b
  • module-0.3.6
  • module-0.3.5
  • module-0.3.4
  • module-0.3.3
  • module-0.2.13
  • module-0.2.12
27 results

DataFinder.ts

Blame
    • development_tutorial-04-add_plugin.md 24.14 KiB

    ATTENTION : ne pas lire AVANT les RML9 (en cours de rédaction !)

    Introduction

    Cet article est un tutoriel pour développer un plugin Cesium.

    Prérequis

    Avant de faire ce tutoriel, vous devez :

    • Avoir suivi les deux premiers tutoriels sur Cesium :

    Niveau XII

    Objectif : Ce niveau a pour objectif d'activer un nouveau plugin, minimaliste, nommé rml9.

    Récupérer le code (tag rml9)

    Passez sur la branche du code #rml9 : https://github.com/duniter/cesium/tree/rml9

    Une fois la branche récupérée, vous devriez voir les nouveaux fichiers suivant :

     www
  \-- plugins
      |-- (...)    // plugins existants
      \-- rml9     // le nouveau plugin    
          |-- i18n // ici, les traductions
          |-- templates // ici, les fichiers HTML content les interfaces graphiques
          |    |-- button.html 
          |    \-- view.html 
          |-- plugin.js // Code final du plugin (à garder pour la fin !)
          |-- plugin-01-add_button.js  // 1ère étape du tuto
          \-- plugin-02-(...).js // etc.

    Pour simplifier, nous avons regroupé tout le code dans un seul fichier plugin.js. Dans les autres plugins, généralement, on a préfèré déoupé le code en plusieurs fichiers (controllers, services, etc).

    Activation du plugin (en version 01)

    Nous allons activer une 1ère version du plugin.

    Editer le fichier www/index.html, et ajouter la ligne suivante, vers la fin du fichier :

       <!--removeIf(no-plugin)-->
     (...)

   <!-- Ajout du fichier JS du plugin (à mettre vers le bas de la section <head>) -->
   <script src="dist/dist_js/plugins/rml9/plugin-01-add_button.js"></script>

     (...)
   <!--endRemoveIf(no-plugin)-->

    Editer le fichier www/js/plugins.js, et ajoutez une entrée dans la liste, comme indiqué ci-dessous :

       (...)
  // RML9 plugin:
  'cesium.rml9.plugin',  // <-- La nouvelle ligne
   (...)

    Editer le fichier www/js/config.js, et ajouter les lignes suivantes dans sous la balise plugins :