mirror of
https://github.com/Viglino/ol-ext.git
synced 2025-12-08 19:26:29 +00:00
81 lines
2.9 KiB
JavaScript
81 lines
2.9 KiB
JavaScript
/* Copyright (c) 2017 Jean-Marc VIGLINO,
|
|
released under the CeCILL-B license (French BSD license)
|
|
(http://www.cecill.info/licences/Licence_CeCILL-B_V1-en.txt).
|
|
*/
|
|
|
|
import ol from 'ol'
|
|
import ol_control_Search from './Search'
|
|
|
|
/**
|
|
* Search features.
|
|
*
|
|
* @constructor
|
|
* @extends {ol_control_Search}
|
|
* @fires select
|
|
* @param {Object=} Control options.
|
|
* @param {string} options.className control class name
|
|
* @param {Element | string | undefined} options.target Specify a target if you want the control to be rendered outside of the map's viewport.
|
|
* @param {string | undefined} options.label Text label to use for the search button, default "search"
|
|
* @param {string | undefined} options.placeholder placeholder, default "Search..."
|
|
* @param {number | undefined} options.typing a delay on each typing to start searching (ms), default 300.
|
|
* @param {integer | undefined} options.minLength minimum length to start searching, default 1
|
|
* @param {integer | undefined} options.maxItems maximum number of items to display in the autocomplete list, default 10
|
|
*
|
|
* @param {string | undefined} options.property a property to display in the index, default 'name'.
|
|
* @param {function} options.getTitle a function that takes a feature and return the name to display in the index, default return the property
|
|
* @param {function | undefined} options.getSearchString a function that take a feature and return a text to be used as search string, default geTitle() is used as search string
|
|
*/
|
|
var ol_control_SearchFeature = function(options)
|
|
{ if (!options) options = {};
|
|
|
|
ol_control_Search.call(this, options);
|
|
|
|
if (typeof(options.getSearchString)=="function") this.getSearchString = options.getSearchString;
|
|
this.set('property', options.property||'name');
|
|
|
|
this.source_ = options.source;
|
|
};
|
|
ol.inherits(ol_control_SearchFeature, ol_control_Search);
|
|
|
|
/** Returns the text to be displayed in the menu
|
|
* @param {ol.Feature} f the feature
|
|
* @return {string} the text to be displayed in the index
|
|
* @api
|
|
*/
|
|
ol_control_SearchFeature.prototype.getTitle = function (f)
|
|
{ return f.get(this.get('property')||'name');
|
|
};
|
|
|
|
/** Return the string to search in
|
|
* @param {ol.Feature} f the feature
|
|
* @return {string} the text to be used as search string
|
|
* @api
|
|
*/
|
|
ol_control_SearchFeature.prototype.getSearchString = function (f)
|
|
{ return this.getTitle(f);
|
|
}
|
|
|
|
/** Autocomplete function
|
|
* @param {string} s search string
|
|
* @param {int} max max
|
|
* @param {function} cback a callback function that takes an array of {name, feature} to display in the autocomplete fielad
|
|
* @api
|
|
*/
|
|
ol_control_SearchFeature.prototype.autocomplete = function (s, cback)
|
|
{ var result = [];
|
|
// regexp
|
|
s = s.replace(/^\*/,'');
|
|
var rex = new RegExp(s, 'i');
|
|
// The source
|
|
var features = this.source_.getFeatures();
|
|
var max = this.get('maxItems')
|
|
for (var i=0, f; f=features[i]; i++)
|
|
{ if (rex.test(this.getSearchString(f)))
|
|
{ result.push(f);
|
|
if ((--max)<=0) break;
|
|
}
|
|
}
|
|
return result;
|
|
};
|
|
|
|
export default ol_control_SearchFeature |