Javascript 角度谷歌地图搜索框模板未在phonegap中显示(android)

Javascript 角度谷歌地图搜索框模板未在phonegap中显示(android),javascript,android,angularjs,cordova,google-maps,Javascript,Android,Angularjs,Cordova,Google Maps,用于使用angular实现google地图。搜索框在移动站点上运行良好。然后我用同样的代码创建了一个phonegap android构建。打开应用程序时,搜索框未显示。正在从从.js文件中的$templateCache运行的模板调用搜索框 下面是HTML代码 <form role="form" id="req-form" ng-submit="submitRequest()"> <div id="search-box-container" class="form

用于使用angular实现google地图。搜索框在移动站点上运行良好。然后我用同样的代码创建了一个phonegap android构建。打开应用程序时,搜索框未显示。正在从从.js文件中的$templateCache运行的模板调用搜索框

下面是HTML代码

    <form role="form" id="req-form" ng-submit="submitRequest()">
    <div id="search-box-container" class="form-group">
    <script type="text/ng-template" id="searchbox2.tpl.html">
    <input type="text" ng-model="$parent.map.location" class="form-control   autocomplete-search" placeholder="Enter Request Location...">
     </script>
     </div>
    <div class="panel-group panel-map request-ui">
    <div class="panel panel-default">
    <div class="panel-heading" id="reqMapButton" style="opacity:0.3;" aria-expanded="{{ariaIsMapDisplayed}}" aria-controls="collapse-map" ng-click="toggleMap()">
    <h3 class="panel-title">
    <span class="open-map">
    Pinpoint Location on the Map<i class="collapse-arrow" ng-class="{'colarr-expanded': displayMap}"></i>
      </span>   
     </h3>
    </div>
   <div class="collapse-map" ng-class="{'expand-map': displayMap}">
<div class="panel-body">
<ui-gmap-google-map control="map.control" center="map.center"   zoom="map.zoom" events="map.events" options="map.options">                  

我是angular的新手,因此如果您能帮助我显示搜索框,我将不胜感激。

更改此src时,搜索框会出现

改为


如果这有帮助,我在android studio日志中发现一个错误,显示:09-15 21:48:57.870 21385-21385/com.example.vidpal I/chromium﹕ [信息:CONSOLE102]TypeError:无法读取g.createSearchBox处未定义的属性“SearchBox”file:///android_asset/www/app/assets/js/angular-google-maps.min.js:7:24200 在g.createSearchBoxfile:///android_asset/www/app/assets/js/angular-google-maps.min.js:7:21809 在g.initfile:///android_asset/www/app/assets/js/angular-google-maps.min.js:7:23204
    .config(['uiGmapGoogleMapApiProvider', function(uiGmapGoogleMapApiProvider) {
   uiGmapGoogleMapApiProvider.configure({
        // key: 'AIzaSyCXetXbocz0evqoyhI__el2KmcTRdiuG18',
        v: '3.19',
        china: true
   });
 }])

 .run(['$templateCache', function ($templateCache) {
      $templateCache.put('searchbox2.tpl.html', '<input type="text" ng-model="$parent.map.location" class="form-control autocomplete-search" placeholder="Enter Request Location...">');
 }])
 $scope.min_request_date = shift_today_date_by_days(1);
        $scope.ariaIsMapDisplayed = 'false';
        $scope.displayMap = false;
        $scope.req = {expdate:new Date(shift_today_date_by_days(4))};
        $scope.searchbox = { 
            template:'searchbox2.tpl.html', 
            events:events, 
            parentdiv: 'search-box-container', 
            options: { autocomplete: true } 
        };