summaryrefslogtreecommitdiff
path: root/client/simple/src/js/main/mapresult.js
diff options
context:
space:
mode:
authorMarkus Heiser <markus.heiser@darmarit.de>2025-01-23 11:10:40 +0100
committerMarkus Heiser <markus.heiser@darmarIT.de>2025-02-28 12:27:41 +0100
commita1132deaa4618f228e82252397247a150081a5f3 (patch)
tree0445fbe04c8932acdfbe5362db40ea1782f38539 /client/simple/src/js/main/mapresult.js
parentb6487b70aaa199aba6ae999a9c99b340b5e98884 (diff)
[web-client] simple theme: move sources to client/simple/src
Signed-off-by: Markus Heiser <markus.heiser@darmarit.de>
Diffstat (limited to 'client/simple/src/js/main/mapresult.js')
-rw-r--r--client/simple/src/js/main/mapresult.js74
1 files changed, 74 insertions, 0 deletions
diff --git a/client/simple/src/js/main/mapresult.js b/client/simple/src/js/main/mapresult.js
new file mode 100644
index 000000000..2c3777678
--- /dev/null
+++ b/client/simple/src/js/main/mapresult.js
@@ -0,0 +1,74 @@
+/* SPDX-License-Identifier: AGPL-3.0-or-later */
+/* global L */
+(function (w, d, searxng) {
+ 'use strict';
+
+ searxng.ready(function () {
+ searxng.on('.searxng_init_map', 'click', function (event) {
+ // no more request
+ this.classList.remove("searxng_init_map");
+
+ //
+ var leaflet_target = this.dataset.leafletTarget;
+ var map_lon = parseFloat(this.dataset.mapLon);
+ var map_lat = parseFloat(this.dataset.mapLat);
+ var map_zoom = parseFloat(this.dataset.mapZoom);
+ var map_boundingbox = JSON.parse(this.dataset.mapBoundingbox);
+ var map_geojson = JSON.parse(this.dataset.mapGeojson);
+
+ searxng.loadStyle('css/leaflet.css');
+ searxng.loadScript('js/leaflet.js', function () {
+ var map_bounds = null;
+ if (map_boundingbox) {
+ var southWest = L.latLng(map_boundingbox[0], map_boundingbox[2]);
+ var northEast = L.latLng(map_boundingbox[1], map_boundingbox[3]);
+ map_bounds = L.latLngBounds(southWest, northEast);
+ }
+
+ // init map
+ var map = L.map(leaflet_target);
+ // create the tile layer with correct attribution
+ var osmMapnikUrl = 'https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png';
+ var osmMapnikAttrib = 'Map data © <a href="https://openstreetmap.org">OpenStreetMap</a> contributors';
+ var osmMapnik = new L.TileLayer(osmMapnikUrl, {minZoom: 1, maxZoom: 19, attribution: osmMapnikAttrib});
+ var osmWikimediaUrl = 'https://maps.wikimedia.org/osm-intl/{z}/{x}/{y}.png';
+ var osmWikimediaAttrib = 'Wikimedia maps | Maps data © <a href="https://openstreetmap.org">OpenStreetMap contributors</a>';
+ var osmWikimedia = new L.TileLayer(osmWikimediaUrl, {minZoom: 1, maxZoom: 19, attribution: osmWikimediaAttrib});
+ // init map view
+ if (map_bounds) {
+ // TODO hack: https://github.com/Leaflet/Leaflet/issues/2021
+ // Still useful ?
+ setTimeout(function () {
+ map.fitBounds(map_bounds, {
+ maxZoom: 17
+ });
+ }, 0);
+ } else if (map_lon && map_lat) {
+ if (map_zoom) {
+ map.setView(new L.latLng(map_lat, map_lon), map_zoom);
+ } else {
+ map.setView(new L.latLng(map_lat, map_lon), 8);
+ }
+ }
+
+ map.addLayer(osmMapnik);
+
+ var baseLayers = {
+ "OSM Mapnik": osmMapnik,
+ "OSM Wikimedia": osmWikimedia,
+ };
+
+ L.control.layers(baseLayers).addTo(map);
+
+ if (map_geojson) {
+ L.geoJson(map_geojson).addTo(map);
+ } /* else if(map_bounds) {
+ L.rectangle(map_bounds, {color: "#ff7800", weight: 3, fill:false}).addTo(map);
+ } */
+ });
+
+ // this event occur only once per element
+ event.preventDefault();
+ });
+ });
+})(window, document, window.searxng);