stonewareslord/this_algorithm
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add searching to the map

Browse Source
This commit is contained in:
Austen Adler 2023-03-22 19:56:35 -04:00
parent 792852d267
commit 43f4b44cb9
3 changed files with 28 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
web-frontend/package.json
View File

@ -35,6 +35,7 @@
}, },
"type": "module", "type": "module",
"dependencies": { "dependencies": {
"leaflet-control-geocoder": "^2.4.0",
"svelecte": "^4.0.0-alpha.7" "svelecte": "^4.0.0-alpha.7"
} }
} }

15
web-frontend/src/lib/Map.svelte
View File

@ -2,6 +2,7 @@
import { onMount, onDestroy } from 'svelte'; import { onMount, onDestroy } from 'svelte';
import { browser } from '$app/environment'; import { browser } from '$app/environment';
import { createEventDispatcher } from 'svelte'; import { createEventDispatcher } from 'svelte';
import * as leafletControlGeocoder from 'leaflet-control-geocoder';
const dispatch = createEventDispatcher(); const dispatch = createEventDispatcher();
@ -63,6 +64,19 @@
ctrl.addTo(map); ctrl.addTo(map);
// Add the search control
let geocoder = new leafletControlGeocoder.Geocoder({ defaultMarkGeocode: false })
.on('markgeocode', function (e) {
console.log('Marked geocode:', e);
onMapClick({
latlng: {
lat: e.geocode.center.lat,
lng: e.geocode.center.lng
}
});
})
.addTo(map);
leaflet leaflet
.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', { .tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
attribution: attribution:
@ -98,4 +112,5 @@
<style> <style>
@import 'leaflet/dist/leaflet.css'; @import 'leaflet/dist/leaflet.css';
@import 'leaflet-control-geocoder/dist/Control.Geocoder.css';
</style> </style>

12
web-frontend/yarn.lock
View File

@ -3106,6 +3106,13 @@ lazy-cache@^1.0.3:
resolved "https://registry.yarnpkg.com/lazy-cache/-/lazy-cache-1.0.4.tgz#a1d78fc3a50474cb80845d3b3b6e1da49a446e8e" resolved "https://registry.yarnpkg.com/lazy-cache/-/lazy-cache-1.0.4.tgz#a1d78fc3a50474cb80845d3b3b6e1da49a446e8e"
integrity sha512-RE2g0b5VGZsOCFOCgP7omTRYFqydmZkBwl5oNnQ1lDYC57uyO9KqNnNVxT7COSHTxrRCWVcAVOcbjk+tvh/rgQ== integrity sha512-RE2g0b5VGZsOCFOCgP7omTRYFqydmZkBwl5oNnQ1lDYC57uyO9KqNnNVxT7COSHTxrRCWVcAVOcbjk+tvh/rgQ==
leaflet-control-geocoder@^2.4.0:
version "2.4.0"
resolved "https://registry.yarnpkg.com/leaflet-control-geocoder/-/leaflet-control-geocoder-2.4.0.tgz#f6c00ae00b53d2ac5908e874a9aefd414f615f22"
integrity sha512-b2QlxuFd40uIDbnoUI3U9fzfnB4yKUYlmsXjquJ2d2YjoJqnyVYcIJeErAVv3kPvX3nI0gzvBq1XHMgSVFrGkQ==
optionalDependencies:
open-location-code "^1.0.0"
leaflet@^1.9.3: leaflet@^1.9.3:
version "1.9.3" version "1.9.3"
resolved "https://registry.yarnpkg.com/leaflet/-/leaflet-1.9.3.tgz#52ec436954964e2d3d39e0d433da4b2500d74414" resolved "https://registry.yarnpkg.com/leaflet/-/leaflet-1.9.3.tgz#52ec436954964e2d3d39e0d433da4b2500d74414"
@ -3500,6 +3507,11 @@ once@^1.3.0, once@^1.4.0:
dependencies: dependencies:
wrappy "1" wrappy "1"
open-location-code@^1.0.0:
version "1.0.3"
resolved "https://registry.yarnpkg.com/open-location-code/-/open-location-code-1.0.3.tgz#5ea1a34ee5221c6cafa04392e1bd906fd7488f7e"
integrity sha512-DBm14BSn40Ee241n80zIFXIT6+y8Tb0I+jTdosLJ8Sidvr2qONvymwqymVbHV2nS+1gkDZ5eTNpnOIVV0Kn2fw==
optionator@^0.9.1: optionator@^0.9.1:
version "0.9.1" version "0.9.1"
resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.9.1.tgz#4f236a6373dae0566a6d43e1326674f50c291499" resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.9.1.tgz#4f236a6373dae0566a6d43e1326674f50c291499"