angularjs - Angular-google-maps 搜索框

Question

我有这样的结构:

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

在 myApp 设置中:

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

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

Answer 1

您可以通过两种方式使用 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
    });
}]);