无法使用传单搜索插件和angular-leaflet-directive

时间:2018-12-24 11:42:44

标签: angular leaflet angular-leaflet-directive

我正在尝试添加传单搜索控件,下面是代码:

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不是构造函数。

已在索引html中添加了leaflet-search.js

<script src="leaflet-search-master/dist/leaflet-search.min.js"></script>

我能够使用Angular6在单独的工作空间中执行此操作,而无需使用angular-leaflet指令,但是当我使用angular leaflet指令尝试执行此操作时,会出现上述错误

我是否缺少添加搜索控件的内容? 我是否已正确添加依赖项?

0 个答案:

没有答案