Angular-google-maps搜索框

时间:2015-03-12 13:23:01

标签: angularjs angular-google-maps

我有这个结构:

  • MyFolder文件
    • myApp.coffee
    • 的index.html
    • searchbox.tpl.html

在myApp设置中:

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

我使用此example但我得到 TypeError:无法读取属性' SearchBox'未定义的,可能是什么?

2 个答案:

答案 0 :(得分:4)

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

答案 1 :(得分:3)

必要时包括 libraries = places

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