Carte chloroplethe : Couleurs déjà définies

Je me suis inspiré du code de la page suivante : https://codelibrary.opendatasoft.com/widget-tricks/svg-maps/#svg-paths--text-with-multiple-sources

Mon objectif est de réaliser la même carte mais en assignant une couleur en fonction d’un code associé à chaque région du style : color-numeric-ranges="{'1':'#3EA36D','2':'#E98635','3':'#CA1C60','4':'#F3C42A'}"

L’exemple ci-dessus utilise odsColorGradient, qui défini le choix de couleur en fonction d’une formule. J’ai voulu adapter en utilisant odsMapLayer (https://help.opendatasoft.com/widgets/#/api/ods-widgets.directive:odsMapLayer) mais c’est indissociable de odsMap.

Quel piste dois-je suivre pour adapter le code ?

Mon code html actuel : 

<div ods-color-gradient="analysis"
         ods-color-gradient-context="alerte"
         ods-color-gradient-x="reg"
         ods-color-gradient-serie="MAX(valeur)"
         ng-init="shapeColor = '#CCCCCC'">

        <div id="map" class="svgmap-france-region svgmap-with-text ">
            <div class="titre-carte">
                Niveaux d'alerte régionales Grippe
            </div>
            <div class="svgmap-drom-region">
                <div class="svgmap-region-martinique">
                    <ods-picto url="'https://static.opendatasoft.com/georef/svg/fr/reg_mtq_text.svg'"
                               color="shapeColor"
                               color-by-attribute="analysis.colors"></ods-picto>
                </div>
                <div class="svgmap-region-reunion">
                    <ods-picto url="'https://static.opendatasoft.com/georef/svg/fr/reg_reu_text.svg'"
                               color="shapeColor"
                               color-by-attribute="analysis.colors"></ods-picto>
                </div>
                <div class="svgmap-region-guyane">
                    <ods-picto url="'https://static.opendatasoft.com/georef/svg/fr/reg_guf_text.svg'"
                               color="shapeColor"
                               color-by-attribute="analysis.colors"></ods-picto>
                </div>
                <div class="svgmap-region-guadeloupe">
                    <ods-picto url="'https://static.opendatasoft.com/georef/svg/fr/reg_glp_text.svg'"
                               color="shapeColor"
                               color-by-attribute="analysis.colors"></ods-picto>
                </div>
                <div class="svgmap-region-mayotte">
                    <ods-picto url="'https://static.opendatasoft.com/georef/svg/fr/reg_myt_text.svg'"
                               color="shapeColor"
                               color-by-attribute="analysis.colors"></ods-picto>
                </div>
            </div>
            <div class="svgmap-francemetro-region">
                <ods-picto url="'https://static.opendatasoft.com/georef/svg/fr/reg_fxx_text.svg'"
                           color="shapeColor"
                           color-by-attribute="analysis.colors"></ods-picto>
            </div>