# Configuration

L’extension est configurée dans la page de [configuration de projet](https://docs-jmapserver-lima.k2geospatial.com/f/administrateur/manuel-de-ladministrateur-jmap-server/projets/configuration-de-projets) de JMap Admin :

1. Ouvrez l'onglet de Configuration NG.
2. Déposez le code javascript qui sera exécuté à l’ouverture, puis sauvegardez.

   <figure><img src="https://294136567-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdAw9YBQHVS9E90BSZYQK%2Fuploads%2FRQuGNPxxHjaftM2Iw3Ej%2Ffr-conf-ng-001.png?alt=media&#x26;token=349501bd-9ea5-430e-9d5d-7c71318d502d" alt=""><figcaption></figcaption></figure>
3. Une fois le code javascript sauvegardé, activez l’extension dans la section **Extensions** de la page de configuration d’un projet. Assurez-vous que le code soit fonctionnel avant d’activer l’extension, sinon des erreurs pourraient arriver à l’ouverture de JMap NG pour les utilisateurs actuels du projet.

   <figure><img src="https://294136567-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FdAw9YBQHVS9E90BSZYQK%2Fuploads%2FRsg8ezKZUk1ottfnlW7K%2Ffr-conf-ng-002.png?alt=media&#x26;token=9e89bfff-4e50-48c0-8d78-cfa600c3c46d" alt=""><figcaption></figcaption></figure>

## Exemples de configuration <a href="#exemple-de-configuration" id="exemple-de-configuration"></a>

Le code suivant ajoute un logo Atari ainsi qu'une carte de base provenant de Geogratis. Il zoome également vers les coordonnées 45.630701447925134, -73.54322795543986 :

```
JMap.Map.Attribution.addMultiple([{
    id: "custom-attribution-0",
    text: "? K2Geospatial",
    imageUrl: "https://upload.wikimedia.org/wikipedia/commons/thumb/3/3b/Atari_logo.svg/640px-Atari_logo.svg.png",
    href: "https://k2geospatial.com/jmap-en/"
}, {
    id: "custom-attribution-1",
    text: "? StackOverflow",
    href: "https://stackoverflow.com/"
}]);
JMap.Map.Basemap.removeById("canvec");
JMap.Map.Basemap.add({
    id: "canvec",
    label: "Geogratis-test",
    tileUrls: [
        "https://maps.geogratis.gc.ca/wms/canvec_en?&amp;version=1.3.0&amp;REQUEST=GetMap&amp;format=image/png&amp;transparent=true&amp;width=512&amp;height=512&amp;crs=EPSG:3857&amp;bbox={bbox-epsg-3857}&amp;layers=land,hydro,man_made,residentialarea_50k,transport,administrative"
    ]
}, true);
JMap.Map.panAndZoomTo({
    "x": -73.54322795543986,
    "y": 45.630701447925134
}, 10);
```

Exemple de configuration pour changer la valeur de JMAP\_OPTIONS.reportsBaseUrl selon un URL donné.

```
if (window.location.href.includes("myjmap.com"))  {
      JMAP_OPTIONS.reportsBaseUrl = "http:/reports.myjmap.com/diffuser/2.0/";
      console.log('NG Configuration: Reports home changed to ' + JMAP_OPTIONS.reportsBaseUrl);
}
```