feat: add importer for French cadastre

umap/static/umap/css/importers.css

@@ -43,6 +43,10 @@
 .importers ul .communesfr:before {
     background-image: url(../img/importers/communesfr.svg);
 }
+.importer.cadastrefr h3:before,
+.importers ul .cadastrefr:before {
+    background-image: url(../img/importers/cadastrefr.svg);
+}
 .importer.overpass h3:before,
 .importers ul .overpass:before {
     background-image: url(../img/importers/overpass.svg);

umap/static/umap/js/modules/importer.js

@@ -69,6 +69,9 @@ export default class Importer {
         case 'communesfr':
           import('./importers/communesfr.js').then(register)
           break
+        case 'cadastrefr':
+          import('./importers/cadastrefr.js').then(register)
+          break
         case 'overpass':
           import('./importers/overpass.js').then(register)
           break

umap/static/umap/js/modules/importers/cadastrefr.js

@@ -0,0 +1,62 @@
+import { DomUtil } from '../../../vendors/leaflet/leaflet-src.esm.js'
+import { BaseAjax, SingleMixin } from '../autocomplete.js'
+import * as Util from '../utils.js'
+import { AutocompleteCommunes } from './communesfr.js'
+
+const TEMPLATE = `
+  <h3>Cadastre</h3>
+  <p>Importer les données cadastrales d’une commune française.</p>
+  <select name="theme">
+    <option value="batiments">Bâtiments</option>
+    <option value="communes">Communes</option>
+    <option value="feuilles">Feuilles</option>
+    <option value="lieux_dits">Lieux dits</option>
+    <option value="parcelles" selected>Parcelles</option>
+    <option value="prefixes_sections">Préfixes sections</option>
+    <option value="sections">Sections</option>
+    <option value="subdivisions_fiscales">Subdivisions fiscales</option>
+  </select>
+  <label id="boundary">
+  </label>
+`
+
+export class Importer {
+  constructor(map, options) {
+    this.name = options.name || 'Cadastre'
+    this.id = 'cadastrefr'
+  }
+
+  async open(importer) {
+    let boundary = null
+    let boundaryName = null
+    const container = DomUtil.create('div')
+    container.innerHTML = TEMPLATE
+    const select = container.querySelector('select')
+    const options = {
+      placeholder: 'Nom ou code INSEE…',
+      url: 'https://geo.api.gouv.fr/communes?nom={q}&limit=5',
+      on_select: (choice) => {
+        boundary = choice.item.value
+        boundaryName = choice.item.label
+      },
+    }
+    this.autocomplete = new AutocompleteCommunes(container, options)
+
+    const confirm = (form) => {
+      if (!boundary || !form.theme) {
+        Alert.error(translate('Please choose a theme and a boundary first.'))
+        return
+      }
+      importer.url = `https://cadastre.data.gouv.fr/bundler/cadastre-etalab/communes/${boundary}/geojson/${form.theme}`
+      importer.format = 'geojson'
+      importer.layerName = `${boundaryName} — ${select.options[select.selectedIndex].textContent}`
+    }
+
+    importer.dialog
+      .open({
+        template: container,
+        className: `${this.id} importer dark`,
+      })
+      .then(confirm)
+  }
+}

umap/static/umap/js/modules/importers/communesfr.js

@@ -2,7 +2,7 @@ import { DomUtil } from '../../../vendors/leaflet/leaflet-src.esm.js'
 import { BaseAjax, SingleMixin } from '../autocomplete.js'
 import * as Util from '../utils.js'
 
-class Autocomplete extends SingleMixin(BaseAjax) {
+export class AutocompleteCommunes extends SingleMixin(BaseAjax) {
   createResult(item) {
     return super.createResult({
       value: item.code,
@@ -46,7 +46,7 @@ export class Importer {
         importer.dialog.close()
       },
     }
-    this.autocomplete = new Autocomplete(container, options)
+    this.autocomplete = new AutocompleteCommunes(container, options)
 
     importer.dialog.open({
       template: container,