37ab05310b
Press 'F', type a query and press 'Enter' to find places effortlessly. Note that the button already triggers on mousedown events, even though by convention it should react on mouseup (i.e. a regular click) only. However, that's an issue in the external dependency, and can be worked around for now.
54 lines
1.6 KiB
JavaScript
54 lines
1.6 KiB
JavaScript
BR.Search = L.Control.Geocoder.extend({
|
|
options: {
|
|
geocoder: new L.Control.Geocoder.LatLng({
|
|
next: new L.Control.Geocoder.Nominatim({
|
|
serviceUrl: 'https://nominatim.openstreetmap.org/'
|
|
}),
|
|
sizeInMeters: 800
|
|
}),
|
|
position: 'topleft',
|
|
shortcut: {
|
|
search: 70 // char code for 'f'
|
|
}
|
|
},
|
|
|
|
initialize: function(options) {
|
|
L.Control.Geocoder.prototype.initialize.call(this, options);
|
|
L.setOptions(this, {
|
|
// i18next.t will only return 'undefined' if it is called in a static context
|
|
// (e.g. when added directly to "options:" above), so we have to call it here
|
|
placeholder: i18next.t('map.geocoder-placeholder')
|
|
});
|
|
|
|
L.DomEvent.addListener(document, 'keydown', this._keydownListener, this);
|
|
},
|
|
|
|
markGeocode: function(result) {
|
|
this._map.fitBounds(result.geocode.bbox, {
|
|
maxZoom: 17
|
|
});
|
|
|
|
this.clear();
|
|
this._geocodeMarker = new L.CircleMarker(result.geocode.center, {
|
|
interactive: false,
|
|
color: 'red',
|
|
opacity: 1,
|
|
weight: 3
|
|
}).addTo(this._map);
|
|
|
|
return this;
|
|
},
|
|
|
|
clear: function() {
|
|
if (this._geocodeMarker) {
|
|
this._map.removeLayer(this._geocodeMarker);
|
|
}
|
|
},
|
|
|
|
_keydownListener: function(e) {
|
|
if (BR.Util.keyboardShortcutsAllowed(e) && e.keyCode === this.options.shortcut.search) {
|
|
$('#map .leaflet-control-geocoder')[0].dispatchEvent(new MouseEvent('mousedown'));
|
|
e.preventDefault();
|
|
}
|
|
}
|
|
});
|