Angular-google-地图搜索框

Question

我有这个结构：

我的文件夹
- myApp.coffee
- index.html
- searchbox.tpl.html

并且在 myApp 设置中：

$scope.searchbox = {template: "searchbox.tpl.html"}

我正在使用这个 example 但我得到了 TypeError: Cannot read 属性 'SearchBox' of undefined，可能是什么？

Answer 1

必须包括libraries=places

<script src='//maps.googleapis.com/maps/api/js?libraries=places&sensor=false&language=pt&v=3.17'></script>

Answer 2

您可以通过两种方式使用 angular-google-maps：

1) 通过在 angular-google-maps.
之前包含 API ...在这种情况下，您需要以这种方式包含库 places：

<script src='//maps.googleapis.com/maps/api/js?libraries=places&sensor=false&language=pt&v=3.17'></script>
                                                           ^
                                                        see? there

2) 使用 .config（推荐）。
...在那种情况下，您需要以这种方式包含库 places：

angular.module('myApp').config(['uiGmapGoogleMapApiProvider', function(uiGmapGoogleMapApiProvider) {
    uiGmapGoogleMapApiProvider.configure({
        //    key: 'your api key',
        v: '3.20', //defaults to latest 3.X anyhow
        libraries: 'places,geometry,visualization' // <--- see? there
    });
}]);

Angular-google-地图搜索框

Angular-google-maps search-box

angularjs

angular-google-maps