${translate('All properties are imported.')}
-${translate('Properties imported:')}name, desc
-${translate('Properties imported:')}name, description
-${translate('Comma, tab or semi-colon separated values. SRS WGS84 is implied. Only Point geometries are imported. The import will look at the column headers for any mention of «lat» and «lon» at the begining of the header, case insensitive. All other column are imported as properties.')}
-${translate('Imports all umap data, including layers and settings.')}
+${translate('Use placeholders with feature properties between brackets, eg. {name}, they will be dynamically replaced by the corresponding values.')}
${translate('GeoDataMine: thematic data from OpenStreetMap')}.
+ + + + +` + +class Autocomplete extends SingleMixin(BaseAjax) { + createResult(item) { + return super.createResult({ + value: item.id, + label: `${item.name} (${BOUNDARY_TYPES[item.type]} — ${item.ref})`, + }) + } +} + +export class Importer { + constructor(map, options = {}) { + this.map = map + this.name = options.name || 'GeoDataMine' + this.baseUrl = options?.url || 'https://geodatamine.fr' + this.id = 'geodatamine' + } + + async open(importer) { + let boundary = null + let boundaryName = null + const container = DomUtil.create('div') + container.innerHTML = TEMPLATE + const response = await importer.map.request.get(`${this.baseUrl}/themes`) + const select = container.querySelector('select') + if (response && response.ok) { + const { themes } = await response.json() + themes.sort((a, b) => Utils.naturalSort(a['name:fr'], b ['name:fr'])) + for (const theme of themes) { + DomUtil.element({ + tagName: 'option', + value: theme.id, + textContent: theme['name:fr'], + parent: select, + }) + } + } else { + console.error(response) + } + const asPoint = container.querySelector('[name=aspoint]') + this.autocomplete = new Autocomplete(container.querySelector('#boundary'), { + placeholder: translate('Search admin boundary'), + url: `${this.baseUrl}/boundaries/search?text={q}`, + on_select: (choice) => { + boundary = choice.item.value + boundaryName = choice.item.label + }, + }) + const confirm = () => { + if (!boundary || !select.value) { + Alert.error(translate('Please choose a theme and a boundary first.')) + return + } + importer.url = `${this.baseUrl}/data/${select.value}/${boundary}?format=geojson&aspoint=${asPoint.checked}` + importer.format = 'geojson' + importer.layerName = `${boundaryName} — ${select.options[select.selectedIndex].textContent}` + importer.dialog.close() + } + DomEvent.on(container.querySelector('button'), 'click', confirm) + + importer.dialog.open({ + content: container, + className: `${this.id} importer dark`, + }) + } +} diff --git a/umap/static/umap/js/modules/importers/overpass.js b/umap/static/umap/js/modules/importers/overpass.js new file mode 100644 index 00000000..8d7d5ac8 --- /dev/null +++ b/umap/static/umap/js/modules/importers/overpass.js @@ -0,0 +1,84 @@ +import { DomUtil } from '../../../vendors/leaflet/leaflet-src.esm.js' +import { BaseAjax, SingleMixin } from '../autocomplete.js' +import { translate } from '../i18n.js' +import { uMapAlert as Alert } from '../../components/alerts/alert.js' + +const TEMPLATE = ` +