Google Maps API carga dinámica con AngularJS
Estoy tratando de cargar la API de Google Maps usando AngularJS:
<html data-ng-app="search-app">
<head data-ng-controller="GoogleMaps">
<script ng-src="{{mapsUrl}}" type="text/javascript"></script>
....
</head>
y controlador para esa parte:
search.controller('GoogleMaps', [
'$scope','$sce',
function GoogleMaps($scope,$sce) {
var mapsUrl = '//maps.google.com/maps/api/js?sensor=false&key=my_api_key';
$scope.mapsUrl = $sce.trustAsResourceUrl(mapsUrl);
}
]);
pero cuando se llama a la API de Google Map dentro del controlador de búsqueda, arroja un error
this.setMap no es una función
par
function CustomMarker(latlng, map, args) {
this.latlng = latlng;
this.args = args;
this.setMap(map);
}
pero cuando reemplazaré{{mapsUrl}} con URL completa en el encabezado HTML funcionará.
¿Alguna idea sobre eso?