Add searching to the map
This commit is contained in:
parent
792852d267
commit
43f4b44cb9
@ -35,6 +35,7 @@
|
||||
},
|
||||
"type": "module",
|
||||
"dependencies": {
|
||||
"leaflet-control-geocoder": "^2.4.0",
|
||||
"svelecte": "^4.0.0-alpha.7"
|
||||
}
|
||||
}
|
||||
|
@ -2,6 +2,7 @@
|
||||
import { onMount, onDestroy } from 'svelte';
|
||||
import { browser } from '$app/environment';
|
||||
import { createEventDispatcher } from 'svelte';
|
||||
import * as leafletControlGeocoder from 'leaflet-control-geocoder';
|
||||
|
||||
const dispatch = createEventDispatcher();
|
||||
|
||||
@ -63,6 +64,19 @@
|
||||
|
||||
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
|
||||
.tileLayer('https://{s}.tile.openstreetmap.org/{z}/{x}/{y}.png', {
|
||||
attribution:
|
||||
@ -98,4 +112,5 @@
|
||||
|
||||
<style>
|
||||
@import 'leaflet/dist/leaflet.css';
|
||||
@import 'leaflet-control-geocoder/dist/Control.Geocoder.css';
|
||||
</style>
|
||||
|
@ -3106,6 +3106,13 @@ lazy-cache@^1.0.3:
|
||||
resolved "https://registry.yarnpkg.com/lazy-cache/-/lazy-cache-1.0.4.tgz#a1d78fc3a50474cb80845d3b3b6e1da49a446e8e"
|
||||
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:
|
||||
version "1.9.3"
|
||||
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:
|
||||
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:
|
||||
version "0.9.1"
|
||||
resolved "https://registry.yarnpkg.com/optionator/-/optionator-0.9.1.tgz#4f236a6373dae0566a6d43e1326674f50c291499"
|
||||
|
Loading…
Reference in New Issue
Block a user