Я пытаюсь добавить элемент управления поиском листовок, ниже приведен код:
angular.extend(_scope, { london: { lat: 28.7041,
lng: 77.1025,
zoom: 12
},
controls1: {
search: {
url: 'http://nominatim.openstreetmap.org/search?format=json&q={s}',
jsonpParam: 'json_callback',
propertyName: 'display_name',
propertyLoc: ['lat','lon'],
marker: L.circleMarker([0,0],{radius:30}),
autoCollapse: false,
autoType: false,
minLength: 2,
collapsed: false
}
},
layers1: {
baselayers: {
mapbox_light: {
name: 'Mapbox Light',
url: 'http://api.tiles.mapbox.com/v4/{mapid}/{z}/{x}/{y}.png?access_token={apikey}',
type: 'xyz',
layerOptions: {
apikey: 'pk.eyJ1IjoibmFyZXNoczMzIiwiYSI6ImNqZXNnanB3eDI2OG8yeG11Y2V0cWhjcmUifQ.vo8zz1cmjq47LCpWIan-_A',
mapid: 'mapbox.streets',
noWrap: true
},
worldCopyJump: true,
layerParams: {
showOnSelector: false
}
}
},
overlays: {
search: {
name: 'search',
type: 'group',
visible: true,
layerParams: {
showOnSelector: false
}
}
}
}
});
Я получаю эту ошибку: TypeError: L.Control.Search не является конструктором.
Добавили leaflet-search.js в индекс html
<script src="leaflet-search-master/dist/leaflet-search.min.js"></script>
Я могу сделать это в отдельном рабочем пространстве, используя Angular6 и без использования директивы angular-leaflet, однако, когда я пытаюсь это сделать с помощью директивы angular leafletвыдает ошибку выше
Я что-то упустил, чтобы добавить элемент управления поиском?Правильно ли я добавил зависимости?