Javascript 角度谷歌地图搜索框模板未在phonegap中显示(android)
用于使用angular实现google地图。搜索框在移动站点上运行良好。然后我用同样的代码创建了一个phonegap android构建。打开应用程序时,搜索框未显示。正在从从.js文件中的$templateCache运行的模板调用搜索框 下面是HTML代码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
<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 }
};